@charset "UTF-8";
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
*, ::before, ::after { margin:0; padding:0; border:0; box-sizing:border-box; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
button, input, textarea, select { font:inherit; vertical-align:baseline; outline:none; }
html:focus, body:focus, div:focus, span:focus, applet:focus, object:focus, iframe:focus,
h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, p:focus, blockquote:focus, pre:focus,
a:focus, abbr:focus, acronym:focus, address:focus, big:focus, cite:focus, code:focus,
del:focus, dfn:focus, em:focus, img:focus, ins:focus, kbd:focus, q:focus, s:focus, samp:focus,
small:focus, strike:focus, strong:focus, sub:focus, sup:focus, tt:focus, var:focus,
b:focus, u:focus, i:focus, center:focus,
dl:focus, dt:focus, dd:focus, ol:focus, ul:focus, li:focus,
fieldset:focus, form:focus, label:focus, legend:focus,
table:focus, caption:focus, tbody:focus, tfoot:focus, thead:focus, tr:focus, th:focus, td:focus,
article:focus, aside:focus, canvas:focus, details:focus, embed:focus,
figure:focus, figcaption:focus, footer:focus, header:focus, hgroup:focus,
menu:focus, nav:focus, output:focus, ruby:focus, section:focus, summary:focus,
time:focus, mark:focus, audio:focus, video:focus,
button:focus, input:focus, textarea:focus, select:focus { outline:none; }

body  { background-color:#F7FBFF; font-size:14px; font-weight:400; font-family:'Noto Sans KR', sans-serif; color:#7F7F7F; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style:none; }
li  { line-height:1; }
p,label, ol, ul  { margin:0; }
table { width:100%; border-collapse:collapse; border-spacing:0; }
select  { appearance:none; -webkit-appearance:none; background: url(/assets/mobile/admin-img/angle-select.svg) right center no-repeat; background-size: auto 15px; padding-left:6px; padding-right:15px; }
select::-ms-expand { display:none } /* 화살표 없애기 for IE10, 11*/

a { text-decoration:none; color:#333; }
a:hover { color:#333; }

img { max-width:100%; vertical-align:top; }

/* 공통 */
:root {
	--page-width:1080px;
	--con-box-shadow:0 1px 3px rgba(85,85,85,0.35);
	--text-normal:rgb(127, 127, 127);/* #7F7F7F */
	--text-dark:rgb(51, 51, 51);/* #333333 */
	--text-light:rgb(136, 148, 158);/* #88949E */
	--text-dimmed:rgb(170,170,170);/* #AAAAAA */
	--color-white:rgb(255,255,255);
	--color-mint:rgb(26,179,148);/* #1AB394 */
	--color-navy:rgb(10,70,103);/* #0A4667 */
	--color-blue:rgb(41,142,255);/* #298EFF */
	--color-purple:rgb(120,87,232);/* #7857E8 */
	--color-yellow:rgb(255,245,5);/* #FFF505 */
	--color-orange:rgb(255,114,0);/* #FF7200 */
	--color-red:rgb(242,69,62);/* #F2453E */
	--border-normal:rgb(215,215,215);/* #D7D7D7 */
	--border-light:rgb(242,242,242);/* #F2F2F2 */
	--border-mid:rgb(85,85,85);/* #555555 */
}
input[type=text],
input[type=password],
input[type=number]  { border:1px solid var(--border-normal); border-radius:6px; padding-left:10px; }
input[type=text]:disabled,
input[type=number]:disabled,
textarea:disabled,
input[type=text]:read-only,
input[type=number]:read-only  { background-color:#F3F5F7;/*#F7FBFF*/ }
input::placeholder,
textarea::placeholder  { color:#adadad; }
/* number 입력시 up,down 화살표 안 보이게 하기 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type="number"]  { -moz-appearance:textfield; }
select  { border:1px solid var(--border-normal); }
.sr { position:absolute; top:0; left:-9999px; width:0; height:0; overflow:hidden; }

.show { display: block; }
.hidden  { display:none !important; }

.text-light  { color:var(--text-light); }
.text-dimmed  { color:var(--text-dimmed); }
.text-dark  { color:var(--text-dark); }
.text-point  { color:var(--color-mint); }
.text-blue  { color:var(--color-blue); }
.text-purple  { color:var(--color-purple); }
.text-danger  { color:var(--color-red); }
.required  { color:var(--color-red); }
.fs-13  { font-size:13px; }
.fs-12  { font-size:12px; }
b, strong  { font-weight:700; }

.readybox1 { text-align: center; } /* 로딩 */

.date-input-box  { padding:12px 0 10px; }
.date-input-box > .datepicker,
.date-input-box > .btn-date  { width:100%; height:40px; border:1px solid var(--border-normal); border-radius:6px; background:url(/assets/mobile/admin-img/ico-datepicker.svg) calc(100% - 1.25em) center no-repeat; background-size:auto 47%; font-size:16px; text-align:center; padding-right:2em; }

.check-block  { position:relative; font-size:14px; color:var(--text-dark); }
.check-block > input  { position:absolute; top:0; left:0; opacity:0; appearance:none; -webkit-appearance:none; }
.check-block > label  { display:block; line-height:18px; padding:1px 0 1px 26px; }
.check-block > label::before  { content:''; display:block; position:absolute; top:0; left:0; width:20px; height:20px; border:1px solid var(--border-normal); border-radius:4px; }
.check-block > input:checked + label::before  { border-color:transparent; background:url(/assets/mobile/admin-img/ico-check-wh.svg) 62% center no-repeat; background-color:var(--color-mint); background-size:70% auto; }

.radio-block  { position:relative; display:inline-block; font-size:14px; color:var(--text-dark); }
.radio-block > input  { position:absolute; top:0; left:0; opacity:0; appearance:none; -webkit-appearance:none; }
.radio-block > label  { line-height:18px; padding:1px 0 1px 25px; }
.radio-block > label::before  { content:''; display:block; position:absolute; top:0; left:0; width:20px; height:20px; border:1px solid var(--border-normal); border-radius:50%; }
.radio-block > input:checked + label::before  { border:5px solid var(--color-mint); background-color:var(--color-white); }
.radio-block + .radio-block  { margin-left:10px; }

.btn-type-input  { position:relative; }
.btn-type-input > input  { position:absolute; top:0; left:0; opacity:0; appearance:none; -webkit-appearance:none; }
.btn-type-input > label  { display:flex; align-items:center; justify-content:center; height:41px; border:1px solid var(--border-normal); border-radius:6px; font-size:14px; color:#aaa; }
.btn-type-input > input:checked + label  { border:2px solid var(--color-mint); box-shadow:0 2px 5px rgba(0,0,0,0.3); color:var(--text-dark); }

button[type=button]:not(:disabled)  { cursor:pointer; }
button[type=button]:disabled  { opacity:0.4; }
a.btn  { display:inline-flex; align-items:center; border-radius:6px; padding:0 10px; }
.btn-dark  { background-color:var(--text-dark); color:var(--color-white); }
.btn-gray  { background-color:#88949E; color:var(--color-white); }
.btn-primary  { background-color:var(--color-mint); color:var(--color-white); }
.btn-secondary  { background-color:#F130B1; color:var(--color-white); }
.btn-blue  { background-color:var(--color-blue); color:var(--color-white); }
.btn-purple  { background-color:var(--color-purple); color:var(--color-white); }
.btn-navy  { background-color:var(--color-navy); color:var(--color-white); }
.btn-danger  { background-color:var(--color-red); color:var(--color-white); }
.btn-line-default  { border:1px solid var(--border-normal); background-color:var(--color-white); border-radius:3px; color:var(--text-dark); }
.btn-line-light  { border:1px solid var(--border-normal); background-color:var(--border-light); border-radius:4px; color:var(--text-dark); }
.btn-text-point  { color:var(--color-mint); text-decoration:underline; }
.btn-text-danger  { color:var(--color-red); text-decoration:underline; }
.btn-menu  { height:2.25em; background-color:#E4E5E6; border-radius:6px; line-height:1; padding:0.25em 0.5em 0 0.75em; }
.btn-menu:after  { content:''; display:inline-block; width:1em; height:2em; vertical-align:middle; background:url(/assets/mobile/admin-img/ico-dots-bk.svg) right 40% no-repeat; background-size:90% auto; opacity:0.5 }

.qty-section  { display:flex; align-items:center; width:64px; margin-top:8px; }
.qty-section .qty  { flex:1; font-size:13px; color:var(--text-dark); text-align:center; }
.qty-section .btn-qty-plus,
.qty-section .btn-qty-minus  { box-shadow:0 1px 3px rgba(0,0,0,0.3); }
.btn-qty-plus,
.btn-qty-minus  { width:22px; height:22px; border:1px solid #e1e1e1; border-radius:3px; background:url(/assets/mobile/admin-img/btn_qty.png) center top / 93% auto no-repeat; }
.btn-qty-plus  { background-position:center bottom; }
.btn-plus   { background-position:center bottom; }

.inform-bar-box  { position:relative; font-size:13px; padding-left:15px; }
.inform-bar-box::before  { content:''; position:absolute; top:4px; bottom:0; left:0; display:block; width:7px; background-color:var(--color-navy); border-radius:2px; }

/*.icon-member-black { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; background-color: #444; border-radius: 3px; font-size: 11px; color: #fff; font-weight: 500; padding-bottom: 1px; }*/
.icon-customer-b { display: inline-block; width: 14px; height: 14px; background: url(/assets/images/icons/icon_b_customer.svg) no-repeat center / 14px 14px; vertical-align: bottom; margin-bottom: 4px; }

.no-data  { font-size:14px; text-align:center; padding-top:9vh; }
.no-data b  { color:var(--text-dark); }
.no-data .icon  { height:48px; background:url(/assets/mobile/admin-img/ico-no.svg) center no-repeat; background-size:auto 100%; margin:18px auto; }

.flex-box  { display:flex; }
.flex-box.flex-column  { flex-direction:column; }
.flex-box.flex-wrap  { flex-wrap:wrap; }

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

/* 테이블 */
.tb-responsive  { width:100%; overflow-x:auto; }
.tb-responsive > table  { table-layout:fixed; width:fit-content; min-width:100%; }

table .foot-primary td  { background:#ecf5f3; }

.tb-stripe tr:nth-child(2n) > th,
.tb-stripe tr:nth-child(2n) > td  { background-color:#F7FBFF; }
.tb-basic  { font-size:12px; color:var(--text-dark); }
.tb-basic thead th  { background-color:#F8FBFF; border:1px solid #C1DCF4; text-align:center; padding:6px 3px 7px; }
.tb-basic thead th + th  { border-left:0 }
.tb-basic tbody td,
.tb-basic tfoot td  { border:1px solid var(--border-light); text-align:center; padding:0.5em 2px 7px; }
.tb-basic tbody td + td,
.tb-basic tfoot td + td  { border-left:0; }
.tb-basic tbody td > button  { min-width:34px; height:26px; border-radius:4px; padding:0 9px; margin:-3px auto -4px; }

.tb-write  { border:1px solid #ddd; border-bottom:0; font-size:13px; color:var(--text-dark); }
.tb-write + .tb-write  { margin-top:10px; }
.tb-write .required::before  { content:' *'; }
.tb-write th  { height:39px; background-color:#F5F5F6; border-bottom:1px solid #ddd; text-align:left; vertical-align:middle; padding:3px 3px 3px 15px }
.tb-write td  { border-bottom:1px solid #ddd; border-left:1px solid #ddd; vertical-align:middle; padding:0.25em 0.25em 0.25em 15px; }
.tb-write input[type=text], .tb-list input[type=text],
.tb-write input[type=number], .tb-list input[type=text],
.tb-write select, .tb-list select { height:32px; border:1px solid var(--border-normal); border-radius:3px; }
td .flex-box  { gap:6px; }
td .flex-box > *  { width:100%; }

.tb-list  { border-top:1px solid #ddd; border-right:1px solid #ddd; font-size:13px; color:var(--text-dark); }
.tb-list th  { height:39px; background-color:#F5F5F6; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; padding:3px; }
.tb-list td  { border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; vertical-align:middle; padding:3px; }
.tb-list td.text-left  { text-align:left; padding-left:8px; }
.tb-list .font-sm  { line-height:16px; }
.tb-list .font-sm .text-light  { font-size:11px; }
.tb-list .cell-clickable  { position:relative; }
.tb-list .cell-clickable .text  { display:block; height:100%; color:inherit; cursor:pointer; }
.tb-list .cell-clickable .text::after  { content:''; position:absolute; top:0; right:0; width:11px; border-top:11px solid var(--text-dark); border-left:11px solid transparent; }
.tb-list .settlement-info  { display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:185px; background-color:var(--text-dark); border-radius:6px; color:#EFF0B2; text-align:left; padding:25px 15px 27px; z-index:10; }
.tb-list .settlement-info .btn-close  { position:absolute; top:4px; right:6px; width:24px; height:24px; background:url(/assets/mobile/admin-img/ico-cross-wh.svg) center no-repeat; background-size:58% auto; z-index:11; }

.tb-statistics  { width:100%; font-size:12px; color:#555; margin-bottom:5px; }
.tb-statistics thead th,
.tb-statistics thead td  { background-color:var(--border-mid); color:var(--color-white); text-align: center; padding:9px 5px; }
.tb-statistics thead .now th  { background-color:var(--color-navy); }
.tb-statistics tbody th,
.tb-statistics tbody td,
.tb-statistics tfoot td  { border-bottom:1px solid var(--border-normal); border-right:1px solid var(--border-normal); text-align:left; vertical-align:middle; padding:0.5em 10px; }
.tb-statistics tbody th:first-child,
.tb-statistics tbody td:first-child,
.tb-statistics tfoot td:first-child  { border-left:1px solid var(--border-normal); }

/* 서브메뉴, 탭 등 */
.menu-scroll  { position:relative; width:100%; max-width:var(--page-width); flex:0 0 44px; background-color:var(--color-white); margin-left:auto; margin-right:auto; }
.menu-scroll:after  { content:''; display:block; position:absolute; left:0; bottom:0; right:0; border-bottom:1px solid var(--border-normal); }
.menu-scroll .swiper-slide  { width:auto; }
.menu-scroll a  { position:relative; height:44px; display:flex; align-items:center; justify-content:center; border-bottom:2px solid transparent; font-size:14px; color:var(--text-light); padding:0 12px; }
.menu-scroll .active a  { border-bottom-color:var(--color-mint); color:var(--color-mint); font-weight:700; z-index:1 }
.menu-scroll > ul  { display:flex; }
.menu-scroll > ul > li:not(.swiper-slide)  { width:100%; }

.menu-tab  { position:relative; flex:0 0 45px; width:100%; height:45px; max-width:var(--page-width); display:flex; padding:10px 0 0; margin-left:auto; margin-right:auto; }
.menu-tab a  { flex:1; display:flex; align-items:center; justify-content:center; border:1px solid var(--border-normal); background-color:var(--color-white); border-top-left-radius:4px; border-top-right-radius:4px; font-size:15px; color:var(--text-light); }
.menu-tab a + a  { margin-left:1px; }
.menu-tab a.active  { border-color:var(--color-navy); border-bottom-color:transparent; font-weight:700; color:var(--color-navy); }
.menu-tab .count  { font-size:14px; font-weight:700; color:var(--color-mint); margin-left:3px; padding-top:1px; opacity:0.5; }
.menu-tab a.active .count  { opacity:1; }

.menu-btn-type  { flex:0 0 48px; width:100%; max-width:var(--page-width); padding:8px 15px;  overflow:hidden; margin-left:auto; margin-right:auto; }
.menu-btn-type a  { float:left; display:flex; align-items:center; justify-content:center; min-width:64px; height:32px; border:1px solid var(--border-normal); background-color:var(--color-white); border-radius:16px; font-size:13px; color:#555; padding:0 20px; }
.menu-btn-type a.active  { background-color:var(--color-mint); border-color:var(--color-mint); font-weight:700; color:var(--color-white); }
.menu-btn-type a + a  { margin-left:6px; }
.menu-btn-type.disabled-mode a  { pointer-events:none; opacity:0.5; }
.menu-btn-type a.swiper-slide  { width:auto; }

.btn-menu.menu-view + .menu-hidden  { display:block; }
.menu-hidden  { display:none; border:1px solid #F2F2F2; background:var(--color-white); box-shadow:0 2px 3px rgba(0,0,0,0.35); width:101px; padding:7px 0; z-index:10; }
.menu-hidden a  { display:block; font-size:13px; color:#555; line-height:22px; padding-left:9px; cursor:pointer; }
.menu-hidden a:hover  { color:var(--color-red); }
.menu-hidden a + a  { margin-top:4px; }

.small-tab  { height:40px; max-width:var(--page-width); display:flex; padding:10px 0 0; }
.small-tab a  { flex:1; display:flex; align-items:center; justify-content:center; border:1px solid var(--border-normal); background-color:var(--color-white); border-top-left-radius:4px; border-top-right-radius:4px; font-size:13px; color:var(--text-light); padding-bottom:1px; }
.small-tab a + a  { margin-left:1px; }
.small-tab a.active  { border-color:var(--text-dark); border-bottom-color:transparent; color:var(--text-dark); }


/* 레이아웃 */
.m-admin-wrap  { display:flex; flex-direction:column; height:100svh; }
.page-width  { position:relative; width:100%; max-width:var(--page-width); min-height:100%; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; }
.header  { flex:0 0 52px; background-color:#fff; box-shadow:var(--con-box-shadow); z-index:10; }
main.login,
main.main  { flex:1; overflow-y:auto; }
main.main  { display:flex; flex-direction:column; width:100%; max-width:var(--page-width); margin-left:auto; margin-right:auto; }
main > .content  { flex:1 }
.content-box  { background-color:var(--color-white); box-shadow:var(--con-box-shadow); }
footer.footer  { flex:0 0 auto; position:relative; z-index:10; }

.header > .page-width  {display:flex; align-items:center; justify-content:center; }
.header .page-name  { flex:1; font-size:18px; color:var(--text-dark); line-height:1; text-align:center; margin:0 25px; }
.header .main-btns button  { height:28px; border-radius:4px; font-size:12px; vertical-align:top; padding:0 0.83em; }
.header .main-btns button + button  { margin-left:2px; }
.header button  { cursor:pointer; z-index:1; }
.header .main-btns .btn-reserve  { background-image:url(/assets/mobile/admin-img/ico-calendar-check.svg); background-position:0.75em center; background-repeat:no-repeat; background-size:1em auto; padding-left:2.125em; }
.header .main-btns .btn-join  { background-image:url(/assets/mobile/admin-img/ico-user-plus.svg); background-position:0.75em center; background-repeat:no-repeat;  background-size:1.125em auto; padding-left:2.125em; }
.header .main-btns .btn-workday  { background-image:url(/assets/mobile/admin-img/ico-calendar-plus.svg); background-position:9px center; background-repeat:no-repeat; background-size:12px auto; padding-left:25px; }
.header .btn-dashboard  { width:22px; height:22px; background:url(/assets/mobile/admin-img/ico-layout.svg) center no-repeat; background-size:18px auto; transform:rotate(-90deg); margin-left:-2px; }
.header .btn-dashboard.active  { background-image:url(/assets/mobile/admin-img/ico-layout-on.svg); }
.header .btn-back  { width:20px; height:23px; background:url(/assets/mobile/admin-img/ico-left.svg) center no-repeat; background-size:18px auto; margin-left:-5px; }
.header .btn-alarm  { position:relative; width:22px; background:url(/assets/mobile/admin-img/ico-bell.svg) center no-repeat; background-size:18px 21px; }
.header .btn-alarm.new::after  { content:''; display:block; position:absolute; top:5px; right:0; width:10px; height:10px; border-radius:50%; border:2px solid var(--color-white); background:var(--color-red); }
.header .btn-close  { position:absolute; top:50%; right:13px; transform:translateY(-50%); width:23px; height:23px; background:url(/assets/mobile/admin-img/ico-cross-gray.svg) center no-repeat; background-size:19px auto; }
.header .btn-delete  { width:23px; height:23px; background:url(/assets/mobile/admin-img/icon-trash.svg) center no-repeat; background-size:20px auto; margin-right:-2px; }
.header .btn-cancel  { display:none; background-color:transparent; text-decoration:underline; font-size:16px; color:var(--text-dark); }
.header .btn-delete.active  { display:none; }
.header .btn-delete.active + .btn-cancel  { display:block; }
.header .btn-save  { background-color:transparent; font-size:18px; color:var(--color-blue); }
.header .btn-menu  { position:absolute; left:15px; }
.header .menu-hidden  { position:absolute; top:46px; left:15px; }
.header .icon-current  { position:relative; display:inline-block; width:7px; height:7px; border-radius:50%; background-color:var(--color-red); vertical-align:top; margin-top:2px; }
.header .icon-current::before  {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:13px; height:13px; border:1px solid var(--color-red); border-radius:50%; animation:current 2s infinite; opacity:0; }
.header .icon-current::after  {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:13px; height:13px; border:0 solid var(--color-red); border-radius:50%; animation:current2 2s infinite; opacity:0; }
@-webkit-keyframes current {
	from { opacity:0; width:9px; height:9px; }
	8%  { opacity:1; width:14px; height:14px; }
	95%  { opacity:1; }
	to   { opacity:0; }
}
@-webkit-keyframes current2 {
	20% { opacity:0; width:12px; height:12px; }
	20.5%  { opacity:0.8; width:12px; height:12px; border-width:0; }
	75%  { opacity:0; width:22px; height:22px; border-width:3px; }
}


.header > .page-width.main-menu  { justify-content:space-between; }
.header .main-menu .page-name  { text-align:left; margin-right:auto; margin-left:12px; }
.header .main-menu .btn-back  { position:static; }
.header .main-menu .btn-back + .btn-dashboard  { margin-left:5px; }

main .full-page  { margin-left:-15px; margin-right:-15px; }
.content-top-search  { background-color:var(--color-white); box-shadow:var(--con-box-shadow); padding:14px 15px; margin-bottom:5px; }
.content-top-search .item-row  { display:flex; gap:5px; }
.content-top-search .item-row + .item-row  { margin-top:7px; }
.content-top-search .item-row.date-box > .date  { width:100%; height:34px; background:url(/assets/mobile/admin-img/ico-datepicker.svg) calc(100% - 0.75em) center no-repeat #fff; background-size: 1em 1em; border-radius:17px; font-size:13px; color:var(--text-dark); text-align: center; padding:0 16px 0 0; }
.content-top-search .item-row.date-box > button  { flex:0 0 auto; border-radius:17px; font-size:13px; padding:0 12px; }
.content-top-search select  { width:100%; height:34px; border:1px solid var(--border-normal); border-radius:17px; background-position:calc(100% - 0.25em) center; background-size: auto 19px; color:var(--text-dark); padding-left:14px; }

.footer .main-navbar  { display:flex; height:60px; width:100%; max-width:var(--page-width); background-color:#0A4667; border-top-left-radius:10px; border-top-right-radius:10px; margin-left:auto; margin-right:auto; }
.main-navbar > button  { position:relative; flex:1; background-color:transparent; font-size:12px; color:var(--color-white); padding-top:34px; opacity:0.6; }
.main-navbar > button.active  { opacity:1; }
.main-navbar > button::before  { content:''; position:absolute; left:0; top:10px; width:100%; height:22px; background-size:auto 100%; background-position:center center; background-repeat:no-repeat; }
.main-navbar .btn-reserve:before  { background-image:url(/assets/mobile/admin-img/ico-calendar-day.svg); }
.main-navbar .btn-shop:before  { background-image:url(/assets/mobile/admin-img/ico-clipboard-list.svg); }
.main-navbar .btn-sales:before  { background-image:url(/assets/mobile/admin-img/ico-file-invoice.svg); }
.main-navbar .btn-manager:before  { background-image:url(/assets/mobile/admin-img/ico-id.svg); }
.main-navbar .btn-more:before  { background-image:url(/assets/mobile/admin-img/ico-road.svg); }

.footer .btm-btns  { background-color:var(--color-white); box-shadow:0 -1px 3px rgba(85,85,85,0.35); }
.btm-btns .btns-inner  { max-width:var(--page-width); display:flex; gap:11px; padding:10px 15px; margin:0 auto; }
.btm-btns button  { flex:1; height:40px; border-radius:6px }

.footer .step-btns  { max-width:var(--page-width); display:flex; height:50px; background-color:#0A4667; border-top-left-radius:10px; border-top-right-radius:10px; margin:auto; }
.step-btns > button  { position:relative; flex:1; display:flex; align-items:center; background-color:transparent; font-size:14px; color:var(--color-white); padding:0 16px; }
.step-btns > button:disabled span  { opacity:0.3 }
.step-btns .btn-before  { justify-content:flex-start; }
.step-btns .btn-next  { justify-content:flex-end; }
.step-btns .btn-next::before  { content:''; position:absolute; top:0; left:0; width:1em; height:1em; background-color:#0A4667; }
.step-btns > button .amount  { font-size:16px; color:#FFF505; padding-left:6px; }
.step-btns > button .amount::after  { content:'원'; }
.step-btns > button span[class^='ico']  { display:block; width:1.25em; height:1.5em; background:url(/assets/mobile/admin-img/arrow-right-wh.svg)right 58% no-repeat; background-size:auto 1.1em; }
.step-btns .ico-next  {}
.step-btns .ico-before  { background-position:right 48%; transform:rotate(180deg); }
.step-btns > button span.ico-more  { width:20px; height:20px; background-color:rgba(242,242,242,0.34); background-size:36% auto; background-position:57% center; border-radius:50%; transform:rotate(-90deg); margin-left:6px; }

.step-btns-additional  { display:flex; gap:11px; max-width:var(--page-width); background-color:var(--color-navy); border-top:1px solid #2B5B75; padding:15px; margin:auto; }
.step-btns-additional button  { flex:1; height:40px; border-radius:6px }

.footer-action-wrap { width:100%; max-width:var(--page-width); background-color:var(--color-white); border-top-left-radius:10px; border-top-right-radius:10px; box-shadow:0 -1px 3px rgba(85,85,85,0.35); margin-left:auto; margin-right:auto; overflow:hidden; }
.footer-action-wrap .btn-memo { width:100%; height:46px; background-color:transparent; }
.footer-action-wrap .btns-inner  { display:flex; gap:11px; padding:10px 15px; }
.footer-action-wrap .btns-inner > button  { flex:1; height:40px; border-radius:6px }

.copyright-common  { font-size:12px; color:#7D7D7D; line-height:20px; padding:40px 15px 20px; }
.copyright-common .logo-btm  { height:30px; background:url(/assets/mobile/admin-img/logo-footer.png)left center no-repeat; background-size:auto 100%; margin-bottom:12px; }
.copyright-common .relative-links  { padding:18px 0 20px; margin-left:-3px; overflow: hidden; }
.copyright-common .relative-links .btn-launcher  { float:left; font-size: 10px; color:#888EFF; line-height:1; text-align: center; margin-right:5px; }
.copyright-common .relative-links .btn-launcher .icon  { display: block; width:46px; height:46px; background-size: contain; margin:0 auto 3px; }
.copyright-common .relative-links .btn-launcher .icon.kiosk  { background-image: url(/assets/mobile/admin-img/launcher-kiosk.png); }
.copyright-common .relative-links .btn-launcher .icon.user  { background-image: url(/assets/mobile/admin-img/launcher-userapp.png); }

.bow-character  { position: relative; border-top:1px solid var(--border-light); background-color:var(--color-white); box-shadow:var(--con-box-shadow); border-bottom-left-radius:10px; border-bottom-right-radius:10px; color:var(--text-normal); text-align:center; padding:0 15px 20px; z-index:11; }
.bow-character .lead-comment  { color:var(--text-dark); font-weight:600; padding-bottom:5px; }
.bow-character .character  { height:160px; padding-bottom:10px; }
.bow-character .character img  { width:80%; height:100%; object-fit:contain; }

.alarm-reserve  { position: relative; width:100%; max-width:var(--page-width); margin:auto; }
.alarm-reserve .alarm-wrap  { position: absolute; bottom:80px; right:0; width:100%; max-width:234px; display: flex; flex-direction: column-reverse; gap:10px; padding:0 10px; }
.alarm-reserve .alarm-box  { position: relative; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }
.alarm-reserve .box-header  { background:var(--color-navy); border-top-left-radius:5px; border-top-right-radius:5px; font-size:12px; color:var(--color-white); text-align: center; padding:0.5em; }
.alarm-reserve .box-body  { background:var(--color-white); border:1px solid var(--border-normal); border-bottom-left-radius:5px; border-bottom-right-radius:5px; font-size:12px; color:var(--text-dark); line-height:1.5; padding:4px 2px 5px 7px; }
.alarm-reserve .btn-view  { position: absolute; bottom:10px; right:10px; letter-spacing:-0.04em; padding:0.25em 0.875em; }
.alarm-reserve .btn-close  { position: absolute; top:7px; right:10px; width:17px; height:17px; background: url(/assets/mobile/admin-img/ico-cross-wh.svg) center no-repeat; background-size:90% 90%; z-index:2; }


/* 로그인, 아이디비번찾기 */
.login .page-width  { background:url(/assets/mobile/admin-img/login-bg-main.jpg) center no-repeat; background-size:cover; text-align:center; }
.login .login-content  { min-height:78dvh; }
.login .logo-login,
.logo-findpw  { padding-top:9.3vh }
.login .logo-login > img,
.logo-findpw > img  { width:74%; max-width:241px; }
.login .login-text1  { font-size:16px; color:var(--color-white); font-weight:700; line-height:1.25; padding:2em 0 1em; }
.login .login-text2  { font-size:14px; color:#d7d7d7; padding-bottom:25px; }
.login .form-wrap,
.login .btn-login  { max-width:480px; margin-left:auto; margin-right:auto }
.login .form-wrap .form-row,
.findpw-content .form-row  { margin-bottom:10px; }
.login .form-wrap input[type=text],
.login .form-wrap input[type=password],
.findpw-content .form-wrap input[type=number]  { width:100%; height:40px; background-color:#fff; font-size:14px; color:var(--text-dark); }
.login .form-wrap input[type=text],
.login .form-wrap input[type=password]  { border-color:transparent; }
.login .form-wrap label  { float:left; font-size:13px; color:var(--color-white); line-height:18px; }
.login .form-wrap label + label  { margin-left:10px; }
.login .form-wrap input[type=checkbox]  { width:18px; height:18px; vertical-align:top; margin:0 3px 0 0; }
.login .form-wrap .btn-find-pw  { float:right; display:block; font-size:13px; color:var(--color-white); text-decoration:underline; }
.login .form-wrap::after  { content:''; display:block; clear:both; }
.login .btn-login  { background-image:linear-gradient(#39CAB0, #1AB394 17%); width:100%; height:50px; border-radius:25px; font-size:16px; color:var(--color-white); box-shadow:0 1px 2px rgba(0,0,0,0.35); margin-top:20px; }
.login .btn-login:disabled  { opacity:0.6; }
.login .login-btm,
.findpw-btm  { padding-top:10vh;}
.login .login-btm a  { font-size:14px; text-decoration:underline; color:#D7D7D7; }
.login .login-btm .copyright  { font-size:12px; color:#F2F2F2; padding-top:19px; }
.login-content .form-row  { position:relative; }
.login-content .form-row input::-ms-reveal { display: none; }
.login-content .form-row .btn-chk-eyes,
.login-content .form-row .btn-clear  { visibility:hidden; position:absolute; top:50%; transform: translateY(-50%); width:1.5rem; height:1.5rem; outline:0; }
.login-content .form-row .btn-chk-eyes  { right:2rem; background:url(/assets/mobile/admin-img/ico-eye-off.svg) center center no-repeat transparent; background-size: 90% auto; }
.login-content .on .btn-chk-eyes { background-image:url(/assets/mobile/admin-img/ico-eye.svg) }
.login-content .form-row .btn-clear  { right:0.375rem; background:transparent; }
.login-content .form-row .btn-clear::before  { content:''; position:absolute; top:0.25rem; left:0.25rem; width:1rem; height:1rem; border-radius:50%; background:url(/assets/mobile/admin-img/ico-cross-wh.svg)center center no-repeat var(--color-red); background-size:60% auto; }


.findpw-content  { background-color:var(--color-white); }
.findpw-content .findpw-form  { min-height:calc(78vh - 52px); text-align:center; }
.findpw-text1  { font-size:18px; color:var(--text-dark); font-weight:700; line-height:1.25; padding:2em 0 1em; }
.findpw-text2  { font-size:14px; color:#555; padding-bottom:34px; }
.findpw-content .form-row  { display:flex; gap:5px; }
.findpw-content .form-row button  { flex:0 0 102px; border-radius:6px; font-size:14px; }
.findpw-btm  { text-align:center; }
.findpw-btm a  { font-size:16px; text-decoration:underline; color:#555; }
.findpw-btm .copyright  { font-size:12px; color:#B9B9B9; padding-top:19px; }

/* 회원가입 */
.rgst-customer  { background-color:var(--color-white); padding-bottom:30px; }
.rgst-customer .form-name  { display:block; font-size:12px; color:var(--text-dark); padding:17px 0 7px; }
.rgst-customer .required::before  { content:'필수'; }
.rgst-customer .form-row  { display:flex; gap:6px; font-size:14px; }
.rgst-customer .form-row input[type=text],
.rgst-customer .form-row input[type=number]  { flex:1; width:100%; height:40px; }
.rgst-customer .form-row button  { border-radius:6px; font-size:14px; }
.rgst-customer .form-row button:disabled  { opacity:0.4; }
.rgst-customer .form-row .btn-type-input  { flex:1; }
.rgst-customer .designer-list  { height:120px; margin-left:-15px; margin-right:-15px; margin-top:-20px; padding:20px 15px 6px 15px; margin-bottom:-6px; }
.rgst-customer .customer-type  { padding-bottom:9px; }

.list-type-sns  { display:flex; flex-wrap:wrap; gap:6px; padding:0; margin:0 0 9px; }
.list-type-sns li  { position:relative; width:30px; list-style:none; flex:0 0 30px; height:30px; border-radius:3px; background:url(/assets/mobile/admin-img/icon-from.png) no-repeat; cursor:pointer; }
.list-type-sns li.park  { background-position:-1px -1px; }
/*.rgst-customer .list-type-sns li.kiosk  { background-position:-125px -230px; }*/
.list-type-sns li.insta  { background-position:-73px -1px; }
.list-type-sns li.face  { background-position:-109px -1px; }
.list-type-sns li.naver  { background-position:-145px -1px; }
.list-type-sns li.kakao  { background-position:-181px -1px; }
.list-type-sns li.etc  { flex:1; width:70px; max-width:70px; display:flex; border:1px solid #dfdfdf; background:none; font-size:14px; justify-content:center; align-items:center; }
.list-type-sns li.etc::before  { content:'기타'; }
.list-type-sns li.etc:hover  { background-color:#ebffff; }
.list-type-sns li:not(.etc).active:after  { content:''; position:absolute; top:1px; left:1px; width:12px; height:12px; background:url(/assets/mobile/admin-img/icon-from.png) -216px -10px no-repeat; }
.list-type-sns li.active  { box-shadow:0 2px 5px rgba(0,0,0,0.3); }
.list-type-sns li.etc.active  { color:var(--text-dark); border:2px solid var(--color-mint); }
.customer-type + .etc-text,
.list-type-sns + .etc-text  { display:flex; gap:10px }
.etc-text input[type=text]  { width:100%; }
.rgst-customer .etc-text input[type=text]  { height:38px; font-size:14px; }

.designer-list .swiper-slide { position:relative; height:42px !important; }
.designer-list input { position:absolute; top:0; left:0; width:0; height:0; opacity:0; user-select:none; }
.designer-list label,
.reserve-content .designer-info .designer { display:flex; align-items:center; border:1px solid var(--border-normal); border-radius:6px; font-size:14px; padding:5px 6px; cursor:pointer; }
.designer-list input:disabled + label { background-color:#f3f5f7; color:#adadad; cursor:default }
.designer-list input:checked + label { border:2px solid var(--color-mint); box-shadow:0 2px 5px rgba(0,0,0,0.3); font-weight:700; color:var(--text-dark); padding:4px 5px; }
.designer-list .img,
.reserve-content .designer-info .designer .img { width:30px; height:30px; border:1px solid var(--border-light); border-radius:50%; margin-right:8px; overflow:hidden; }
.designer-list .img img,
.reserve-content .designer-info .designer .img img { width:100%; height:100%; object-fit:cover; }
.designer-list.selected input + label  { border:1px solid var(--text-dark); font-weight:700; color:var(--text-dark); pointer-events:none; }
.designer-list .swiper-pagination  { top:-8px; left:100%; text-align:right; width:95px; bottom:unset; margin-left:-107px; }
.designer-list .swiper-pagination-bullet  { margin:0 3px !important; border-radius:4px; }
.designer-list .swiper-pagination-bullet-active  { width:20px; background-color:var(--color-mint); }

/* 예약현황 */
.search-customer  { position:relative; background-color:var(--color-white); border-top:1px solid var(--border-light); box-shadow:var(--con-box-shadow); z-index:11; padding:11px 15px; margin-bottom:5px; }
.search-customer .search-box  { display: flex; border:1px solid var(--color-navy); border-radius:6px; height:35px; }
.search-customer .search-box > input[type=text]  { flex:1; gap:4px; width:100%; height:100%; border:0; }
.search-customer .search-box .btn-search   { flex-shrink:0; width:36px; height:100%; background:url(/assets/mobile/admin-img/ico-scope.svg) 40% center no-repeat; background-size:auto 50%; }
.search-customer .search-box .btn-refresh  { flex-shrink:0; width:24px; height:100%; background:url(/assets/mobile/admin-img/ico-del.svg) center no-repeat var(--color-white); background-size:auto 50%; opacity:0.4; }

.filter-total  { flex-shrink:0; position:relative; display:flex; height:37px; align-items:center; justify-content:center; border:1px solid #C1DCF4; background-color: #F7FBFF; box-shadow:var(--con-box-shadow); color:#000; margin-top:-5px; margin-bottom:2px; }
.filter-total .btn-filter  { position:absolute; top:-1px; left:0; width:38px; height:37px; background:url(/assets/mobile/admin-img/ico-filter.svg) 4px center no-repeat var(--text-dark); background-size:auto 45%; border-top-right-radius:18px; border-bottom-right-radius:18px; box-shadow:1px 2px 6px rgba(0,0,0,0.26); z-index:2; }
.filter-total .btn-filter::after  { content:''; position:absolute; top:50%; right:6px; width:6px; height:6px; margin-top:-3px; background-color:#95F204; border-radius:50%; box-shadow:0 0 4px rgba(149,242,4); }
.filter-control  { position:absolute; top:-103px; left:-100%; width:238px; background-color:var(--text-dark); color:var(--color-white); z-index:400; transition:all 0.2s; }
.filter-control.show  { left:0; }
.filter-control .btn-hide  { position:absolute; top:7px; right:8px; width:30px; height:30px; background:url(/assets/mobile/admin-img/ico-close-wh.svg) center no-repeat; background-size:50% auto; }
.filter-control .title  { border-bottom:1px solid #474747; font-weight:700; padding:12px 16px 13px; }
.filter-control .title:after  { content:''; display:inline-block; width:8px; height:8px; background-color:#95F204; border-radius:50%; box-shadow:0 0 4px rgba(149,242,4); margin-left:5px; margin-bottom:1px; }
.filter-control dl  { padding-bottom:3px; margin:10px 16px; }
.filter-control dl + dl  { border-top:1px solid #474747; margin-top:0; padding-top:15px; }
.filter-control dl dt  { font-size:12px; color:#aaa; padding-bottom:6px; }
.filter-control dl dd  { padding:3px 0; }
.filter-control dl label  { display:block; width:100%; position:relative; }
.filter-control dl label input  { position:absolute; top:0; left:0; opacity:0; appearance:none; }
.filter-control dl label span  { font-size:13px; }
.filter-control dl label span:after  { content:''; display:block; position:absolute; top:2px; right:0; width:17px; height:17px; background-color:var(--color-white); border-radius:4px; }
.filter-control dl label :checked + span:after  { background:url(/assets/mobile/admin-img/ico-check-wh.svg) center no-repeat var(--color-mint); background-size:75% auto; }
.filter-control .check-status .status  { padding-left:21px; }
.filter-control .check-status .status:before  { content:''; display:block; position:absolute; top:4px; left:0; width:15px; height:15px; border-radius:4px; background-color:#D7D7D7; }
.filter-control .check-from  { overflow:hidden; }
.filter-control .check-from dd  { float:left; width:44% }
.filter-control .check-from dd:nth-child(2n+1)  { margin-left:12%; }
.filter-control .btns  { display:flex; gap:6px; height:32px; margin:25px 16px 20px; }
.filter-control .btns button  { flex:1; border-radius:6px; font-size:13px; }
.filter-control .btns .btn-refresh  { flex:0 0 32px; background:url(/assets/mobile/admin-img/ico-refresh.svg) center no-repeat var(--color-white); background-size:50% auto; }

.reserve-outside  { position: relative; box-shadow: none; height:39px; padding:0 15px 2px; text-align: center; cursor: pointer; }
.reserve-outside .outside-btns  { height:100%; display:inline-flex; gap:7px; align-items: center; }
.reserve-outside .outside-btns .icon  { position:relative; width:22px; height:22px; }
.reserve-outside .outside-btns .icon > img  { width:100%; height:100%; border-radius:3px; }
.reserve-outside .outside-btns .icon.cat > img  { border:1px solid var(--color-red) }
.reserve-outside .outside-btns .icon .count  { position: absolute; top:-2px; right:-4px; width:10px; height:10px; border-radius:2px; background-color: var(--color-red); font-size:9px; color:#fff; line-height:1; text-align: center; overflow: hidden; }
.reserve-outside .btn-before  { position: absolute; top:0; left:14px; height:100%; display: flex; align-items: center; }
.reserve-outside .btn-before::before  { content:''; width:12px; height:1em; display: block; background:url(/assets/mobile/admin-img/arrow-right.svg) left center no-repeat; transform: rotate(180deg); color: var(--text-normal); margin-right:4px; }

.schedule-month  { border-top:1px solid #C1DCF4; padding-top:8px; }
.schedule-month .selected-date  { border-top:1px solid #C1DCF4; font-size:13px; color: var(--text-dark); padding:13px 15px 14px; }

.reserve-chart-wrap  { /*height:100%;*/ border-top:1px solid #C1DCF4; /*margin-left:-15px; margin-right:-15px; overflow-x:auto;*/overflow: visible !important; }
.tb-reserve  { width:auto; border-collapse:separate; font-size:12px; margin-top:-1px; }
.tb-reserve th  { border-bottom:1px solid #C1DCF4; border-right:1px solid #C1DCF4; }
.tb-reserve thead th { position: sticky; top: 0px; vertical-align: middle; border-top:1px solid #C1DCF4; z-index:200; }
.tb-reserve thead th:first-child  { left:0; z-index:300; }


.day-impossible { background: #FFEBEC !important; }
.inform-cutoff { flex: 1; display: flex; align-items: flex-end; font-size:inherit; color: #ED5565; justify-content: center; padding-bottom: 10px; }


.tb-reserve .text-center  { vertical-align: middle; line-height: 80px; }
.tb-reserve tbody th  { position:sticky; left:0; min-width:65px; font-weight:700; vertical-align:middle; z-index:100; }
.tb-reserve thead th  { background-color:#F8FBFF; color:#333; font-weight:700; line-height:1.25; padding:5px 0; }
.tb-reserve th p  { font-weight:400; }
.tb-reserve th .subtotal  { color:var(--color-orange); }
.tb-reserve .day-sun  { color: #e72a69; }
.tb-reserve tbody th  { background-color:#fff; color:var(--color-navy); }
.tb-reserve td  { min-width:100px; height:34px; line-height:1; border-bottom:1px solid transparent; border-right:1px solid #D6EBFF; letter-spacing:-3px; white-space:nowrap; vertical-align: top; }
.tb-reserve tbody tr:nth-child(3n) td,
.tb-reserve tbody tr:nth-child(3n) .info-wrap.reserve .info   { border-bottom-color:#D6EBFF; }
.tb-reserve .info-wrap  { position:relative; width:100px; height:33px; display:inline-block; letter-spacing:0; margin-bottom:-3px; }
.tb-reserve .info  { position:absolute; top:0; width:100%; z-index:10; overflow:hidden; }
.tb-reserve .info-wrap.reserve  { width:100%; }
.tb-reserve .info-wrap.reserve .info  { display:flex; align-items:center; justify-content:center; height:100%; background-color:#FBFBFF; border-bottom:1px solid transparent; color:#D7D7D7; text-align:center; }
.tb-reserve .info-wrap.reserve .info:after  { content:''; width:1.25em; height:1.25em; background:url(/assets/mobile/admin-img/ico-reserve.svg)center center no-repeat; margin-left:1.5em; }
.tb-reserve .fc-event  { position:relative; width:calc(100% - 1px); height:calc(100% - 1px); border-bottom-left-radius:6px; border-bottom-right-radius:6px; box-shadow:0 1px 2px rgba(0,0,0,0.35); margin-bottom:1px; user-select:none; z-index:2; }
.tb-reserve .fc-event.empty,
.tb-reserve .fc-event.ghost  { background-color:#fff; z-index:1; }
.tb-reserve .fc-daygrid-event-dot  { border:0; border-radius:0; width:auto; height:2px; margin:0 -1px 0 0; }
.tb-reserve .fc-event-title .customer { display:flex; align-items:center; font-weight:700; white-space:nowrap; padding:7px 0.5em 8px;/* overflow:hidden;*/ }
.tb-reserve .fc-event-title .img { min-width:17px; width:17px; height:17px; border-radius:50%; overflow:hidden; margin-right:3px }
.tb-reserve .fc-event-title .img img { width:100%; height:100%; object-fit:cover; vertical-align:top; }
.tb-reserve .fc-event-title .name  { padding-right:15px; overflow:hidden; }
.tb-reserve .fc-event .service-con  { padding:0 0.5em; }
.tb-reserve .fc-event .service-con li  { padding:1px 0 3px; }
.tb-reserve .fc-event .service-con li + li  { margin-top:0.5em; }
.tb-reserve .fc-event .service-con .service  { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tb-reserve .fc-event .service-con .price  { color:var(--color-red); padding-top:4px; }
.tb-reserve .fc-event .designer  { border-top:1px dashed transparent; line-height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0.5em 0.25em 0; padding:0.5em 0.25em 0.25em 0.25em; }
.tb-reserve .fc-event .other-pro { border-top:1px dashed transparent; color:#444 !important; line-height:16px; margin:4px 0.25em 3px 0.25em; padding-top:4px; }
.tb-reserve .fc-event .count-pro, .tb-reserve .fc-event .count-ticket, .tb-reserve .fc-event .count-membership { display:inline-block; min-width:33%; line-height:21px; }
.tb-reserve .fc-event .count-pro::before { width:20px; background:url(/assets/mobile/admin-img/ico-product.png)left top no-repeat }
.tb-reserve .fc-event .count-ticket::before { width:22px; background:url(/assets/mobile/admin-img/ico-ticket.png)center center no-repeat }
.tb-reserve .fc-event .count-membership::before { width:16px; background:url(/assets/mobile/admin-img/ico-membership.png)center top no-repeat }
.tb-reserve .fc-event .count-pro::before,
.tb-reserve .fc-event .count-ticket::before,
.tb-reserve .fc-event .count-membership::before { content:''; display:inline-block; height:20px; background-size:100% auto; vertical-align:top; }
.tb-reserve .fc-event .view-event-btns  { position:absolute; bottom:1px; left:5px; right:5px; }
.tb-reserve .fc-event .view-event-btns button  { display:block; width:100%; text-align:center; height:25px; border:1px dashed #a9a9a9; background-color: #f7f7f7; border-radius: 0.25rem; color: #666; margin-bottom:4px; }
.tb-reserve .fc-event .view-event-btns button:after  { content:''; display:inline-flex; width:1em; height:1em; align-items: center; vertical-align:top; background:url(/assets/mobile/admin-img/arrow-right.svg) center 60% no-repeat; background-size:50% auto; transform:rotate(90deg); margin-left:0.25em; }
.info-wrap .info.time-spread .time-view-but:after  {  transform:rotate(-90deg); }
.info-wrap .info.service-spread .service-view-but:after  {  transform:rotate(-90deg); }
.info-wrap .info.time-spread .view-event-btns .service-view-but { display:none; }
.info-wrap .info.service-spread   { height:auto !important; }
/*.info-wrap .info.service-spread .view-event-btns .time-view-but { display:none; }*/

/* 30분 간격 테이블 */
.tb-reserve.min30 td  { height:100px; border-bottom-color:#D6EBFF; }
.tb-reserve.min30 .info-wrap  { height:99px; }
.tb-reserve.min30 .info-wrap.reserve  { background:url(/assets/mobile/admin-img/ico-reserve.svg)center center no-repeat #FBFBFF; background-size:20px auto; }
	/* 주간예약 */
.tb-reserve.reserve-week.min30 td  { height:194px; }
.tb-reserve.reserve-week.min30 .info-wrap  { height:193px; }
.tb-reserve.reserve-week .fc-event  { min-height:calc(100% + 1px); padding-bottom:74px; }
.tb-reserve.reserve-week .service-con > li:not(:first-child)  { display:none; }
.tb-reserve.reserve-week .info.service-spread .service-con > li  { display:block; }
.tb-reserve.reserve-week .info.time-spread .fc-event,
/*.tb-reserve.reserve-week .info.service-spread .fc-event   { padding-bottom:40px; }*/
/* 외부유입 예약 */
.tb-reserve.outside  { min-width:100%; }
.tb-reserve.outside td  { width:calc(33.33% - 22px); }
.tb-reserve.outside .info-wrap  { width:100%; }
/* 디자이어 앱(단일디자이너만 표현) */
.tb-reserve.tb-designer  { min-width:100%; }
.tb-reserve.tb-designer td  { width:100%; }

/* 예약고객 컬러 매칭 */
.color-matching  { position:relative; display:inline-block; width:14px; height:14px; /*vertical-align:top; margin-top:4px;*/ }
.fc-event .color-matching  { flex-shrink:0; margin-top:0; margin-left:-13px; }
.color-matching .matching-status  { display:block;width:100%;height:100%; border:1px solid #aaa; border-radius:2px; }
.color-matching .color-list  { display:none; position: absolute; top:-2px; left:-26px; width:23px; border:1px solid #aaa; z-index:100; }
.color-matching.list-show .color-list  { display:block; }
.color-matching .color-list button  { display:block; width:100%; height:12px; border:0; }
.color-matching .color-list button + button  { height:13px; border-top:1px solid #aaa; }
.color-matching .color1  { background-color:#fff; }
.color-matching .color2  { background-color:red; }
.color-matching .color3  { background-color:orange; }
.color-matching .color4  { background-color:yellow; }
.color-matching .color5  { background-color:lime; }
.color-matching .color6  { background-color:skyblue; }
.color-matching .color7  { background-color:navy; }
.color-matching .color8  { background-color:purple; }

/*예약대기*/
.fc-event.status-01, .fc-event.status-01:hover { background-color:#F9F3EB; color:#FF8A00 }
.status-01 .fc-daygrid-event-dot,
.filter-control .check-status .status.status-01:before  { background-color:#FF8A00; }
.fc-event.status-01 .designer,
.fc-event.status-01 .other-pro  { border-color:rgba(255,138,0,0.5); }
/*예약확정*/
.fc-event.status-02, .fc-event.status-02:hover { background-color:#DDF6F7; color:#12C2C3 }
.status-02 .fc-daygrid-event-dot,
.filter-control .check-status .status.status-02:before  { background-color:#12C2C3; }
.fc-event.status-02 .designer,
.fc-event.status-02 .other-pro  { border-color:rgba(18, 194, 195,0.5); }
/*시술중*/
.fc-event.status-03, .fc-event.status-03:hover { background-color:#E9DBFF; color:#8E53ED }
.status-03 .fc-daygrid-event-dot,
.filter-control .check-status .status.status-03:before  { background-color:#8E53ED; }
.fc-event.status-03 .designer,
.fc-event.status-03 .other-pro  { border-color:rgba(142, 83, 237,0.5); }
/*시술완료*/
.fc-event.status-04, .fc-event.status-04:hover { background-color:#D7E5FB; color:#1C70F5 }
.status-04 .fc-daygrid-event-dot,
.filter-control .check-status .status.status-04:before  { background-color:#1C70F5; }
.fc-event.status-04 .designer,
.fc-event.status-04 .other-pro  { border-color:rgba(28, 112, 245,0.5); }
/*노쇼*/
.fc-event.status-06, .fc-event.status-06:hover { background-color:#ddd; color:#555 }
.status-06 .fc-daygrid-event-dot,
.filter-control .check-status .status.status-06:before  { background-color:#797979; }
.fc-event.status-06 .designer,
.fc-event.status-06 .other-pro { border-color:#bebebe; }
/*예약취소*/
.filter-control .check-status .status.status-05:before  { background-color:var(--color-red); }
/*카카오예약*/
.fc-event.status-07, .fc-event.status-07:hover { background-color:#FFFDDD; }
.fc-event.status-07 .designer,
.status-07 .fc-daygrid-event-dot { background-color:#fae300; }
/*네이버예약*/
.fc-event.status-08, .fc-event.status-08:hover { background-color:#daffd4; color:#03c200 }
.status-08 .service-con { border-color:#03c200 }
.status-08 .fc-daygrid-event-dot { background-color:#03c200; }
.status-08 .date-con a { background-color:transparent; color:#03C200; }
/*단말기결제*/
.fc-event.status-09, .fc-event.status-09:hover { background-color:#D69393; color:#D9001B }
.status-09 .fc-daygrid-event-dot { background-color:#D9001B; }
.fc-event.status-09 .service-con .price  { color:#D9001B }
/*예약차단*/
.fc-event.cut-off, .fc-event.cut-off:hover { background-color:#FFC8CA; display:flex; align-items:center; justify-content:center; }
.cut-off .fc-daygrid-event-dot { background-color:transparent; }
.cut-off .fc-event-title { height:23px; color:#EC808D;  }
.cut-off .btn-clear { height:2.25em; border:1px solid var(--color-white); background-color:transparent; border-radius:4px; color:var(--color-white); padding:0 0.5em; }

/*네이버 차단 시 스타일 변경*/
.cut-off-naver { background-color: rgb(221, 221, 221) !important; }
.inform-cutoff-naver { color: rgb(136, 179, 136); }


.reserve-n-cutoff .title  { font-weight:700; color:var(--text-dark); text-align:center; padding:10px 0 20px; }
.reserve-n-cutoff .stit .text-light  { font-size:12px; }
.reserve-n-cutoff .divide-line  { border-top:1px dashed var(--border-mid); margin:20px 0; }
.reserve-n-cutoff button  { width:100%; height:35px; border-radius:6px; }
.reserve-n-cutoff textarea  { width:100%; height:70px; border:1px solid var(--border-normal); border-radius:6px; background-color:#F7FBFF; padding:3px 8px; margin-bottom:8px; }


/* 검색 */
.serach-result.content-box  { min-height:100%; padding:10px 0; }
.serach-result .stit  { font-size:13px; color:var(--text-dark); padding-left:15px; padding-bottom:12px; }
.serach-result .stit .count  { font-weight:700; color:var(--color-mint); }
.serach-result .tb-basic a.text-point  { text-decoration:underline; }

/* 소개자 등록 */
.recommend-person  { display:flex; gap:6px; width:100%; }
.rgst-customer .recommend-person  { height:38px; }
.reserve-content .recommend-person  { height:32px; }
.recommend-person input[type=text]  { flex:1; width:100%; font-size:13px; }
.recommend-person .btn-search  { flex:0 0 34px; border-radius:6px; background-image:url(/assets/mobile/admin-img/ico-search.svg); background-repeat:no-repeat; background-position: center; background-size:50% auto; }
.member-list-wrap  { position: relative; max-height:69vh; padding-bottom:15px; overflow-y: auto; }
.member-list-wrap > table  { border-collapse: separate; }
.member-list-wrap thead th  { position: sticky; top:0; }

/* 예약등록 */
/*
.step-reserve  { position:relative; background-color:var(--color-white); border-top:1px solid var(--border-light); border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow:var(--con-box-shadow); z-index:11; margin-bottom:5px; }
.step-reserve ol  { display:flex; padding:11px 15px; counter-reset:step; }
.step-reserve ol li  { flex:1; position:relative; font-size:13px; counter-increment:step; }
.step-reserve ol li:last-child  { flex:0 0 auto; }
.step-reserve ol .step  { float:left; text-align:center; }
.step-reserve ol .num  { width:35px; height:35px; border:3px solid #88949E; background-color:var(--color-white); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:17px; margin:7px auto; z-index:3; }
.step-reserve ol .num::before  { content:counter(step); }
.step-reserve ol li::before  { content:''; position:absolute; bottom:25px; left:24px; right:-24px; border-top:2px solid #88949E; z-index:-1; }
.step-reserve ol li:last-child::before  { display:none; }
.step-reserve .active  { color:var(--color-navy); font-weight:700; }
.step-reserve .active .num  { border-color:var(--color-navy); color:var(--color-navy); box-shadow:0 3px 3px rgba(0,0,0,0.35); }
.step-reserve li.active::before  { border-color:var(--color-navy); }
.step-reserve .complete  { color:var(--color-mint); }
.step-reserve .complete .num  { border-color:var(--color-mint); color:var(--color-mint); }
.step-reserve li.complete::before  { border-color:var(--color-mint); }
*/
.reserve-content  { display:flex; flex-direction:column; }
.reserve-content > div  { flex:0 0 auto; }
.reserve-content .customer-search,
.reserve-content .search-result  { background-color:var(--color-white); box-shadow:var(--con-box-shadow); margin-bottom:5px; }

.reserve-content > .content-box  { padding-left:15px; padding-right:15px; margin-bottom:5px; }

.reserve-content .stit  { font-size:13px; color:var(--text-dark); padding-top:12px; padding-bottom:12px; }
.reserve-content .stit .count  { font-weight:700; color:var(--color-mint); }
.reserve-content .stit span:not(.count)  { display:none; }
.reserve-content .unfold .stit span  { display:inline; }
.reserve-content .btn-fold  { width:20px; height:20px; border-radius:50%; background:url(/assets/mobile/admin-img/arrow-right.svg) 60% 52% no-repeat #F2F2F2; background-size:35% auto; transform:rotate(90deg); transition:all 0.2s; }
.reserve-content .unfold .btn-fold  { transform:rotate(-90deg); }
.reserve-content .toggle-header  { display:flex; }
.reserve-content .toggle-header .stit  { flex-shrink:0; }
.reserve-content .view-mode .choiced-items,
.reserve-content .view-mode .list-type-sns.choiced-items  { margin-right:1px; }
.reserve-content .choiced-items  { flex:1; font-weight:700; color:var(--color-mint); margin:11px 31px 11px auto; padding-left:5px; }
.reserve-content .choiced-items:not(.list-type-sns) li  { line-height:1.5; height:1.5em; text-align:right; text-overflow:ellipsis; overflow:hidden; }
.reserve-content .service-choice .choiced-items  { color:var(--text-dark); }
.reserve-content .product-choice .choiced-items  { color:var(--text-dark); font-weight:400; }
.reserve-content .unfold .choiced-items  { display:none; }
.reserve-content .list-type-sns.choiced-items  { justify-content:flex-end; margin:7px 27px 7px auto; }
.reserve-content .unfold .list-type-sns.choiced-items  { display:none; }

.customer-search  { padding:0 15px 17px; }
.customer-search .rgst-customer  { padding-bottom:20px; }
.customer-search .btn-search  { width:40px; background-image:url(/assets/mobile/admin-img/ico-search.svg); background-position:center; background-repeat:no-repeat; background-size:45% auto; }
.customer-search .inform-bar-box #checkDirect  { display:none; margin-top:10px; }
.customer-search .inform-bar-box #inputDirect  { display:none; }
.customer-search .inform-bar-box #inputDirect input  { width:100%; height:40px; margin-top:10px; }

.reserve-content > .search-result  { position:relative; flex:1; padding-bottom:15px; margin-bottom:0; }
.search-result .stit  { padding-left:15px; padding-right:15px; }
.search-result .count span  { font-weight:700; color:var(--color-mint); }
.search-result .result-detail  { display:none; position:absolute; top:0; left:0; right:0; bottom:0; background-color:var(--color-white); padding:0 15px; }
.search-result .result-detail.view  { display:block; }

.reserve-summary  { position:relative; border-top-left-radius:10px; border-top-right-radius:10px; padding:0 15px 12px; overflow:hidden; }
.reserve-summary .stit  { padding:12px 0 7px !important; }
.reserve-summary .btn-fold  { position:absolute; top:12px; right:15px; }
.reserve-summary.unfold .customer-info  { row-gap:6px; height:auto; }
.reserve-summary .customer-info  { display:grid; grid-template-columns:auto auto; gap:5px 10px; height:27px; padding-bottom:8px; overflow:hidden; }
.reserve-summary .customer-info li  { font-size:14px; color:var(--text-dark); line-height:1.5; }
.reserve-summary .customer-info .name  { float:left; position:relative; min-width: 3.5em; color:var(--text-normal); margin-right: 0.65em; }
.reserve-summary .customer-info .name:after  { content:''; display:block; position:absolute; top:5px; bottom:3px; right:0; border-left:1px solid #aaa; }
.customer-info .color-matching  { vertical-align:middle; margin:-2px 0 0 0.25em; }
.customer-info .color-list  { top:-13px; left:17px }
.reserve-summary .customer-info li.person u  { color:var(--color-mint); }
.customer-info li.person a  { color:var(--color-mint); text-decoration:underline; }
.reserve-summary .btn-memo-view  { width:100%; height:33px; font-size:13px; margin-top:4px; }

.reserve-content .designer-info.empty  { border:1px solid var(--border-normal); cursor:pointer; }
.reserve-content .designer-info.empty .designer  { font-weight:400; color:var(--text-light); }
.reserve-content .designer-info  { height:44px; display:flex; align-items:center; border:2px solid var(--color-mint); border-radius:6px; padding:1px 3px; margin-bottom:12px; }
.reserve-content .designer-info .designer  { border:0; font-weight:700; color:var(--text-dark); margin-right:auto }
.reserve-content .btn-change  { width:36px; height:36px; background:url(/assets/mobile/admin-img/ico-refresh.svg) center no-repeat; background-size:50% auto; opacity:0.5; }
.modal-body .designer-choice .count  { color:var(--color-mint); font-weight:700; }
.modal-body .designer-choice .designer-list  { min-height:45vh; max-height:60vh; overflow-y:auto; }
.modal-body .designer-choice .designer-list li  { margin-top:10px; }

.reserve-content .time-info.empty  { background-image:url(/assets/mobile/admin-img/ico-calendar-check-gray.svg); border:1px solid var(--border-normal); color:var(--text-light); cursor:pointer; }
.reserve-content .time-info  { height:44px; display:flex; align-items:center; justify-content:space-between; background:url(/assets/mobile/admin-img/ico-calendar-check-mint.svg) 16px center / auto 50% no-repeat; border:2px solid var(--color-mint); border-radius:6px; color:var(--text-dark); padding:0 11px 0 49px; margin-bottom:12px; }

.reserve-content .date-choice  { padding:0 15px 12px; }
.date-choice .datewrap  { min-height:320px; border-bottom:2px solid var(--border-normal); margin-bottom:15px; }
.date-choice .datepicker table  { width:100%; }
.date-choice .datepicker .datepicker-switch  { font-size:16px; pointer-events:none; }
.date-choice .datepicker .datepicker-switch:hover, .date-choice .datepicker tfoot tr th:hover,
.date-choice .datepicker .prev:hover, .date-choice .datepicker .next:hover { background-color:transparent }
.date-choice .datepicker table tr td,
.date-choice .datepicker .dow  { width:auto; font-size:13px; }
.date-choice .datepicker td.day  { height:41px; padding:0; }
.date-choice .datepicker tbody tr:first-child td  { padding-top:0.4em; }
.date-choice .datepicker td.day span  { border-radius:6px; width:42px; height:41px;  color:#444; }

.time-list-wrap .division  { font-size:14px; color:var(--text-dark); padding-bottom:10px; }
.time-list-wrap .division:not(:first-child)  { border-top:1px solid var(--border-light); padding-top:10px }
.time-list  { padding:10px 0; }
.time-list + .time-list  { margin-top:-9px; border-top:1px dashed var(--border-light); padding-top:5px; }
.time-list li { display:flex; gap:6px; align-items:center; padding-bottom:5px; }
.time-list li .time  { flex:0 0 24px; font-size:13px; color:var(--text-dark); }
.time-list li label  { flex:1; position:relative; }
.time-list li label > input  { -webkit-appearance:none; appearance:none; opacity:0; position:absolute; top:0; left:0; }
.time-list li label span  { width:100%; height:32px; border:1px solid var(--border-normal); border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:13px; color:#555; word-break: keep-all; text-align: center; }
.time-list li input:disabled + span  { color:var(--border-normal); }
.time-list li input:checked + span  { background:var(--color-mint); border-color:var(--color-mint); color:var(--color-white); }

/* 30분간격 시간은 추후 없어질 예정 */
.time-list-30min  { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:7px; margin-bottom:15px; }
.time-list-30min label  { position:relative; }
.time-list-30min label > input  { -webkit-appearance:none; appearance:none; opacity:0; position:absolute; top:0; left:0; }
.time-list-30min label span  { width:100%; height:32px; border:1px solid var(--border-normal); border-radius:6px; display:flex; align-items:center; justify-content:center; font-size:13px; color:#555; }
.time-list-30min input:disabled + span  { color:var(--border-normal); }
.time-list-30min input:checked + span  { background:var(--color-mint); border-color:var(--color-mint); color:var(--color-white); }

.reserve-content .service-choice  { position:relative; min-height:45px; padding:0 15px; overflow:hidden; }
.reserve-content .service-choice.unfold,
.reserve-content .service-choice.view-mode  { height:auto; }
.reserve-content .service-choice.unfold .swiper  { display:block; }
.service-choice .btn-fold  { position:absolute; top:12px; right:15px; }
.reserve-content .swiper  { display:none; }
.reserve-content .swiper.menu-btn-type  { width:auto; background-color:#F7FBFF; border-top:1px solid #F2F2F2; border-bottom:1px solid #F2F2F2; padding:0 15px; margin-left:-15px; margin-right:-15px; }
.reserve-content .swiper.menu-btn-type .swiper-slide  { margin-top:8px; margin-bottom:8px; }
.reserve-content .service-choice .service-list  { margin-bottom:18px; }
.service-list  { padding-top:6px }
.service-list li  { display:flex; align-items:center; justify-content:space-between; height:43px; border:1px solid var(--border-normal); border-radius:6px; margin-top:10px; cursor:pointer; }
.service-list .name  { font-weight:700; color:var(--text-dark);padding-left:15px }
.service-list .price  { color:var(--color-navy); padding-right:13px }
.service-list li.active  { border:2px solid var(--color-mint); box-shadow:0 2px 5px rgba(0,0,0,0.2); }
.service-list .active .name  { padding-left:14px }
.service-list .active .price  { padding-right:12px }

.reserve-content .etc-choice  { padding:0 15px; }
.etc-choice .etc-con  { position:relative; padding-bottom:5px; overflow:hidden; }
.etc-choice .etc-con + .etc-con  { border-top:1px solid var(--border-light); }
.etc-choice .etc-con.view-mode  { height:43px; }
.etc-choice .etc-con.from.view-mode  { height:45px; }
.etc-choice .btn-fold  { position:absolute; top:12px; right:0; }
.etc-choice .stit .text-light  { font-size:12px; }
.etc-choice .time-list  { padding-top:0 }
.etc-choice .customer-type  { display:flex; flex-wrap:wrap; gap:6px; padding-bottom:10px; }
.etc-choice .customer-type .btn-type-input  { width:calc(33.33% - 4px); }
.etc-choice .customer-type .etc-text  { width:calc(66.66% - 2px); display:flex; gap:6px; }/*추후삭제*/
.etc-choice .customer-type .etc-text input[type=text]  { width:100%; font-size:13px; }/*추후삭제*/
.etc-choice .btn-type-input > label  { height:32px; font-size:13px; color:#555; }
.etc-choice .customer-type input:checked + label,
.etc-choice .list-type-sns li.active  { background-color:var(--color-mint); color:var(--color-white); box-shadow:none; }
.etc-choice .list-type-sns + .etc-text  { margin-bottom:10px; }
.etc-choice .list-type-sns + .etc-text input[type=text]  { height:32px; font-size:13px; }

.product-choice.unfold,
.product-choice.view-mode  { height:auto; }
.product-choice .btn-fold  { position:absolute; top:12px; right:15px; }
.product-choice.unfold .category-wrap  { display:flex; }
.product-choice .category-wrap  { display:none; background:#F7FBFF; border-top:1px solid var(--border-light); border-bottom:1px solid var(--border-light); gap:5px; padding:10px 15px; margin:0 -15px; }
.product-choice .category-wrap select  { width:100%; height:32px; border-radius:6px; font-size:12px; color:#555; }
.product-choice .category-wrap select:disabled  { background-color: var(--border-normal); }

.product-list  { padding-bottom:20px; }
.product-list .total  { font-size:13px; padding:10px 0 0; }
.product-list .total b { color:var(--color-mint); }
.product-list li,
.cart-list li  { position:relative; min-height:75px; font-size:14px; padding:5px 0 5px 5px; margin-top:10px; }
.product-list li:after,
.cart-list li:after  { content:''; display:block; clear:both; }
.product-list li.active::before  { content:''; position: absolute; top:50%; right:11px; display: block; width:15px; height:14px; background:url(/assets/mobile/admin-img/ico-check-mint.svg) center no-repeat; background-size: contain; margin-top:-9px; }
.product-list .img-pro,
.cart-list .img-pro  { float:left; width:63px; height:63px; /*border:1px solid var(--border-normal);*/ border-radius:6px; overflow:hidden; }
.product-list .img-pro > img,
.cart-list .img-pro > img  { width:100%; height:100%; object-fit:cover; }
.product-list .desc  { padding-right:11px; }
.product-list .desc,
.cart-list .desc  { float:right; width:calc(100% - 75px); }
.product-list .designer,
.cart-list .designer  { float:right; font-weight:700; color:var(--color-purple); }
.product-list .category,
.cart-list .category  { float:left; font-size:13px; line-height:1.5; margin-bottom:2px; }
.product-list .pro-name,
.cart-list .pro-name  { clear:both; font-size:14px; color:var(--text-dark); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:7px; }
.cart-list .pro-name  { padding-right:25px; }
.product-list .pro-price,
.cart-list .pro-price  { font-size:14px; color:var(--color-mint); padding-top:2px; }
.product-list .pro-price .before,
.cart-list .pro-price .before  { font-size:13px; color:var(--text-dimmed); text-decoration:line-through; padding-left:8px; }
.cart-list .pro-price .qty  { color:var(--text-dark); }
.cart-list .btn-del  { position:absolute; top:36px; right:0; width:24px; height:24px; background:url(/assets/mobile/admin-img/icon-trash-wh.svg) center no-repeat var(--color-red); background-size:60% auto; border-radius:3px; }
.cart-list .btn-amount-plus, .cart-list .btn-amount-minus  { position:absolute; bottom:-1px; height:22px; border:1px solid transparent; background-color:var(--color-white); border-radius:3px; font-size:11px; padding:0 8px; }
.cart-list .btn-amount-plus  { right:62px; border-color:var(--color-blue); color:var(--color-blue); }
.cart-list .btn-amount-minus  { right:0; border-color:var(--color-orange); color:var(--color-orange); }
.cart-list .qty-section  { clear:left; float:left; margin-bottom:-5px; }
.cart-list .stit  { border-bottom:1px solid var(--border-light); padding:9px 0 }

.reserve-content .product-choice  { position:relative; min-height:45px; padding:0 15px; overflow:hidden; }
.reserve-content .product-list li  { border:1px solid var(--border-normal); border-radius:6px; }
.reserve-change .cart-list  { border-radius:10px; padding:1px 15px 16px; margin-top:10px; }
.reserve-change .cart-list li  { padding-top:15px; margin-top:0; }
.reserve-change .cart-list li + li  { border-top:1px solid var(--border-light); margin-top:10px; }

.content-box.pay-method  { border-radius:10px; padding:9px 15px 16px; margin-top:10px; }
.pay-method .method-kind  { border-top:1px solid var(--border-light); display:flex; gap:6px; margin-top:9px; padding:10px 0; }
.pay-method .method-kind .btn-type-input  { flex:1; }
.pay-method .method-kind .btn-type-input > label  { height:35px; }
.pay-method .method-sublist  { max-height:140px; padding:0 4px 5px; margin-left:-4px; margin-right:-4px; overflow-y:auto; }
.pay-method .method-sublist li  { background:#fff; border-radius:8px; padding: 9px 7px 9px 34px; margin-top:7px; box-shadow:1px 0 3px rgba(0, 0, 0, 0.15); }
.pay-method .method-sublist .radio-block > label::before  { left:-25px; }
.pay-method .method-sublist .radio-block > label  { padding-left:0; }
.pay-method .method-sublist small  { font-size:13px; color:var(--text-light); }

.service-list li.no-data,
.product-list li.no-data  { display: flex; align-items: center; justify-content: center; height:80px; padding:0; margin-top:10px; }
.product-list li.active  { border:2px solid var(--color-mint); box-shadow:0 2px 5px rgba(0,0,0,0.2); padding:4px 0 4px 4px; }
.product-list .active .img-pro  { top:4px; left:4px; }

.reserve-change .summary-info  { position: relative; border-top:1px solid var(--border-light); background-color:var(--color-white); box-shadow:var(--con-box-shadow); border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px 15px 12px; z-index:11; }
.reserve-change .stit  { font-size:13px; color:var(--text-dark); }
.reserve-change .customer-info  { padding-bottom:7px; overflow:visible; }
.reserve-change .customer-info li  { font-size:13px; color:var(--text-dark); line-height:1.5; }
.reserve-change .customer-info .name  { float:left; position:relative; min-width:3.5em; color:var(--text-normal); margin-right:0.65em; }
.reserve-change .customer-info .name:after  { content:''; display:block; position:absolute; top:5px; bottom:3px; right:0; border-left:1px solid #aaa; }
.reserve-change .customer-info li.person u  { color:var(--color-mint); }
.reserve-change .summary-info .date-time  { display:flex; flex-wrap:wrap; gap:8px; align-items:center; border-bottom:1px solid var(--border-light); font-size:23px; font-weight:bold; color:var(--text-dark); padding-bottom:12px; margin-bottom:12px; }
.reserve-change .summary-info .date-time .time  { color:var(--color-mint); }
.reserve-change .summary-info .btn-change  { position: relative; width:25px; height:25px; margin-top:3px; }
.reserve-change .summary-info .btn-change:before  { content:''; position: absolute; top:0; left:0; width:100%; height:100%; background: url(/assets/mobile/admin-img/ico-refresh.svg) center center no-repeat; background-size:54%; opacity:0.5; }
.reserve-change .summary-info .btn-memo-view  { width:100%; height:33px; font-size:13px; margin-top:4px; }
.reserve-change .icon-from { flex:0 0 25px; width:25px; height:25px; border-radius:3px; margin-top:3px; overflow:hidden; }
.reserve-change .icon-from > img  { width:100%; height:100%; object-fit:cover; }

.footer.total-view .reserve-total-bg  { display:block; border-top:1px solid #2B5B75; }
.footer.total-view .btn-next > .amount  { display:none; }
.footer.total-view .btn-next > .ico-more  { transform:rotate(90deg); }
.footer .reserve-total-amount .amount.final  { color:#ffe615; }
.reserve-total-amount.view-mode .amount  { padding-right:2px; }
.footer .reserve-total-bg  { display:none; background-color:var(--color-navy); color:var(--color-white); padding-top:0; }
.footer .reserve-total-amount .amount input  { border:1px solid #37505E; background:#1E333E; color:#fff; }
.footer .reserve-total-bg .btns-wrap  { height:36px; }
.btns-wrap + .reserve-total-amount  { border-top:1px solid var(--border-normal); margin-top:12px; }
.reserve-total-bg  { position: relative; max-width:var(--page-width); padding:15px 15px 17px; margin:auto; }
.reserve-total-bg::before  { content:''; position: absolute; top:0; left:0; width:100%; height:100%; background-color:#F7FBFF; z-index:-1; }
.reserve-total-amount  { display:grid; grid-template-columns:auto auto; font-size:14px; line-height:27px; padding-top:8px; }
.reserve-total-amount p  { margin:0 }
.reserve-total-amount .amount  { text-align:right; padding-right:26px; }
.reserve-total-amount .amount input  { width:158px; height:26px; border-radius:3px; color:#555; text-align:right; padding:0 24px 2px 8px; margin-right:-10px; }
.reserve-total-amount .amount input + .text-won  { display:inline-block; width:15px; vertical-align:top; margin-left:-15px; }
.reserve-total-amount .btn-view  { float:right; width:21px; height:21px; background:url(/assets/mobile/admin-img/ico-search.svg) center no-repeat var(--border-mid); background-size:50% auto; border-radius:3px; margin-top:3px; margin-right:-26px; }
.reserve-total-amount .btn-clear  { float:right; width:21px; height:21px; background:url(/assets/mobile/admin-img/ico-cross-wh.svg) center no-repeat var(--color-red); background-size:50% auto; border-radius:3px; margin-top:3px; margin-right:-26px; }
.reserve-total-amount .btn-discount,
.reserve-total-amount .btn-add  { width:42px; height:21px; border-radius:4px; font-size:14px; color:var(--color-white); line-height:1; vertical-align:top; padding:0; margin-top:3px; margin-left:9px; }
.reserve-total-amount .btn-discount  { background:var(--color-orange); }
.reserve-total-amount .btn-add  { background:var(--color-blue); }
.reserve-total-amount .head  { border-bottom:1px solid var(--border-light); color:var(--text-dark); padding-bottom:7px; margin-bottom:7px; }
.reserve-total-amount .date  { font-size:12px; color:var(--text-light); text-align:right; padding-right:26px; }
.reserve-total-amount .final  { border-top:1px solid var(--border-normal); line-height:24px; padding-top:10px; padding-bottom:10px; margin:10px 0 0; }
.footer .reserve-total-amount .final  { border-top:1px solid #2B5B75; border-bottom:1px solid #2B5B75; }
.reserve-total-amount .name.final  { font-size:16px; }
.reserve-total-amount .amount.final  { font-size:20px; color:var(--color-purple); }
.reserve-total-amount .fee-wrap  { grid-column-start:1; grid-column-end:3; }
.reserve-total-amount .fee-wrap .name  { float:left; }
.reserve-total-bg .check-block  { font-size:13px; color:#D7D7D7; padding-bottom:15px; }
.reserve-total-bg .check-block > label  { display:inline-block; }
.reserve-total-bg .check-block > label::before  { background-color:#CECECE; }
.reserve-total-bg .check-block .btn-terms-more  { width:19px; height:21px; background:url(/assets/mobile/admin-img/arrow-right-wh.svg) center no-repeat; background-size:35% auto; vertical-align:top; transform:rotate(90deg); }
.reserve-total-bg .check-block .info-desc  { display:none; font-size:12px; color:#D7D7D7; line-height:15px; padding:4px 10px 0 26px; }
.reserve-total-bg .check-block.view-detail .btn-terms-more  { transform:rotate(-90deg); }
.reserve-total-bg .check-block.view-detail .info-desc  { display:block; }
.reserve-total-bg .btns-wrap  { display:flex; gap:6px; height:33px; }
.reserve-total-bg .btns-wrap button  { flex:1; border-radius:6px; }
.reserve-total-bg .btns-wrap button:disabled  { opacity:0.5 }

/* 금액조정 */
.full-content.tune-content  { display: flex; flex-direction: column; justify-content: space-between; gap:10px; background-color: #F7FBFF; }
.tune-content .order-wrap  { min-height:20px; border-top:1px solid var(--border-light); background-color:var(--color-white); box-shadow:var(--con-box-shadow); border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px 15px; overflow-y: auto; z-index:11; }
.tune-content .deisigner-service  { border :1px solid var(--border-normal); border-radius:6px; overflow:hidden; }
.tune-content .deisigner-service + .deisigner-service  { margin-top:10px; }
.tune-content .deisigner-service .tit { display:flex; align-items:center; background:#f3f5f7; height:42px; font-weight:700; color:var(--text-dark); padding:5px 10px; }
.tune-content .deisigner-service .tit img  { width:30px; height:30px; border-radius:50%; margin-right:10px; }
.tune-content .deisigner-service .list li  { position:relative; border-top:1px solid var(--border-normal); display:flex; align-items:center; justify-content:space-between; padding:9px 10px 9px 43px; }
.tune-content .deisigner-service .list .check-block  { position:absolute; top:50%; left:9px; transform:translateY(-50%); height:24px; }
.tune-content .deisigner-service .list .check-block > label::before  { width:24px; height:24px; }
.tune-content .deisigner-service .list .service  { flex:1; font-size:14px; color:var(--text-dark); }
.tune-content .deisigner-service .list .qty  { color:var(--text-dimmed); }
.tune-content .deisigner-service .list .price  { flex-shrink:0; font-size:16px; color:var(--color-mint); }
.tune-content .deisigner-service.discount .check-block > input:checked + label::before { background-color:#ff7200; }
.tune-content .deisigner-service.futher .check-block > input:checked + label::before  { background-color:#298eff; }

.tune-amout { flex-shrink: 0; }
.tune-amout .tune-title  { background-color:#F3F5F7; border-bottom:1px solid var(--border-normal); font-size:15px; color:#555; text-align:center; padding:10px; }
.tune-amout .tune-body  { padding:17px 15px 15px; }
.tune-amout input[type=text], .tune-amout input[type=number]  { width:100%; height:38px; margin-top:10px; }
.tune-amout textarea  { width:100%; height:70px; border:1px solid var(--border-normal); border-radius:4px; padding-left:10px; }
.tune-amout .tune-reasons  { display:flex; gap:6px; padding:20px 0 10px; }
.tune-amout .tune-reasons label  { position:relative; flex:1 }
.tune-amout .tune-reasons input  { position:absolute; top:0; left:0; -webkit-appearance:none; appearance:none; opacity:0; }
.tune-amout .tune-reasons span  { display:block; border:1px solid var(--border-normal); border-radius:4px; font-size:13px; text-align:center; padding:4px 0; }
.tune-amout .btn-ok  { width:100%; height:38px; border-radius:4px; font-size:16px; color:var(--color-white); margin-top:6px; }
.tune-amout .discount .btn-ok  { background-color:#ff7200; }
.tune-amout .futher .btn-ok  { background-color:#298eff; }
.tune-amout .discount .tune-reasons input:checked + span  { background-color:#ff7200; border-color:#ff7200; color:var(--color-white); }
.tune-amout .futher .tune-reasons input:checked + span  { background-color:#298eff; border-color:#298eff; color:var(--color-white); }
.tune-amout .discount .radio-block > input:checked + label::before  { border-color:#ff7200 ; }
.tune-amout .futher .radio-block > input:checked + label::before  { border-color:#298eff ; }

.tb-amount-tune .unit  { float:right; font-size:11px; color:var(--text-normal); margin-top:-20px; }
.tb-amount-tune table  { font-size:11px; }
.tb-amount-tune .tb-statistics td  { padding-left:5px; padding-right:5px; }
.tb-amount-tune .tb-statistics thead th  { padding:6px 0; }
.tb-amount-tune .tb-statistics td.text-right  { padding-left:1px; }


/* 매장현황 */
.content-box .state-date-box  { margin-left:-15px; margin-right:-15px; box-shadow:none; border-top:1px solid var(--border-light); border-bottom:1px solid var(--border-light); }
.state-date-box  { position: relative; display:flex; align-items:center; justify-content:center; gap:8px; background-color:var(--color-white); box-shadow:var(--con-box-shadow); padding:14px 15px; margin:5px 0; }
.menu-tab + .state-date-box,
.menu-tab + .state-date-box + .state-date-box,
.menu-tab + .state-date-box + .state-date-box + .state-date-box  { margin-top:0 }
.state-date-box .btn-prev,
.state-date-box .btn-next  { width:20px; height:20px; text-indent:100%; overflow:hidden; background:url(/assets/mobile/admin-img/arrow-right.svg) 60% center / auto 58% #F2F2F2 no-repeat; border-radius:50%; vertical-align:top; }
.state-date-box .btn-prev  { transform:rotate(-180deg); }
.state-date-box .btn-today  { position: absolute; top:15px; right:15px; height:24px; border-radius:12px; font-size:12px; padding:0 8px; }
.state-date-box .date  { line-height:31px; border-radius:16px; background-color:var(--color-navy); font-size:16px; color:var(--color-white); padding:0 20px; }
.state-date-box .date::before  { content:''; display:inline-block; vertical-align:top; width:0.875em; height:31px; background:url(/assets/mobile/admin-img/ico-calendar-wh.svg) left center no-repeat; background-size:100% auto; margin-right:0.6em; }
.state-date-box.small .date  { line-height:25px; border-radius:13px; font-size:14px; }
.state-date-box.small .date::before  { height:25px; }
.state-date-box .btn-more  { display:block; width:25px; height:25px; background:url(/assets/mobile/admin-img/ico-dots.svg) center / 52% auto var(--color-navy) no-repeat; border-radius:50%; margin-left:3px; }

.state-tab  { position:relative; display:flex; gap:5px; height:76px; padding:10px 10px 0; }
.state-tab::before  { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; border-bottom:1px solid #8CAFC3; }
.state-tab .state  { position:relative; flex:1; border:1px solid #8CAFC3; border-top-left-radius:10px; border-top-right-radius:10px; background-color:var(--color-white); font-size:13px; color:#8CAFC3; text-align:center; padding-top:12px; cursor:pointer; }
.state-tab .state .count  { font-size:21px; line-height:1; padding-top:1px; }
.state-tab .state.active  { border-color:var(--color-navy); border-bottom-color:transparent; box-shadow:0 -1px 4px rgba(0,0,0,0.3); color:var(--color-navy); }
.state-tab .state.active::before  { content:''; position:absolute; top:4px; left:50%; margin-left:-7.5px; width:15px; height:4px; border-radius:2px; border-radius:3px; background-color:var(--color-navy); }
.state-tab .state.new  { border-top-right-radius:12px; }
.state-tab .state.new::after  { content:'N'; position:absolute; top:-1px; right:-1px; width:21px; height:20px; border-top-right-radius:10px; border-bottom-left-radius:10px; background-color:#F2453E; font-size:11px; color:var(--color-white); padding-top:2px; }

.state-content.page-width  { background-color:var(--color-white); }
.state-list  { padding-top:5px; margin-left:-5px; margin-right:-5px; }
.state-list li  { position:relative; border:1px solid #E6E6E6; border-radius:10px; box-shadow:0 1px 1px rgba(0,0,0,0.15); font-size:13px; color:#555; padding:13px 15px 0; margin-top:15px; }
.state-list li:after  { content:''; display:block; clear:both; }
.state-list .time { background:url(/assets/mobile/admin-img/ico-clock.svg) left center no-repeat; background-size:1.1em auto; font-weight:700; padding-left:1.25em; padding-bottom:2px; margin-bottom:4px; }
.state-list .person { display:flex; gap:5px; align-items:center; padding-bottom:5px; }
.state-list .icon-from { flex:0 0 17px; width:17px; height:17px; border-radius:50%; margin-top:1px; overflow:hidden; }
.state-list .icon-from > img  { width:100%; height:100%; object-fit:cover; }
.state-list .person .name { flex:0 0 auto; font-size:16px; font-weight:700; color:var(--text-dark); }
.state-list .ticket { flex:1; }
.state-list .ticket p  { display:inline-block; }
.state-list .ticket p + p::before { content:'|'; display:inline-block; font-size:10px; color:var(--text-dimmed); vertical-align:top; margin-top:1px; margin-left:2px; padding-right:4px; }
.state-list .product { float:left; padding-bottom:13px; }
.state-list .product .name { font-size:14px; padding-bottom:5px }
.state-list .product .price { font-size:16px; color:var(--color-red); line-height:1; }
.state-list .designer { float:right; min-width:9.75em; display:flex; align-items:center; gap:8px; padding-bottom:10px; }
.state-list .designer .img { flex-shrink:0; width:26px; height:26px; border-radius:50%; overflow:hidden; }
.state-list .designer .img > img  { width:100%; height:100%; object-fit:cover; }
.state-list .designer .name { flex:1; font-size:14px; color:var(--text-dark); padding-bottom:1px; }
.state-list .futher { clear:both; border-top:1px dashed var(--border-normal); padding-top:10px; }
.state-list .futher + .futher { border:0; padding-top:8px; }
.state-list .futher:last-child  { margin-bottom:14px; }
.state-list .futher .icon.ico-pro  { width:20px; background:url(/assets/mobile/admin-img/ico-product.png)left top no-repeat }
.state-list .futher .icon.ico-ticket  { width:22px; background:url(/assets/mobile/admin-img/ico-ticket.png)center center no-repeat }
.state-list .futher .icon.ico-member  { width:16px; background:url(/assets/mobile/admin-img/ico-membership.png)center top no-repeat }
.state-list .futher .icon { display:inline-block; height:21px; background-size:100% auto !important; vertical-align:top; }
.state-list .futher .name { display:inline-block; line-height:21px; }
.state-list .futher .qty { display:inline-block; color:var(--text-dimmed); line-height:21px; }
.state-list .futher .price { color:var(--color-red); line-height:1.5; }
.state-list li .badge  { position:absolute; top:10px; right:-1px; width:65px; line-height:24px; border-top-left-radius:12px; border-bottom-left-radius:12px; box-shadow:0 1px 2px rgba(0,0,0,0.2); font-size:12px; color:var(--color-white); text-align:center; padding-left:2px; }
.state-tab .state:nth-child(2).active::before,
.badge.waiting  { background-color:#FF8A00; } /* 대기 */
.state-tab .state:nth-child(3).active::before,
.badge.reserve  { background-color:#13CCCD; } /* 확정 */
.state-tab .state:nth-child(4).active::before,
.reserve-data-view .btn-start,
.badge.ing { background-color:#8E53ED; } /* 시술중 */
.state-tab .state:nth-child(5).active::before,
.badge.end  { background-color:#1C70F5; } /* 완료 */

.offday-rgst.content-box  { padding:13px 15px; margin-bottom:10px; }
.offday-rgst > .content-box  { padding:13px 15px; margin-bottom:5px; }
.offday-rgst .stit  { color:var(--text-dark); }
.offday-rgst > .stit .count  { font-weight:700; color:var(--color-mint); }
.offday-list  { padding:10px 0 10px 63px; }
.offday-list + .offday-list  { border-top:1px solid var(--border-light); }
.offday-list.otheroff  { padding-left:0; }
.offday-list .radio-block,
.offday-list p.offdaytype  { float:left; margin-left:-63px; margin-top:5px; font-weight:700; color:var(--text-dark); }
.offday-list ul { display:flex; gap:5px; width:100%; }
.offday-list.selected ul  { flex-wrap:wrap; justify-content:flex-start; }
.offday-list.selected ul li { flex:unset; min-width:calc(14.3% - 5px); }
.offday-list ul + ul  { margin-top:8px; }
.offday-list li { flex:1; }
.offday-list li label,
.holiday-list label,
.periodtype-list label  { position:relative; }
.offday-list li label > input,
.holiday-list label > input,
.periodtype-list label > input   { -webkit-appearance:none; appearance:none; opacity:0; position:absolute; top:0; left:0; }
.offday-list li label span,
.holiday-list label span,
.periodtype-list label span  { display:block; height:33px; border:1px solid var(--border-normal); border-radius:6px; display:flex; align-items:center; justify-content:center; color:#555; white-space:nowrap; padding:0 9px; }
.offday-list li label .sunday  { color:var(--color-red); }
.offday-list li label .saturday  { color:var(--color-blue); }
.offday-list li input:disabled + span,
.holiday-list input:disabled + span  { color:var(--border-normal); }
.offday-list li input:checked + span,
.holiday-list input:checked + span,
.periodtype-list input:checked + span  { background:var(--color-mint); border-color:var(--color-mint); color:var(--color-white); }
.offday-list .btns  { text-align:right; margin-left:auto; }
.offday-list .btn-del  { width:32px; height:32px; background:url(/assets/mobile/admin-img/ico-cross-wh.svg) center no-repeat #FF7676; background-size:46% auto; border-radius:4px; }
.holiday-list  { display:flex; flex-wrap:wrap; gap:8px 4px; padding:12px 0; }
.holiday-list .days-block  { display:flex; }
.holiday-list label span  { padding:0 12px; }
.holiday-list .days-block label:not(:first-child) span  { border-left:0; border-top-left-radius:0; border-bottom-left-radius:0; }
.holiday-list .days-block label:not(:last-child) span  { border-top-right-radius:0; border-bottom-right-radius:0; }
.holiday-list .check-block  { width:100%; }
.holiday-list .check-block .date  { display:block; font-size:11px; line-height:1; color:var(--text-dimmed); }
.holiday-list .check-block > label  { padding-left:31px; }
.holiday-list .check-block > label::before  { top:4px; width:22px; height:22px; }
.periodtype-list  { display:flex; gap:6px; padding:15px 0 6px; }
.periodtype-list > label  { flex:1; }
input.other-offday  { width:100%; height:34px; text-align:center; pointer-events:none; margin-bottom:10px; }
.offday-rgst .designer-list li  { margin-top:10px; }
.offday-rgst .designer-list.selected li:first-child  { margin-top:0; }
.offday-rgst .off-reason  { width:100%; height:60px; border:1px solid var(--border-normal); background-color:#F7FBFF; border-radius:6px; margin-top:8px; padding:4px 8px; }


/* 예약정보 레이어 */
.reserve-data-view.modal-body  { padding-bottom:0; }
.reserve-data-view .stit  { font-size:16px; font-weight:700; color:var(--text-dark); margin:0 -20px; padding:0 20px 7px; }
.reserve-data-view .stit:first-child  { border-bottom:1px solid var(--border-light); margin-bottom:10px; }
.reserve-data-view .stit button  { float:right; height:26px; border-radius:4px; font-size:13px; font-weight:400; color:var(--color-white); padding:0 0.75em; margin-top:-5px; margin-left:4px; }
.reserve-data-view .stit .btn-detail  { background-color:#FF8A00; }
.reserve-data-view .info-list + .stit  { margin-top:17px; }
.reserve-data-view .info-list  { display:grid; grid-template-columns:8.2em 1fr; gap:4px; margin-bottom:7px; }
.reserve-data-view .info-list dt  { color:var(--text-light); }
.reserve-data-view .info-list .btn-person,
.reserve-data-view .info-list .btn-text  { font-weight:700; text-decoration:underline; }
.reserve-data-view .info-list .customer-type  { font-size:13px; color:var(--color-red); letter-spacing:-0.04em; }
.reserve-data-view .info-list .icon-member-black  { vertical-align:top; margin-top:4px; }
.reserve-data-view .status-waiting  { color:#FF8A00 } /* 대기 */
.reserve-data-view .status-reserve  { color:#13CCCD } /* 확정 */
.reserve-data-view .status-ing  { color:#8E53ED } /* 시술중 */
.reserve-data-view .status-end  { color:#1C70F5 }/* 완료 */
.reserve-data-view .customer-wrap  { border-top:1px solid var(--border-light); background-color:#F7FBFF; margin:17px -20px 0; padding:10px 20px 15px; }
.reserve-data-view .customer-wrap .stit  { border-bottom:0; margin-bottom:5px; }
.reserve-data-view .small-tab  { margin-top:-6px }
.reserve-data-view .memos-wrap  { margin-bottom:12px }
.reserve-data-view .memo-view  { display:none; min-height:50px; max-height:120px; overflow-y: auto; border:1px solid var(--border-normal); border-top:0; background-color: var(--color-white); border-bottom-left-radius:4px; border-bottom-right-radius:4px; font-size:12px; }
.reserve-data-view .memo-view .title  { background-color:#F3F5F7; color:var(--text-dark); padding:4px 10px; }
.reserve-data-view .memo-view .date  { font-size:11px; color:var(--text-light); line-height:1.2; padding-bottom:4px; }
.reserve-data-view .memo-view .icon-img  { width:auto; height:1.0625em; vertical-align:top; }
.reserve-data-view .memo-view .text  { color:#555; padding:7px 10px; overflow-y:auto; }
.reserve-data-view .memo-view li .text  { min-height:36px; }
.reserve-data-btns  { border-top:1px solid var(--border-light); display:flex; flex-wrap:wrap; gap:6px; margin:0 -20px; padding:15px 20px; }
.reserve-data-btns > button  { flex:1; flex-shrink:0; max-width:28%; border-radius:4px; height:32px; color:var(--color-white); white-space:nowrap; padding:0 4px; }


/* 고객정보 */
.customer-info  { background-color:var(--color-white); height:100%; padding-bottom:20px; overflow-y: auto; }
.customer-info .stit  { font-size:14px; font-weight:700; color:var(--text-dark); padding:15px 4px 10px 12px; }
.customer-info .stit .right  { float:right; font-size:12px; font-weight:400; }
.customer-info .menu-tab  { height:40px; padding-top:5px; }
.customer-info .tb-responsive  { height:calc(100% - 45px); overflow-y: auto; border-top:1px solid #ddd; }
.customer-info .tb-responsive > .tb-list  { border-top:0; }
.remain-summary  { position:relative; min-height:90px; background:var(--color-mint); border-radius:10px; display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:20px 15px; margin:16px 0 15px; }
.remain-summary.ticket  { gap:30px; }
.remain-summary.ticket::before,
.remain-summary.ticket::after  { content:''; position:absolute; left:50%; margin-left:-7.5px; width:15px; height:15px; border-radius:50%; background:var(--color-white); }
.remain-summary.ticket::before  { top:-7.5px; }
.remain-summary.ticket::after  { bottom:-7.5px; }
.remain-summary .box  { min-width:45%; position:relative; flex:1; font-size:14px; color:var(--color-white); padding-left:16px; }
.remain-summary .box::before  { content:''; position:absolute; left:0; top:5px; bottom:3px; width:7px; background:rgba(255,255,255,0.6); border-radius:2px; }
.remain-summary .amount  { font-size:20px; margin-top:1px; }
.remain-summary .total .amount  { color:var(--color-yellow); }

/* 시술메모 이미지 before */
.customer-img-list .stit  { color:var(--text-dark); padding:13px 0 10px; }
.customer-img-list ul  { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding-bottom:20px; }
.customer-img-list li  { position:relative; background:url(/assets/mobile/admin-img/ico-plus-wh.svg) center 36% no-repeat #CFD8DD; background-size:45px auto; padding-top:100%; overflow:hidden; }
.customer-img-list li::after  { position:absolute; display:block; content:attr(data-image-type); top:50%; left:50%; transform:translate(-50%, 20px); font-size:18px; color:rgba(255,255,255,0.7); white-space:nowrap; z-index:10; }
.customer-img-list li label  { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.customer-img-list li input  { position:absolute; top:0; left:0; -webkit-appearance:none; appearance:none; opacity:0; }
.customer-img-list li .image-thumb  { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; }
.customer-img-list li .image-thumb > img  { width:100%; height:100%; object-fit:cover; opacity:0.7; z-index:2; }
.customer-img-list li .image-thumb::before  { position:absolute; content:''; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,1); }
.customer-img-list li .btn-del  { position:absolute; top:1px; right:1px; width:38px; height:38px; background:url(/assets/mobile/admin-img/ico-cross-wh.svg) center no-repeat; background-size:50% auto; z-index:11; }

/* 시술메모 이미지 after */
.img-memo-list .stit  { color:var(--text-dark); padding:13px 0 10px; }
.img-memo-list ul  { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding-bottom:20px; }
.img-memo-list li  { position:relative; background:linear-gradient(#CFD8DD, #CFD8DD calc(100% - 28px), #fff); padding-bottom:34px; overflow:hidden; }
.img-memo-list li::before  { position:absolute; display:block; content:attr(data-image-type); top:45%; left:50%; transform:translate(-50%, -50%); font-size:22px; color:rgb(255,255,255); white-space:nowrap; z-index:1; }
.img-memo-list li .upload-camera,
.img-memo-list li .upload-file    { position:absolute; bottom:0; width:50%; height:34px; border:1px solid var(--border-normal); background-color:#fff; background-position:center center; background-repeat:no-repeat; background-size:auto 60%; }
.img-memo-list li .upload-camera  { left:0; border-bottom-left-radius:0.5rem; background-image:url(/assets/mobile/admin-img/ico-camera.svg); }
.img-memo-list li .upload-file    { right:0; border-bottom-right-radius:0.5rem; border-left:0;  background-image:url(/assets/mobile/admin-img/ico-images.svg); }
.img-memo-list li .image-thumb  { position:relative; width:100%; padding-top:100%; z-index:1; }
.img-memo-list li .image-thumb > img  { position:absolute; top:0; left:0; display:block; width:100%; height:100%; object-fit:cover; }
.img-memo-list li .image-thumb::after  { display:none; }
.img-memo-list li .image-thumb.img-in::after  { position:absolute; display:flex; align-items:center; justify-content:center; top:6px; left:6px; width:22px; height:22px; border-radius:3px; font-size:12px; color:#fff; z-index:4; }
.img-memo-list li .image-thumb[data-direction="1"]::after  { content:'앞'; background-color:var(--color-red); }
.img-memo-list li .image-thumb[data-direction="2"]::after  { content:'뒤'; background-color:var(--color-mint); }
.img-memo-list li .image-thumb[data-direction="3"]::after  { content:'좌'; background-color:var(--color-blue); }
.img-memo-list li .image-thumb[data-direction="4"]::after  { content:'우'; background-color:var(--color-orange); }
.img-memo-list li .btn-del  { display:none; position:absolute; top:1px; right:1px; width:38px; height:38px; background:url(/assets/mobile/admin-img/ico-cross-wh.svg) center no-repeat; background-size:50% auto; z-index:11; }
.img-memo-list li .img-in .btn-del  { display:block; }

.image-view  { display:flex; background-color:#212121; padding:40px 0; }
.image-view .btn-close  { position:absolute; top:10px; right:10px; width:38px; height:38px; background:url(/assets/mobile/admin-img/ico-close-wh.svg) center no-repeat; background-size:60% auto; z-index:10; }
.image-view .img-box  { flex:1; display:flex; align-items:center; }
.image-view .swiper  { flex:1; }
.image-view .swiper-slide  { display:flex; align-items:center; }
.image-view img  { width:100%; max-height:100%; }
.image-view .swiper-button-prev,
.image-view .swiper-button-next  { color:#fff; text-shadow:0 0 6px rgba(0,0,0,0.35); }
.image-view .swiper-button-next.swiper-button-disabled, .image-view .swiper-button-prev.swiper-button-disabled  { opacity:0; }


/* 메모 */
.memo-content  { height:100%; border-top:15px solid var(--color-white); }
.memo-list  { padding-bottom:20px; }
.memo-list > li  { font-size:13px; border-bottom:1px solid var(--border-normal); line-height:1.5; }
.memo-list .memo-header  { position:relative; background-color:#f3f5f7; padding:6px 40px 6px 15px; }
.memo-list .memo-images  { display:flex; gap:6px; align-items: center; margin-top:7px; margin-bottom:1px; }
.memo-list .memo-images .img-box  { position: relative; width:50px; height:50px; border-radius:6px; background:#e7f7ff; font-size:12px; overflow:hidden; }
.memo-list .memo-images .img-box:after  { content:attr(data-image-type); position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.3); font-size:12px; color:rgba(255,255,255,0.8); z-index:1; pointer-events:none; }
.memo-list .memo-images img  { width:100%; height:100%; object-fit:cover; }
.memo-list .btn-img-list  { position:absolute; top:12px; right:14px; display:block; width:28px; height:28px; background:url(/assets/mobile/admin-img/ico-portrait.svg) center no-repeat; background-size:100% auto; }
.memo-list .number  { color:var(--color-blue); }
.memo-list .title  { font-size:14px; color:var(--text-dark); }
.memo-list .date  { font-size:12px; }
.memo-list .memo-con textarea  { height:130px; background-color:var(--color-white); color:#555; overflow-y:scroll; }
.memo-content textarea  { width:100%; vertical-align:top; resize:none; padding:10px 15px; }
.customer-memo-write  { height:100%; background-color:var(--color-white); }
.customer-memo-write textarea  { height:100%; border-top:1px solid var(--border-normal); }

/* 이미지 보기 */
.thumb-img-view  { position:relative; display:block; width:49px; height:58px; border-radius:4px; margin:2px auto; overflow:hidden; }
.thumb-img-view > img  { width:100%; height:100%; object-fit:cover; }
.thumb-img-view:before  { content:'보기'; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:flex; justify-content:center; align-items:flex-end; font-size:12px; color:#fff; padding-bottom:17%; }
.thumb-img-view[data-picture-count="0"]:before  { display:none; }
.thumb-img-view[data-picture-count="1"]:before  { display:none; }
.thumb-img-view:after  { content:attr(data-picture-count); position:absolute; top:0; left:0; width:100%; height:100%; font-size:16px; font-weight:700; color:#fff; text-align:center; padding-top:15%; }
.thumb-img-view[data-picture-count="0"]:after  { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/assets/mobile/admin-img/ico-plus-wh.svg) center 60% no-repeat #ccc; background-size:55% auto; cursor:pointer; z-index:2; }
.thumb-img-view[data-picture-count="1"]:after  { display:none; }

/* 알림 */
.alim-content  { background-color:var(--color-white); padding-top:1px; }
.alim-content .alim-date  { width:137px; height:26px; background-color:#333; border-radius:13px; display:flex; align-items:center; justify-content:center; font-size:14px; color:var(--color-white); margin:15px auto 5px; }
.alim-content .alim-date.today  { background-color:var(--color-mint); }
.alim-content ul  { padding-bottom:5px; }
.alim-content li  { position:relative; border-bottom:1px solid #F2F2F2; font-size:13px; padding:15px 0; }
.alim-content li .title  { font-weight:700; color:var(--text-dark); padding-bottom:8px; }
.alim-content li .time  { float:right; font-size:12px; }
.alim-content li .people  { color:var(--text-dimmed); padding-bottom:8px; }
.alim-content li .con  { color:var(--text-dark); padding-bottom:10px; }
.alim-content li .check-block  { display:none; position:absolute; top:45px; right:0; width:29px; }
.alim-content li .check-block label::before  { width:29px; height:30px; border-radius:6px; }
.alim-content li .check-block input:checked + label::before  { background-color:var(--color-red); }
.alim-content li .btn-line-default  { min-width:70px; height:26px; font-size:12px; padding:0 8px; }
.alim-content .alim-date.today + ul li .title  { color:var(--color-mint) }

.alim-content.delete-mode .con  { margin-right:30px; }
.alim-content.delete-mode li p  { opacity:0.4; }
.alim-content.delete-mode li .check-block  { display:block; }


/* 매출현황 */

.sales-content .show,
.state-date-box.show { display: flex; }

.target-range  { position:relative; background-color:#fff; border-top:1px solid var(--border-light); border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow:var(--con-box-shadow); z-index:11; margin-bottom:5px; }
.target-range .range-date  { font-size:17px; font-weight:700; color:var(--text-dark); text-align:center; padding:15px 0; }
.sales-content .content-box  { padding:0 15px 10px; margin-bottom:5px; }
.sales-content .stit  { border-bottom:1px solid var(--border-light); font-weight:700; color:var(--text-dark); padding:13px 0 12px; margin-bottom:15px; }
.sales-content .stit .date, .sales-content .stit .unit  { float:right; font-size:12px; font-weight:400; padding-top:2px; }
.sales-content .stit .date  { color:var(--text-light); }
.sales-total,
.sales-part dl,
.sales-designer  { border:1px solid var(--border-normal); background:#F7FBFF; border-radius:4px; }
.sales-content dt  { font-size:12px; color:var(--color-navy); }
.sales-total dd,
.sales-part dd  { font-size:18px; }
.sales-total  { display:flex; box-shadow:0 1px 2px rgba(0,0,0,0.1); color:var(--text-dark); padding:10px 0; }
.sales-total dl  { flex:1; padding-left:11px; }
.sales-total dl + dl  { border-left:1px solid var(--border-normal) }
.sales-total dd.compare  { font-size:12px; }
.sales-total dd.compare span  { color:#198754; }
.sales-total dd.compare span.red  { color:#D9001B; }
.sales-part  { display:grid; grid-template-columns:1fr 1fr; gap:10px; color:#555; padding:10px 0; }
.sales-part dl  { box-shadow:0 1px 2px rgba(0,0,0,0.1); line-height:1.4; padding:9px 11px; }
.sales-designer  { display:flex; box-shadow:0 1px 2px rgba(0,0,0,0.1); padding:13px 11px; margin-bottom:10px; }
.sales-designer .total  { flex:0 0 40%; color:var(--text-dark); }
.sales-designer .total .img  { width:21px; height:21px; border-radius:50%; overflow:hidden; }
.sales-designer .total .img > img  { width:100%; height:100%; object-fit:cover; }
.sales-designer .total .name  { font-size:12px; }
.sales-designer .total dt  { padding-top:5px }
.sales-designer .total dd  { font-size:15px; }
.sales-designer .part  { flex:1; display:grid; grid-template-columns:1fr 1fr; gap:8px; border-left:1px solid var(--border-normal); color:#555; line-height:1.4; padding-left:15px; }
.sales-content .service dt  { color:var(--color-mint); }
.sales-content .product dt  { color:#FF8A00; }
.sales-content .ticket-amount dt  { color:#8E53ED; }
.sales-content .ticket-number dt  { color:var(--color-red); }
.sales-content .membership dt  { color:#1C70F5; }
.sales-content .shop dt  { color:var(--text-dark); }
.sales-content .bar-chart-box  { padding-bottom:15px; }
/* .sales-period - 기간별 매출현황 */
.tb-statistics.sales-period thead th  { text-align:center; padding:8px 10px; }
.tb-statistics.sales-period tbody th  { background-color:#F7FBFF; }
.tb-statistics.sales-period .total td  { background-color:var(--border-light); font-weight:700; color:var(--text-dark); }
/* .sales-period - 서비스별,결제수단별 매출현황 */
.tb-statistics.sales-general { color:var(--text-dark);  }
.tb-statistics.sales-general thead td  { border-left:1px solid var(--border-light) }
.tb-statistics.sales-general th  { height:36px; text-align:left; padding-left:26px; padding-right:5px; }
.tb-statistics.sales-general .total th,
.tb-statistics.sales-general .stit th,
.tb-statistics.sales-general .point th  { padding-left:14px; }
.tb-statistics.sales-general td  { text-align:right; padding-right:14px; }
.tb-statistics.sales-general .total th,
.tb-statistics.sales-general .total td  { background-color:var(--border-light); font-weight:700; color:var(--text-dark); }
.tb-statistics.sales-general .stit th,
.tb-statistics.sales-general .stit td  { background-color:#F7FBFF; font-weight:400; }
.tb-statistics.sales-general .point th,
.tb-statistics.sales-general .point td  { background-color:#fdd7d7; }
.tb-statistics.sales-general .check-block  { display:inline-block; font-size:12px; color:var(--color-white); margin-right:7px; }
.tb-statistics.sales-general .check-block > label::before  { width:17px; height:17px; top:1px; }
.tb-statistics.sales-general .check-block > label  { line-height:16px; padding:0 0 0 22px; }


/* 영업자관리 */
.content-box.schedule-work  { padding:8px 15px; margin-bottom:5px; }
.staff-content .total { border-bottom:1px solid var(--border-normal); font-weight:700; color:var(--text-dark); padding-bottom:8px; }
.staff-content .total .count  { color:var(--color-mint); }

.inform-staff-top  { background-color:var(--color-white); border-bottom:1px solid var(--border-light); height:45px; }
.inform-staff-top .icon-warning  { float:left; width:46px; height:100%; background:url(/assets/mobile/admin-img/ico-warning.svg) center no-repeat var(--color-navy); background-size:46% auto; }
.inform-staff-top p  { float:left; height:100%; display:flex; align-items:center; font-size:13px; color:var(--color-red); padding-left:11px; }

.work-status  { padding:13px 10px 17px; }
.work-status .title  { position:relative; display:flex; height:25px; align-items:center; justify-content:space-between; color:var(--text-dark); }
.work-status .btn-menu  { font-size:12px; }
.work-status .menu-hidden  { position:absolute; top:29px; right:0; }
.work-status .staff-off-list,
.work-status .staff-off-list li,
.work-status .staff-work-list li  { position:relative; margin-top:8px; }
.work-status .staff-off-list .designer,
.work-status .staff-work-list .designer  { margin-right:60px; }
.work-status .designer  { display:flex; align-items:center; gap:3px; color:var(--text-dark); }
.work-status .designer .img  { width:27px; height:27px; border-radius:50%; overflow:hidden; }
.work-status .designer .img img  { width:100%; height:100%; object-fit:cover; }
.work-status .staff-work-list button,
.work-status .staff-work-list .status,
.work-status .staff-off-list button,
.work-status .staff-off-list .status  { position:absolute; top:5px; right:0; font-size:12px; line-height:18px; text-decoration:none; }
.work-status .staff-off-list button  { background-color:transparent; color:#555; }
.work-status button > .ico-del  { display:inline-block; width:14px; height:14px; background:url(/assets/mobile/admin-img/ico-cross-wh.svg) center no-repeat var(--color-red); background-size:58% auto; border-radius:50%; vertical-align:top; margin-top:2px; }
.work-status .off-reason  { width:100%; height:32px; font-size:12px; color:#555; margin-top:6px; margin-bottom:1px; }
.work-status .off-reason[value=""]  { display:none; }
.work-status .status.present  { color:var(--color-mint); }
.work-status .status.absent  { color:var(--color-red); }
.work-status .status.instead  { color:var(--color-purple); }
.work-status .staff-work-check li  { padding:10px 0; }
.work-status .staff-work-check li + li { border-top:1px solid var(--border-light); }
.work-status .staff-work-check .check-wrap  { display:flex; gap:5px; padding-top:6px; }
.work-status .staff-work-check .check-wrap .check-btn  { flex:1; position:relative; }
.work-status .staff-work-check .check-wrap input  { opacity:0; appearance:none; position:absolute; }
.work-status .staff-work-check .check-wrap label  { display:flex; align-items:center; justify-content:center; height:36px; border:1px solid var(--border-light); border-radius:18px; font-size:13px; color:#555 }
.work-status .staff-work-check .check-wrap input:disabled + label  { color:#ADADAD }
.work-status .staff-work-check .check-wrap .start label:before  { content:'출근체크' }
.work-status .staff-work-check .check-wrap .end label:before  { content:'퇴근체크' }
.work-status .staff-work-check .check-wrap .absent label:before  { content:'결근체크' }
.work-status .staff-work-check .check-wrap input:checked + label:before  { content:attr(data-status-type); flex-basis:36px; height:100%; border-radius:50%; display:flex; align-items:center; font-size:11px; line-height:1; color:var(--color-white); padding:0 7px; }
.work-status .staff-work-check .check-wrap label span  { display:none; font-size:13px; text-align:center; }
.work-status .staff-work-check .check-wrap input:checked + label span  { flex:1; display:block; padding-right:6px; }
.work-status .staff-work-check .check-wrap .btn-absent  { width:100%; height:36px; background:var(--color-white); border:1px solid var(--border-light); border-radius:18px; font-size:13px; color:#ADADAD; }

.work-status .staff-work-check .check-wrap .start input:checked + label[data-status-type='출근']  { border-color:var(--color-blue) }
.work-status .staff-work-check .check-wrap .start input:checked + label[data-status-type='출근']:before  { background-color:var(--color-blue); }
.work-status .staff-work-check .check-wrap .start input:checked + label[data-status-type='출근'] span  { color:var(--color-blue) }
.work-status .staff-work-check .check-wrap .start input:checked + label[data-status-type='지각 출근']  { border-color:var(--color-orange) }
.work-status .staff-work-check .check-wrap .start input:checked + label[data-status-type='지각 출근']:before  { background-color:var(--color-orange); }
.work-status .staff-work-check .check-wrap .start input:checked + label[data-status-type='지각 출근'] span  { color:var(--color-orange) }

.work-status .staff-work-check .check-wrap .end input:checked + label[data-status-type='퇴근']  { border-color:var(--color-mint) }
.work-status .staff-work-check .check-wrap .end input:checked + label[data-status-type='퇴근']:before  { background-color:var(--color-mint); }
.work-status .staff-work-check .check-wrap .end input:checked + label[data-status-type='퇴근'] span  { color:var(--color-mint) }
.work-status .staff-work-check .check-wrap .end input:checked + label[data-status-type='조기 퇴근']  { border-color:var(--color-orange) }
.work-status .staff-work-check .check-wrap .end input:checked + label[data-status-type='조기 퇴근']:before  { background-color:var(--color-orange); }
.work-status .staff-work-check .check-wrap .end input:checked + label[data-status-type='조기 퇴근'] span  { color:var(--color-orange) }
.work-status .staff-work-check .check-wrap .end input:checked + label[data-status-type='퇴근없음']  { border-color:var(--color-orange); }
.work-status .staff-work-check .check-wrap .end input:checked + label[data-status-type='퇴근없음']:before  { flex-basis:100%; justify-content:center; font-size:13px; color:var(--color-orange); }
.work-status .staff-work-check .check-wrap .end input:checked + label[data-status-type='퇴근없음'] span { display:none; }

.work-status .staff-work-check .check-wrap .absent input:checked + label  { border-color:var(--color-red); }
.work-status .staff-work-check .check-wrap .absent input:checked + label:before  { background-color:var(--color-red); }
.work-status .staff-work-check .check-wrap .absent input:checked + label span  { color:var(--color-red); }

.work-status .no-data  { height:76px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; font-size:12px; padding:0; }
.work-status .no-data .btn-rgst  { height:2.25em; background-color:#E4E5E6; border-radius:6px; font-size:12px; line-height:1; padding:0 10px; }

.rsgt-staff-absent .date  { font-size:16px; color:var(--text-dark); text-align:center; }
.rsgt-staff-absent .staff-name  { border-bottom:1px solid var(--border-light); font-size:20px; color:var(--text-dark); text-align:center; padding-bottom:22px; margin-bottom:22px; }
.rsgt-staff-absent textarea  { width:100%; height:70px; border:1px solid var(--border-normal); border-radius:6px; font-size:14px; padding:6px 8px; }
.rsgt-staff-absent .btn-rgst  { width:100%; height:35px; background:var(--color-red); border-radius:6px; color:var(--color-white); margin-top:10px; }

.staff-content .total  { padding-top:8px; padding-left:15px; }
.staff-content .staff-list  { padding:0 15px; }
.staff-list li { border-bottom:1px solid var(--border-light); padding:12px 0; }
.staff-list .img  { float:left; width:26px; height:26px; border-radius:50%; overflow:hidden; }
.staff-list .img > img  { width:100%; height:100%; object-fit:cover; }
.staff-list .name  { float:left; color:var(--text-dark); line-height:26px; text-decoration:underline; margin-left:6px; }
.staff-list .type  { float:right; color:var(--color-navy); }
.staff-list dl  { clear:both; display:grid; grid-template-columns:4.5em 1fr; gap:3px; font-size:13px; line-height:1.3; padding-top:4px; padding-left:33px; }
.staff-list dt  { color:var(--text-light) }
.staff-list dd  { color:#555; }
.staff-list .status  { text-decoration:underline; }
.staff-list .status.ok  { color:var(--color-mint); }
.staff-list .status.wait  { color:var(--color-orange); }
.staff-list .status.reject  { color:var(--color-red); }
.tb-write .status-staff select  { background-color:transparent; border:0; width:100%; color:var(--color-white); padding-left:0; }
.tb-write .status-staff.ok  { background-color:var(--color-mint); }
.tb-write .status-staff.wait  { background-color:var(--color-orange); }
.tb-write .status-staff.reject  { background-color:var(--color-red); }

/* 더보기 */
.info-header  { position:relative; display:flex; gap:12px; align-items:center; background-color:var(--color-white); border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow:var(--con-box-shadow); padding:19px 15px; margin-bottom:10px; }
.info-header .img  { flex-shrink:0; border-radius:50%; width:60px; height:60px; border:1px solid var(--border-normal); overflow:hidden; }
.info-header .img > img  { width:100%; height:100%; object-fit:cover; }
.info-header .btn-file-upload  { position:absolute; left:59px; top:58px; width:22px; height:22px; background:url(/assets/mobile/admin-img/ico-pen.svg) center no-repeat #0087FF; background-size:50% auto; border-radius:50%; }
.info-header .btn-file-upload input  { -webkit-appearance:none; appearance:none; opacity:0; }
.info-header .person  { flex:1; color:var(--text-dark); line-height:1.3 }
.info-header .person .name  { font-size:16px; font-weight:700; }
.info-header .person .type  { font-size:13px; color:var(--color-mint); padding-top:0.4em; }
.info-header .btn-logout  { flex-shrink:0; width:52px; background:url(/assets/mobile/admin-img/ico-logout.svg) center 2px no-repeat; background-size:45% auto; font-size:12px; color:var(--text-normal); padding-top:26px; }

.info-menu  { overflow: hidden; }
.info-menu a:not(.dropout) { display:flex; height:50px; align-items:center; box-shadow:0 1px 3px rgba(85,85,85,0.35); background:url(/assets/mobile/admin-img/ico-right.svg) 95% center no-repeat var(--color-white); background-size:auto 14px; font-size:15px; color:var(--text-dark); padding-left:15px; margin-bottom:5px; }
.info-menu .dropout  { float:right; font-size:13px; text-decoration: underline; margin-top:12px; margin-right:15px; }

.info-content  { background-color:var(--color-white); box-shadow:var(--con-box-shadow); padding-bottom:10px; margin-bottom:10px; }
.info-content.info-rgst  { padding:16px 15px 20px; }
.info-rgst .stit  { color:var(--text-dark); font-weight:700; }
.info-rgst .form-row .desc  { float:right; display:none; font-size:12px; color:var(--color-red); letter-spacing:-0.04em; margin-top:15px; }
.info-rgst .form-row.error .desc  { display:block; }
.info-rgst .name  { display:block; font-size:13px; color:var(--text-normal); padding:14px 0 7px; }
.info-rgst .stit .name  { padding-top:8px; }
.info-rgst .name.required::after  { content:' *'; color:var(--color-red); }
.info-rgst .form-row .flex-box  { gap:5px; }
.info-rgst .form-row .flex-column  { margin-top:5px; }
.info-rgst .form-row input[type=text],
.info-rgst .form-row input[type=number],
.info-rgst .form-row select  { width:100%; height:38px; }
.info-rgst .form-row select  { border-radius:6px; padding-left:10px; }
.info-rgst .form-row .radio-block { margin-top:2px; }
.info-rgst .form-row button  { border-radius:6px; font-size:13px; padding:0 8px; }

.formservicebox  { display:grid; grid-template-columns: repeat(4,1fr); gap:0.75rem 0; }
.formservicebox .wide  { grid-column-start: 2; grid-column-end: 4; }

.notice-list  { min-height:100%; }
.notice-list a { display:block; border-bottom:1px solid var(--border-normal); background:url(/assets/mobile/admin-img/ico-right.svg) 95% center no-repeat var(--color-white); background-size:auto 15px; padding:18px 15px 18px; }
.notice-list .title  { font-size:14px; color:var(--text-normal); padding-bottom:3px; }
.notice-list .title b  { color:var(--text-dark); }
.notice-list .date  { font-size:12px; color:var(--text-dimmed); }
.notice-view-header  { padding:19px 15px 18px; margin-bottom:10px; }
.notice-view-header .title  { font-size:15px; font-weight:700; color:var(--text-dark); padding-bottom:2px; }
.notice-view-header .date  { font-size:13px; color:var(--text-dimmed); }
.notice-view-con  { min-height:86%; font-size:15px; padding:20px 15px; }

.terms-content .content-box  { margin-bottom:10px; }
.terms-content .title  { font-size:16px; font-weight:700; color:var(--text-dark); padding:17px 15px; }
.terms-list a  { display:block; border-top:1px solid var(--border-normal); background:url(/assets/mobile/admin-img/ico-right.svg) 95% center no-repeat; background-size:auto 15px; font-size:15px; color:var(--text-normal); padding:22px 15px; }
.terms-view  { min-height:100%; color:var(--text-dark); padding:15px; }

.balance-content .content-box  { padding:20px 15px; margin-bottom:10px; }
.balance-content dl  { font-size:16px; padding-left:2.75em; overflow:hidden; }
.balance-content dt  { float:left; width:2.75em; font-size:inherit; color:var(--text-dark); margin-left:-2.75em; }
.balance-content dd  { float:left; width:100%; font-size:14px; color:var(--text-dark); }
.balance-content dd .desc  { color:var(--text-dimmed); padding-top:10px; }

.dropout-content  { font-size:13px; padding-top:18px; }
.dropout-content .stit  { font-size:14px; color:var(--text-dark); font-weight:700; margin-bottom:20px; }
.dropout-content ul  { font-size:12px; margin-top:10px; }
.dropout-content ul li  { line-height:16px; padding-bottom:3px; padding-left:10px; }
.dropout-content ul li::before  { content: '- '; display: block; float:left; width:10px; margin-left:-10px; }
.dropout-content .info-data-delete  { border-top:1px solid var(--border-normal); font-size:12px; color:var(--text-dark); padding:20px 0; margin-top:20px; }


/* dashboard */
.inform-dashboard-top  { position: relative; background-color:var(--color-white); border-bottom:1px solid var(--border-light); height:45px; }
.inform-dashboard-top .icon-alarm  { float:left; width:46px; height:100%; background:url(/assets/mobile/admin-img/ico-bell-wh.svg) center no-repeat var(--color-navy); background-size:38% auto; }
.inform-dashboard-top .header-notice  { float:left; width:calc(100% - 116px); height:44px; overflow:hidden; }
.inform-dashboard-top .header-notice li  { line-height:44px; font-size:13px; color:var(--text-dark); white-space:nowrap; padding-left:11px; }
.inform-dashboard-top .time  { position: absolute; top:14px; right:32px; line-height:16px; border-left:1px solid var(--border-normal); font-size:11px; padding-left:9px; padding-bottom:1px; }
.inform-dashboard-top .btn-refresh  { position: absolute; top:1px; right:2px; height:42px; width:29px; background: url(/assets/mobile/admin-img/ico-refresh.svg) center no-repeat; background-size: 14px auto; opacity:0.5 }

.dashboard-content .content-box  { padding:11px 15px 15px; margin-top:5px; }
.dashboard-content .stit  { border-bottom:1px solid var(--border-light); font-weight:700; color:var(--text-dark); line-height:24px; padding-bottom:9px; margin-bottom:15px; }
.dashboard-content .stit .btn-more  { float:right; border:1px solid var(--border-normal); background-color:var(--color-white); height:24px; border-radius:12px; font-size:12px; font-weight:400; color:var(--text-normal); line-height:1; padding:0 10px; }
.dashboard-content .chart-unit  { font-size:12px; color:#555; line-height:1.25 }
.dashboard-content .chart-unit .date  { float:right; }
.dashboard-content .bar-chart-box  { padding-bottom:20px; }
.dashboard-content .sales-total:not(:last-child)  { margin-bottom:10px; }
.dashboard-content .sales-total dt  { font-size:12px; color:var(--color-navy); }
.dashboard-content .sales-total dd + dt  { margin-top:9px; }
.dashboard-content .past dd  { color:var(--text-light); }
.dashboard-content .sales-total .name  { font-size:14px; padding:2px 0 3px; }

.arrange-reserve  {  display: grid; grid-gap: 15px; grid-template-columns:1fr 1fr; }
.arrange-reserve .item  { position:relative; break-inside:avoid; border:1px solid #E6E6E6; border-radius:10px; box-shadow:0 1px 1px rgba(0,0,0,0.15); font-size:13px; color:#555; padding:10px 14px 49px; overflow-x: hidden; }
.arrange-reserve .item .time { background:url(/assets/mobile/admin-img/ico-clock.svg) left center no-repeat; background-size:1.1em auto; font-weight:700; padding-left:1.25em; padding-bottom:2px; margin-bottom:4px; }
.arrange-reserve .item .person { display:flex; gap:5px; align-items:center; padding-bottom:5px; }
.arrange-reserve .item .icon-from { flex:0 0 17px; width:17px; height:17px; border-radius:50%; margin-top:1px; overflow:hidden; }
.arrange-reserve .item .icon-from > img  { width:100%; height:100%; object-fit:cover; }
.arrange-reserve .item .badge  { position:absolute; top:10px; right:-1px; width:65px; line-height:24px; border-top-left-radius:12px; border-bottom-left-radius:12px; box-shadow:0 1px 2px rgba(0,0,0,0.2); font-size:12px; color:var(--color-white); text-align:center; padding-left:2px; }
.arrange-reserve .item .name  { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right:15px; }
.arrange-reserve .item .price  { color:var(--text-dark); }
.arrange-reserve .other-pro { position: absolute; bottom:10px; left:14px; right:14px; display:flex; align-items:center; justify-content:space-between; border-top:1px dashed var(--border-normal); color:#444 !important; margin-top:10px; padding-top:8px; }
.arrange-reserve .count-pro, .arrange-reserve .count-ticket, .arrange-reserve .count-membership { display:inline-block; line-height:21px; }
.arrange-reserve .count-pro::before { width:20px; background:url(/assets/mobile/admin-img/ico-product.png)left top no-repeat }
.arrange-reserve .count-ticket::before { width:22px; background:url(/assets/mobile/admin-img/ico-ticket.png)center center no-repeat }
.arrange-reserve .count-membership::before { width:16px; background:url(/assets/mobile/admin-img/ico-membership.png)center top no-repeat }
.arrange-reserve .count-pro::before,
.arrange-reserve .count-ticket::before,
.arrange-reserve .count-membership::before { content:''; display:inline-block; height:20px; background-size:100% auto; vertical-align:top; margin-right:3px; }
.arrange-reserve .color-matching  { flex-shrink:0; margin-top:1px; margin-left:-13px; }

.dashboard-content .tb-balance  { border:1px solid var(--border-normal); background-color:#F7FBFF; border-radius:6px; box-shadow:0 1px 2px rgba(0,0,0,0.1); font-size:13px; }
.dashboard-content .tb-balance th  { width:50%; color:var(--color-navy); font-weight:400; text-align:left; padding:10px 0 10px 13px; }
.dashboard-content .tb-balance td  { border-left:1px solid var(--border-normal); color:var(--text-dark); text-align:right; padding:10px 13px 10px 0; }
.dashboard-content .tb-balance tr + tr > *  { border-top:1px solid var(--border-normal); }
.dashboard-content .tb-balance .total > *  { background-color:#F5F5F6; font-size:14px; color:var(--text-dark); }


/* 업데이트 알림 */
#modalUpdate .modal-content  { width:300px; overflow:unset; border-radius:20px; }
#modalUpdate .modal-body  { position:relative; overflow:unset; text-align:center;  }
#modalUpdate .logo-circle  { position:absolute; top:-44px; left:50%; transform:translateX(-50%); width:80px; height:80px; background:url(/assets/mobile/admin-img/logo-beutyfit-circle.svg) center no-repeat; background-size: contain; }
.update-inform  { padding-top:46px; }
.update-inform h4  { font-size:16px; font-weight:700; }
.update-inform h4 small  { display:block; font-size:14px; color:#797979; font-weight:400; }
.update-inform .con  { font-size:13px; color:#333; line-height:16px; padding:20px 0 10px; }


/* modal */
.modal-admin  { display:none; position:fixed; top:0; left:0; bottom:0; width:100%; background-color:rgba(0,0,0,0.8); padding:15px; z-index:10000; }
.modal-admin.show  { display:flex; flex-direction: column; }
.modal-content  { flex-shrink:0; margin:auto; width:100%; max-width:var(--page-width); max-height:calc(100vh - 30px); background-color:var(--color-white); border-radius:6px; overflow-y:auto; }
.modal-header  { position:relative; display:flex; align-items:center; min-height:52px; border-bottom:1px solid var(--border-light); font-size:16px; color:var(--text-dark); padding:0 15px; margin-bottom:8px; }
.modal-header .btn-close  { position:absolute; top:14px; right:14px; width:22px; height:22px; background:url(/assets/mobile/admin-img/ico-cross-gray.svg) center no-repeat; background-size:80% auto; }
.modal-body  { max-height:calc(100vh - 150px); font-size:14px; color:var(--text-dark); text-align:left; padding:4px 20px 20px; overflow-y:auto; }
.modal-header + .modal-body  { padding-left:12px; padding-right:12px; }
.modal-footer  { background-color:var(--color-white); box-shadow:0 -3px 5px rgba(0,0,0,0.2); border-bottom-left-radius:6px; border-bottom-right-radius:6px; }
.modal-title h2  { font-size:18px; color:var(--text-dark); padding:20px; }
.modal-body .stit  { font-size:13px; font-weight:700; padding-bottom:6px }
.modal-btns-left  { display:flex; flex-wrap:wrap; gap:8px; padding-top:36px; }
.modal-btns-left > button  { width:38.5%; height:36px; border-radius:6px; display:flex; align-items:center; justify-content:center; }
.modal-btns-center  { max-width:var(--page-width); display:flex; gap:6px; padding-top:10px; }
.modal-btns-center button  { flex:1; height:40px; border-radius:6px }
.modal-footer-btns  { display:flex; gap:8px; padding:7px 12px; }
.modal-footer-btns > button  { flex:1; height:40px; border-radius:6px; }
.modal-full-btns  { display:flex; border-radius:0 0 19px 19px; margin-bottom:-1px; overflow:hidden; }
.modal-full-btns > button  { width:100%; height:50px; font-size:16px; font-weight:700; }

.modal-admin.full-bottom  { padding:0; }
.modal-admin.full-bottom .modal-backdrop  { flex:1; background: url(/assets/mobile/admin-img/ico-close-circle.svg) center calc(100% - 16px) no-repeat; background-size: 36px 36px; }
.modal-admin.full-bottom .modal-content  { position:relative; border-radius:0; border-top-left-radius:10px; border-top-right-radius:10px; margin-bottom:-100vh; transition:all 0.4s; opacity:0.5; }
.modal-admin.full-bottom .modal-content.raise-up   { margin-bottom:0; opacity:1; }
.modal-admin.full-bottom .btn-close-bar  { position:absolute; top:10px; left:50%; width:140px; height:8px; background-color:var(--border-normal); border-radius:5px; margin-left:-70px; }
.modal-admin.full-bottom .modal-body { padding-top:35px; }


/* full layer */
.layer-full  { display: none; position: fixed; top:0; left:0; right:0; background-color:#fff; max-width: var(--page-width); height:100vh; margin:auto; z-index:11000; }
.layer-full.show  { display:flex; flex-direction: column; }
.layer-full .full-header  { flex:0 0 52px; display: flex; align-items: center; position: relative; box-shadow:var(--con-box-shadow); z-index:10; }
.layer-full .full-content  { flex:1; overflow-y: auto;}
.layer-full .full-footer  { flex:0 0 auto; position:relative; }
.layer-full .reserve-content .no-designer  { background-color: var(--border-light); border-radius: 3px; font-size:13px; color: var(--text-dark); text-align: center; padding:8px 0; margin:20vh 0 24vh; }
.full-header .page-name  { flex:1; font-size:18px; color:var(--text-dark); line-height:1; text-align:center; margin:0 25px; }
.full-header .btn-close  { position:absolute; top:50%; right:13px; transform:translateY(-50%); width:23px; height:23px; background:url(/assets/mobile/admin-img/ico-cross-gray.svg) center no-repeat; background-size:19px auto; }



/* toastify 수정 */
.toastify  { width:92%; max-width:400px; background:rgba(51,51,51,0.9); border-radius:20px; text-align:center; padding:8px 20px; }

/* fullcalendar 수정 */
.fc-theme-standard .fc-scrollgrid,
.fc-theme-standard td, .fc-theme-standard th  { border:0 }
.fc .fc-daygrid-body-natural .fc-daygrid-day-events  { margin-bottom:3px; }
.fc-col-header th { font-size:12px; padding-bottom:10px; }
.fc .fc-daygrid-event-harness  { z-index:2; }
.fc .fc-daygrid-day-top  { position:absolute; top:0; left:0; width:100%; height:100%; align-items:center; justify-content:center; font-size:13px; z-index:3; }
.fc .fc-daygrid-day-top a  { padding-top:0; }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events  { min-height:42px; }
.fc-day-sat a { color:var(--color-blue); }
.fc-day-sun a { color:#C31BB2; }
.fc .fc-event  { height:40px; background-color: rgb(54, 142, 231,0.2); border:0; border-radius:6px; margin-top:0; }
.fc .fc-bg-event  { opacity:1; left:2px; right:2px; bottom:4px; z-index:1; }
.fc .fc-event.holiday  { background-color:rgba(242,71,92,0.2); }
.fc .fc-event.fc-event-today  { background:var(--color-mint); border:0; }
.fc .fc-bg-event.absent  { background-color:#F2475C; }
.fc .fc-daygrid-day.fc-day-today  { background-color:#fff; }
.fc .fc-day-today .fc-bg-event  { background-color:var(--color-mint); }
.fc .fc-day-today .fc-daygrid-day-top a,
.fc .day-absent .fc-daygrid-day-top a,
.fc .fc-bg-event.absent .fc-daygrid-day-top a  { color:var(--color-white); }
.fc-event .count  { position:absolute; top:0; min-width:15px; height:14px; font-size:10px; line-height:14px; color:var(--color-white); text-align:center; }
.fc-event .count.reserve  { right:0; background-color:var(--color-red); border-bottom-left-radius:5px; border-top-right-radius:6px; }
.fc-event .count.dayoff  { right:0; background-color:var(--color-red); border-bottom-left-radius:5px; border-top-right-radius:6px; }
.fc-event .count.instead  { left:0; background-color:var(--color-purple); border-bottom-right-radius:5px; border-top-left-radius:6px; }
.fc-event .count.absent  { top:1px; right:1px; background-color:var(--color-white); border-bottom-left-radius:5px; border-top-right-radius:5px; color:var(--color-red); }

/* datepicker */
.dropdown-menu.datepicker  { min-width:260px; padding:0.75rem 0.5rem 0.5rem; box-shadow:var(--con-box-shadow); }
.datepicker-dropdown.datepicker-orient-bottom:before,
.datepicker-dropdown.datepicker-orient-bottom:after  { display:none; }
.datepicker .datepicker-switch  { color:var(--text-dark); font-weight:700; text-align:center; padding-bottom:7px; }
.datepicker table tr td,
.datepicker .dow  { font-size:13px; font-weight:normal; text-align:center; }
.datepicker .dow  { font-size:12px; color:var(--text-light); white-space:pre-line; padding-top:6px; }
.datepicker table tr td.active.active,
.datepicker table tr td.active.active:hover  { background-color:transparent; }
.datepicker table tr td.active span  { background-color:var(--color-mint); color:var(--color-white); }
.datepicker table tr td.disabled span,
.datepicker table tr td.old span  { opacity:0.3; }
.datepicker table td.day  { border-radius:0; }
.datepicker td.day span  { display:inline-flex; justify-content:center; align-items:center; font-size:inherit; border-radius:3px; width:33px; height:33px;  color:#444; float:none; }
.datepicker td.active span  { background-color:var(--color-mint); color:var(--color-white) !important; }
.datepicker th .btn-prev,
.datepicker th .btn-next  { position:absolute; top:0.75rem; width:20px; height:20px; text-indent:100%; overflow:hidden; background:url(/assets/mobile/admin-img/arrow-right.svg) 60% center  / auto 58% #F2F2F2 no-repeat; border-radius:50%; }
.datepicker th .btn-prev  { left:0.75rem; transform:scaleX(-100%); }
.datepicker th .btn-next  { right:0.75rem; }
.datepicker-inline  { width:100%; }
.datewrap  { position:relative; }
.datewrap th .btn-prev  { top:0.125rem; left:0; }
.datewrap th .btn-next  { top:0.125rem; right:0; }
#week-picker-wrapper .datepicker .datepicker-days tr td.active ~ td,
#week-picker-wrapper .datepicker .datepicker-days tr td.active  { background-color:var(--color-navy); }
#week-picker-wrapper .datepicker .datepicker-days tr td.active span,
#week-picker-wrapper .datepicker .datepicker-days tr td.active ~ td span:hover  { background-color: transparent; }
#week-picker-wrapper .datepicker .datepicker-days tr td.active ~ td span  { color:var(--color-white) }

.boxstyle1 { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.22); }
.info-wrap .view-event-btns button.time-view-but.timebuton:after { transform: rotate(-90deg) !important; }