/* 공간 예약 시스템 스타일 v2 — 리디자인 토큰 적용 (2026-09-18 디자인쏘다)
   Navy900 #001E44 제목·주버튼 / Navy700 #002E6E 호버 / Blue600 #0B57D0 선택·링크 / Fill #F2F3F6 / Field #FAFAFB
   Gray500 #6E7684 보조텍스트 / Green600 #0F7B57 승인 / Orange700 #C2410C 대기 / 헤어라인 rgba(0,30,68,.12) */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');
#spaceWrap{--navy:#001E44;--navy7:#002E6E;--blue:#0B57D0;--fill:#F2F3F6;--fill2:#E7E9EE;--field:#FAFAFB;--g5:#515a69;--g4:#6f7785;--g3:#9aa2ae;--g2:#c3c8d1;--ink:#171A20;--ink2:#2c3340;--green:#0F7B57;--greenbg:#EAF6F1;--orange:#C2410C;--orangebg:#FDF0E7;--bluebg:#E8F0FE;--line:rgba(0,30,68,.12);--line2:rgba(0,30,68,.08);--line3:rgba(0,30,68,.06);
  max-width:1360px;margin:0 auto;padding:0 0 40px;font-family:Pretendard,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:15px;color:var(--ink);word-break:keep-all;-webkit-font-smoothing:antialiased;letter-spacing:-0.01em;}
#spaceWrap *{box-sizing:border-box;}
#spaceWrap *:not([class^="ri-"]):not([class*=" ri-"]):not(i){font-family:inherit;}
#spaceWrap a{text-decoration:none;color:inherit;}
#spaceWrap button,#spaceWrap input,#spaceWrap select,#spaceWrap textarea{font-family:inherit;font-size:inherit;color:inherit;}
#spaceWrap ::placeholder{color:var(--g3);}
#spaceWrap h2,#spaceWrap h3,#spaceWrap h4{margin:0;color:var(--navy);}

/* 페이지 헤더 */
#spaceWrap .sp_head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:0 0 28px;padding-bottom:24px;border-bottom:.5px solid var(--line);}
#spaceWrap .sp_head .eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--g3);margin-bottom:8px;}
#spaceWrap .sp_head h2{font-size:28px;font-weight:700;letter-spacing:-0.04em;line-height:1.15;}
#spaceWrap .sp_head p{margin:8px 0 0;font-size:15px;color:var(--g5);line-height:1.7;}
#spaceWrap .sp_tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}

/* 버튼 (pill) */
#spaceWrap .sp_btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 20px;border:0;border-radius:999px;background:var(--fill);color:var(--ink2);font-size:14px;font-weight:600;letter-spacing:-0.01em;cursor:pointer;line-height:1;white-space:nowrap;transition:background .25s ease,color .25s ease,transform .25s ease;}
#spaceWrap a.sp_btn,#spaceWrap button.sp_btn,#spaceWrap span.sp_btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;vertical-align:middle !important;padding-top:0 !important;padding-bottom:0 !important;box-sizing:border-box !important;text-decoration:none !important;}
#spaceWrap .sp_btn:hover{background:var(--fill2);color:var(--navy);}
#spaceWrap .sp_btn.primary{background:var(--navy);color:#fff;box-shadow:0 1px 2px rgba(0,30,68,.24);}
#spaceWrap .sp_btn.primary:hover{background:var(--navy7);color:#fff;transform:translateY(-1px);}
#spaceWrap .sp_btn.danger{background:#fff;color:var(--orange);box-shadow:inset 0 0 0 .5px rgba(194,65,12,.5);}
#spaceWrap .sp_btn.danger:hover{background:var(--orangebg);}
#spaceWrap .sp_btn.lg{height:50px;padding:0 34px;font-size:16px;}
#spaceWrap .sp_btn.sm{height:34px;padding:0 16px;font-size:13px;}
#spaceWrap .sp_btn.ghost{background:transparent;color:var(--g4);}
#spaceWrap .sp_btn.ghost:hover{background:var(--fill);color:var(--navy);}
#spaceWrap .sp_btn[disabled],#spaceWrap .sp_btn.disabled{background:#F7F8FA;color:var(--g2);cursor:not-allowed;box-shadow:none;transform:none;}
#spaceWrap .sp_btn i{font-size:16px;}

/* 상태 pill */
#spaceWrap .sp_badge{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;}
#spaceWrap .sp_badge.ok{background:var(--greenbg);color:var(--green);}
#spaceWrap .sp_badge.wait{background:var(--orangebg);color:var(--orange);}
#spaceWrap .sp_badge.reject{background:#FDECEC;color:#B42318;}
#spaceWrap .sp_badge.cancel,#spaceWrap .sp_badge.gray{background:var(--fill);color:var(--g5);}
#spaceWrap .sp_badge.blue{background:var(--bluebg);color:var(--blue);}
#spaceWrap .sp_badge.navy{background:rgba(255,255,255,.78);backdrop-filter:blur(8px);color:var(--navy);}

/* 세그먼트 컨트롤 (a / label 공용) */
#spaceWrap .sp_seg{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--fill);flex-wrap:wrap;}
#spaceWrap .sp_seg a,#spaceWrap .sp_seg label,#spaceWrap .sp_seg button{display:inline-flex;align-items:center;height:34px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--ink2);font-size:14px;font-weight:500;letter-spacing:-0.01em;cursor:pointer;transition:background .25s ease,color .25s ease,box-shadow .25s ease;}
#spaceWrap .sp_seg a.on,#spaceWrap .sp_seg label.on,#spaceWrap .sp_seg button.on,#spaceWrap .sp_seg input:checked+span{background:#fff;color:var(--navy);font-weight:600;box-shadow:0 1px 2px rgba(0,30,68,.10),0 0 0 .5px rgba(0,30,68,.05);}
#spaceWrap .sp_seg label{padding:0;}
#spaceWrap .sp_seg label input{position:absolute;opacity:0;width:0;height:0;}
#spaceWrap .sp_seg label span{display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:10px;}

/* 안내 · 게이트 */
#spaceWrap .sp_notice{padding:20px 22px;border-radius:16px;background:var(--field);margin:0 0 28px;}
#spaceWrap .sp_notice h3{font-size:14px;font-weight:600;letter-spacing:-0.01em;display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
#spaceWrap .sp_notice h3 i{font-size:18px;color:var(--g4);transition:transform .25s;}
#spaceWrap .sp_notice.closed h3 i{transform:rotate(180deg);}
#spaceWrap .sp_notice ol{margin:10px 0 0;padding-left:18px;font-size:15px;line-height:1.8;color:var(--ink2);}
#spaceWrap .sp_notice.closed ol{display:none;}
#spaceWrap .sp_gate{border:.5px solid var(--line);border-radius:20px;padding:64px 32px;text-align:center;background:#fff;}
#spaceWrap .sp_gate i{font-size:44px;color:var(--navy);display:block;margin-bottom:14px;}
#spaceWrap .sp_gate h3{font-size:24px;font-weight:700;letter-spacing:-0.04em;margin-bottom:10px;}
#spaceWrap .sp_gate p{margin:0 0 24px;color:var(--g5);line-height:1.75;font-size:15px;}
#spaceWrap .sp_gate .reason{display:inline-block;text-align:left;background:var(--orangebg);border-radius:12px;padding:12px 16px;margin:0 0 20px;color:var(--orange);font-size:14px;line-height:1.6;}
#spaceWrap .sp_gate .sp_btn{margin:0 3px;}

/* 공간 카드 */
#spaceWrap .sp_cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;}
#spaceWrap .sp_card{border:.5px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;}
#spaceWrap .sp_card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(0,30,68,.40);}
#spaceWrap .sp_card .img{position:relative;aspect-ratio:16/10;background:var(--fill) center/cover no-repeat;}
#spaceWrap .sp_card .img .zone{position:absolute;left:14px;top:14px;}
#spaceWrap .sp_card .img .ext{position:absolute;right:14px;top:14px;}
#spaceWrap .sp_card .body{padding:22px;display:flex;flex-direction:column;gap:16px;flex:1;}
#spaceWrap .sp_card h3{font-size:18px;font-weight:600;letter-spacing:-0.03em;}
#spaceWrap .sp_card .sub{font-size:14px;color:var(--g5);margin-top:6px;display:block;}
#spaceWrap .sp_card .tags{display:flex;flex-wrap:wrap;gap:6px;}
#spaceWrap .sp_card .tags span{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:var(--fill);color:var(--ink2);font-size:13px;font-weight:500;}
#spaceWrap .sp_card .foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:.5px solid var(--line2);}
#spaceWrap .sp_card .foot .st{font-size:13px;font-weight:600;}
#spaceWrap .sp_card .foot .st.ok{color:var(--green);} #spaceWrap .sp_card .foot .st.off{color:var(--g4);} #spaceWrap .sp_card .foot .st.no{color:var(--orange);}
#spaceWrap .sp_card.off .img{filter:grayscale(1);opacity:.7;}

/* 달력 */
#spaceWrap .sp_legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-right:6px;}
#spaceWrap .sp_legend span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--g5);}
#spaceWrap .sp_legend i{width:8px;height:8px;border-radius:50%;display:inline-block;}
#spaceWrap .sp_legend i.free{background:var(--blue);}
#spaceWrap .sp_badge.noshow{background:#FDECEC;color:#B42318;}
#spaceWrap form.sp_inline{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;}
#spaceWrap form.sp_inline input[type=text],#spaceWrap form.sp_inline input[type=date]{height:32px;border:1px solid #d9dce3;border-radius:8px;padding:0 8px;font-size:14px;background:#fff;}
#spaceWrap u.ty{display:inline-block;text-decoration:none;font-size:12px;font-weight:700;line-height:16px;padding:0 5px;border-radius:4px;margin-right:4px;vertical-align:1px;background:rgba(0,30,68,.08);color:var(--navy);}
#spaceWrap u.ty.long{background:rgba(11,87,208,.12);color:var(--blue);}
#spaceWrap u.ty.regular{background:rgba(15,123,87,.14);color:var(--green);}
#spaceWrap .sp_legend .tys{gap:4px;} #spaceWrap .sp_legend i.ok{background:var(--green);} #spaceWrap .sp_legend i.wait{background:var(--orange);}
#spaceWrap .sp_calbar{display:flex;align-items:center;gap:16px;margin:0 0 24px;flex-wrap:wrap;}
#spaceWrap .sp_calbar select{height:44px;flex:0 0 auto;min-width:230px;max-width:100%;padding:0 14px;border:.5px solid rgba(0,30,68,.14);border-radius:12px;background:var(--field);font-size:15px;font-weight:600;letter-spacing:-0.01em;outline:none;}
#spaceWrap .sp_calbar .sp_nav{display:flex;align-items:center;justify-content:center;gap:12px;flex:1 1 auto;}
#spaceWrap .sp_calbar .sp_nav a{width:40px;height:40px;border-radius:50%;background:var(--fill);display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink2);transition:background .25s;}
#spaceWrap .sp_calbar .sp_nav a:hover{background:var(--fill2);}
#spaceWrap .sp_calbar .sp_nav b{min-width:210px;text-align:center;font-size:20px;font-weight:600;letter-spacing:-0.03em;color:var(--navy);font-variant-numeric:tabular-nums;}
#spaceWrap .sp_calbar .sp_seg{flex:0 0 auto;margin-left:auto;}
#spaceWrap .sp_calgrid{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:24px;align-items:start;}
#spaceWrap .sp_calbox{border:.5px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;min-width:0;}
#spaceWrap .sp_month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));}
#spaceWrap .sp_month .hd{padding:14px 0;text-align:center;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--g4);border-bottom:.5px solid rgba(0,30,68,.10);}
#spaceWrap .sp_month .hd.sun{color:var(--orange);} #spaceWrap .sp_month .hd.sat{color:var(--blue);}
#spaceWrap .sp_month .day{min-height:106px;padding:10px;display:flex;flex-direction:column;gap:4px;text-align:left;border-right:.5px solid rgba(0,30,68,.07);border-bottom:.5px solid rgba(0,30,68,.07);background:#fff;font-variant-numeric:tabular-nums;transition:background .2s ease;position:relative;}
#spaceWrap .sp_month .day:nth-child(7n){border-right:0;}
#spaceWrap .sp_month .day.other{background:#FCFCFD;} #spaceWrap .sp_month .day.other .num{color:var(--g2);}
#spaceWrap .sp_month .day.off{background:#FCFCFD;}
#spaceWrap .sp_month .day .num{font-size:14px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px;}
#spaceWrap .sp_month .day .num .hol{font-size:12px;font-weight:500;color:var(--orange);}
#spaceWrap .sp_month .day.today .num{color:var(--blue);}
#spaceWrap .sp_month .day.sel{background:#F4F7FD;box-shadow:inset 0 0 0 1.5px var(--blue);}
#spaceWrap .sp_month .day.sel .num{color:var(--blue);}
#spaceWrap .sp_month a.day:hover{background:#F4F7FD;}
#spaceWrap .sp_month .it{display:block;padding:4px 7px;border-radius:7px;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#spaceWrap .sp_month .it.ok{background:var(--greenbg);color:var(--green);} #spaceWrap .sp_month .it.wait{background:var(--orangebg);color:var(--orange);}
#spaceWrap .sp_month .it.mine{box-shadow:inset 0 0 0 1px currentColor;}
#spaceWrap .sp_month .it.more{background:transparent;color:var(--blue);padding-left:2px;}
#spaceWrap .sp_week{display:grid;grid-template-columns:64px repeat(7,minmax(0,1fr));}
#spaceWrap .sp_week .hd{padding:12px 0;display:flex;flex-direction:column;align-items:center;gap:3px;border-left:.5px solid var(--line3);border-bottom:.5px solid rgba(0,30,68,.10);}
#spaceWrap .sp_week .hd:first-child{border-left:0;}
#spaceWrap .sp_week .hd .dw{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--g4);} #spaceWrap .sp_week .hd.sun .dw{color:var(--orange);} #spaceWrap .sp_week .hd.sat .dw{color:var(--blue);}
#spaceWrap .sp_week .hd .dn{font-size:16px;font-weight:600;letter-spacing:-0.02em;color:var(--navy);font-variant-numeric:tabular-nums;}
#spaceWrap .sp_week .hd.sel{background:#F4F7FD;} #spaceWrap .sp_week .hd.sel .dn{color:var(--blue);}
#spaceWrap .sp_week .tm{padding:10px 8px;text-align:right;font-size:12px;font-weight:500;color:var(--g3);font-variant-numeric:tabular-nums;border-bottom:.5px solid var(--line3);}
#spaceWrap .sp_week .cell{padding:4px;min-height:42px;border-left:.5px solid var(--line3);border-bottom:.5px solid var(--line3);display:flex;flex-direction:column;gap:3px;align-items:stretch;justify-content:center;}
#spaceWrap .sp_week .cell.off{background:#FCFCFD;} #spaceWrap .sp_week .cell.sel{background:#FAFCFF;}
#spaceWrap .sp_week a.cell.can:hover{background:#F4F7FD;}
#spaceWrap .sp_week .cell .it{display:block;padding:6px 8px;border-radius:8px;font-size:13px;font-weight:500;line-height:1.4;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;}
#spaceWrap .sp_week .cell .it.full em{display:block;font-style:normal;font-size:12px;font-weight:600;opacity:.85;}
#spaceWrap .sp_week .cell .it.full b{display:block;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;}
#spaceWrap .sp_week .cell .it.full span{display:block;font-weight:600;}
#spaceWrap .sp_week .cell .it.full small{display:block;font-size:12px;opacity:.8;}
#spaceWrap .sp_week .cell .it.full i{display:inline-block;font-style:normal;font-size:12px;font-weight:600;margin-top:4px;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.7);}
#spaceWrap .sp_week .cell .it.cont{font-size:12px;opacity:.75;padding:4px 8px;}
#spaceWrap .sp_week .cell{min-height:44px;}
#spaceWrap .sp_week .cell .it.ok{background:var(--greenbg);color:var(--green);} #spaceWrap .sp_week .cell .it.wait{background:var(--orangebg);color:var(--orange);}
#spaceWrap .sp_week .cell .it.mine{box-shadow:inset 0 0 0 1px currentColor;}
#spaceWrap .sp_aside{border:.5px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:18px;background:#fff;position:sticky;top:20px;}
#spaceWrap .sp_aside .eyebrow{font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--g3);}
#spaceWrap .sp_aside .ttl{font-size:18px;font-weight:600;letter-spacing:-0.03em;color:var(--navy);display:block;margin-top:4px;}
#spaceWrap .sp_aside .slots{display:flex;flex-direction:column;gap:6px;}
#spaceWrap .sp_aside .slot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--field);font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;}
#spaceWrap .sp_aside .slot small{display:block;font-size:12px;color:var(--g4);font-weight:400;margin-top:2px;}
#spaceWrap .sp_aside .slot .sp_badge{height:24px;padding:0 10px;}
#spaceWrap .sp_aside .hint{font-size:13px;color:var(--g4);line-height:1.6;}
#spaceWrap .sp_calnote{font-size:13px;color:var(--g4);margin:12px 0 0;line-height:1.7;}

/* 공간 요약(폼 상단) */
#spaceWrap .sp_summary{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;padding:22px;border:.5px solid var(--line);border-radius:20px;align-items:start;background:#fff;}
#spaceWrap .sp_summary .thumb{aspect-ratio:4/3;border-radius:14px;background:var(--fill) center/cover no-repeat;}
#spaceWrap .sp_summary .ttl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#spaceWrap .sp_summary h4{font-size:21px;font-weight:600;letter-spacing:-0.03em;}
#spaceWrap .sp_summary .meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 24px;border-top:.5px solid var(--line2);padding-top:16px;margin-top:16px;}
#spaceWrap .sp_summary .meta div{display:flex;flex-direction:column;gap:4px;}
#spaceWrap .sp_summary .meta span{font-size:13px;color:var(--g4);} #spaceWrap .sp_summary .meta b{font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);}

/* 폼 */
#spaceWrap .sp_steps{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 32px;}
#spaceWrap .sp_steps a,#spaceWrap .sp_steps span{flex:1;min-width:150px;height:66px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 20px;background:var(--field);color:var(--g3);box-shadow:inset 0 0 0 .5px rgba(0,30,68,.10);transition:background .25s,color .25s;}
#spaceWrap .sp_steps .done{background:var(--fill);color:var(--navy);box-shadow:none;}
#spaceWrap .sp_steps .on{background:var(--navy);color:#fff;box-shadow:0 1px 2px rgba(0,30,68,.24);}
#spaceWrap .sp_steps small{font-size:12px;font-weight:600;letter-spacing:.14em;opacity:.65;} #spaceWrap .sp_steps b{font-size:15px;font-weight:600;letter-spacing:-0.02em;}
#spaceWrap .sp_intro{padding:20px 22px;border-radius:16px;background:var(--field);display:flex;flex-direction:column;gap:6px;margin:0 0 32px;}
#spaceWrap .sp_intro b{font-size:14px;font-weight:600;color:var(--navy);} #spaceWrap .sp_intro span{font-size:15px;line-height:1.75;color:var(--ink2);}
#spaceWrap .sp_sec{display:flex;flex-direction:column;gap:16px;margin:0 0 40px;}
#spaceWrap .sp_sec > .sh{display:flex;align-items:center;justify-content:space-between;gap:12px;}
#spaceWrap .sp_sec h3{font-size:19px;font-weight:600;letter-spacing:-0.025em;}
#spaceWrap .sp_box{border:.5px solid var(--line);border-radius:20px;padding:26px;background:#fff;display:flex;flex-direction:column;gap:24px;}
#spaceWrap .sp_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;}
#spaceWrap .sp_grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;}
#spaceWrap .sp_f{display:flex;flex-direction:column;gap:8px;min-width:0;}
#spaceWrap .sp_f.full{grid-column:1/-1;}
#spaceWrap .sp_f > label,#spaceWrap .sp_f > .lb{font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-0.01em;}
#spaceWrap .sp_f .req{color:var(--orange);}
#spaceWrap .sp_f .help{font-size:13px;color:var(--g4);line-height:1.6;}
#spaceWrap .sp_f .help.on{color:var(--blue);font-weight:600;} #spaceWrap .sp_f .help.err{color:var(--orange);font-weight:600;}
#spaceWrap .sp_in,#spaceWrap select.sp_in,#spaceWrap textarea.sp_in{height:46px;padding:0 16px;border:.5px solid rgba(0,30,68,.14);border-radius:12px;background:var(--field);font-size:15px;outline:none;width:100%;transition:background .2s,box-shadow .2s;}
#spaceWrap .sp_in:focus{background:#fff;box-shadow:0 0 0 4px rgba(11,87,208,.10);}
#spaceWrap .sp_in:read-only,#spaceWrap .sp_in[readonly]{color:var(--g5);background:var(--fill);}
#spaceWrap select.sp_in{font-weight:600;font-variant-numeric:tabular-nums;}
#spaceWrap textarea.sp_in{height:auto;min-height:110px;padding:14px 16px;line-height:1.7;resize:vertical;}
#spaceWrap .sp_row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#spaceWrap .sp_row .tilde{color:var(--g3);}
#spaceWrap .sp_wd{display:flex;gap:6px;flex-wrap:wrap;}
#spaceWrap .sp_wd label{position:relative;display:inline-flex;}
#spaceWrap .sp_wd input{position:absolute;opacity:0;width:0;height:0;}
#spaceWrap .sp_wd span{display:inline-flex;align-items:center;justify-content:center;width:44px;height:38px;border-radius:12px;background:var(--field);box-shadow:inset 0 0 0 .5px rgba(0,30,68,.14);font-size:14px;font-weight:600;color:var(--ink2);cursor:pointer;transition:.2s;}
#spaceWrap .sp_wd input:checked+span{background:var(--navy);color:#fff;box-shadow:none;}
#spaceWrap .sp_wd input:disabled+span{opacity:.35;cursor:not-allowed;}
#spaceWrap .sp_check{border:.5px solid var(--line);border-radius:14px;overflow:hidden;font-size:14px;}
#spaceWrap .sp_check .hd{background:var(--field);padding:12px 16px;font-weight:600;display:flex;justify-content:space-between;align-items:center;}
#spaceWrap .sp_check ul{margin:0;padding:0;list-style:none;max-height:260px;overflow:auto;}
#spaceWrap .sp_check li{padding:9px 16px;border-top:.5px solid var(--line2);display:flex;gap:10px;align-items:flex-start;}
#spaceWrap .sp_check li.ok{color:var(--green);} #spaceWrap .sp_check li.ng{color:var(--orange);} #spaceWrap .sp_check li.skip{color:var(--g4);}
#spaceWrap .sp_check li i{flex-shrink:0;margin-top:1px;}
#spaceWrap .sp_check .opt{padding:12px 16px;border-top:.5px solid var(--line2);background:var(--orangebg);}
#spaceWrap .sp_check .opt label{display:flex;gap:8px;align-items:center;cursor:pointer;color:var(--ink2);}
#spaceWrap .sp_agree{border:.5px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;}
#spaceWrap .sp_agree .all{display:flex;align-items:center;gap:10px;padding:18px 22px;background:var(--field);border-bottom:.5px solid var(--line2);cursor:pointer;font-size:15px;font-weight:600;color:var(--navy);}
#spaceWrap .sp_agree .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 22px;border-bottom:.5px solid var(--line3);}
#spaceWrap .sp_agree .row label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;color:var(--ink2);}
#spaceWrap .sp_agree input[type=checkbox]{width:18px;height:18px;accent-color:var(--navy);}
#spaceWrap .sp_agree .row button{border:0;background:none;font-size:14px;font-weight:500;color:var(--g4);cursor:pointer;} #spaceWrap .sp_agree .row button:hover{color:var(--navy);}
#spaceWrap .sp_agree .txt{display:none;padding:0 22px 18px;font-size:14px;line-height:1.75;color:var(--g5);white-space:pre-wrap;border-bottom:.5px solid var(--line3);}
#spaceWrap .sp_agree .txt.open{display:block;}
#spaceWrap .sp_form_btns{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:8px;flex-wrap:wrap;}
#spaceWrap .sp_form_btns .right{display:flex;gap:10px;}

/* 상세 · 완료 */
#spaceWrap .sp_view{border:.5px solid var(--line);border-radius:20px;background:#fff;padding:26px;margin:0 0 20px;}
#spaceWrap .sp_view h2{font-size:22px;font-weight:600;letter-spacing:-0.03em;margin:0 0 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#spaceWrap .sp_view table{width:100%;border-collapse:collapse;}
#spaceWrap .sp_view th{width:160px;text-align:left;padding:12px 10px;font-size:14px;font-weight:600;color:var(--g5);border-bottom:.5px solid var(--line2);vertical-align:top;}
#spaceWrap .sp_view td{padding:12px 10px;border-bottom:.5px solid var(--line2);font-size:15px;line-height:1.6;text-align:left;color:var(--ink);}
#spaceWrap .sp_view th{text-align:left;}
#spaceWrap .sp_view .reason{background:var(--orangebg);border-radius:12px;padding:12px 16px;color:var(--orange);margin:12px 0 0;font-size:14px;line-height:1.6;}
#spaceWrap .sp_done{border:.5px solid var(--line);border-radius:20px;padding:56px 32px;text-align:center;background:#fff;}
#spaceWrap .sp_done i{font-size:48px;color:var(--green);display:block;margin-bottom:12px;}
#spaceWrap .sp_done h3{font-size:26px;font-weight:700;letter-spacing:-0.04em;margin-bottom:10px;}
#spaceWrap .sp_done p{color:var(--g5);line-height:1.75;margin:0 0 22px;}
#spaceWrap .sp_done table{margin:0 auto 24px;}

/* 관리자 */
#spaceWrap .sp_tabs{display:flex;gap:2px;border-bottom:.5px solid var(--line);margin:0 0 24px;flex-wrap:wrap;}
#spaceWrap .sp_tabs a{height:52px;display:inline-flex;align-items:center;padding:0 20px;font-size:16px;font-weight:500;color:var(--g4);letter-spacing:-0.02em;transition:.25s;}
#spaceWrap .sp_tabs a.on{font-weight:600;color:var(--navy);box-shadow:inset 0 -1.5px 0 var(--navy);}
#spaceWrap .sp_tabs a .cnt{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--orange);color:#fff;font-size:12px;font-weight:600;margin-left:6px;}
#spaceWrap .sp_filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 16px;}
#spaceWrap .sp_filter .chips{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--fill);flex-wrap:wrap;}
#spaceWrap .sp_filter .chips a{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:10px;font-size:14px;font-weight:500;color:var(--g5);white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s;}
#spaceWrap .sp_filter .chips a.on{background:#fff;color:var(--navy);font-weight:600;box-shadow:0 1px 2px rgba(0,30,68,.10),0 0 0 .5px rgba(0,30,68,.05);}
#spaceWrap .sp_filter select,#spaceWrap .sp_filter input{height:40px;border:.5px solid rgba(0,30,68,.14);border-radius:12px;padding:0 12px;font-size:14px;background:var(--field);outline:none;}
#spaceWrap .sp_table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;background:#fff;border:.5px solid var(--line);border-radius:16px;overflow:hidden;}
#spaceWrap .sp_table th{background:var(--field);padding:12px 10px;border-bottom:.5px solid var(--line);text-align:center;font-weight:600;color:var(--ink2);font-size:14px;white-space:nowrap;}
#spaceWrap .sp_table td{padding:11px 10px;border-bottom:.5px solid var(--line3);text-align:center;vertical-align:middle;color:var(--ink);font-weight:500;}
#spaceWrap .sp_table td.l{text-align:left;}
#spaceWrap .sp_table tr:last-child td{border-bottom:0;}
#spaceWrap .sp_table tr:hover td{background:#FAFCFF;}
#spaceWrap .sp_table .sm{font-size:12px;color:var(--g4);display:block;}
#spaceWrap .sp_table td .sp_btn{vertical-align:middle;position:static;margin:0;}
#spaceWrap .sp_acts{display:inline-flex;gap:6px;white-space:nowrap;align-items:center;}
#spaceWrap .sp_acts .sp_btn{height:32px;padding:0 12px;font-size:13px;}
#spaceWrap .sp_bulk{display:flex;gap:8px;align-items:center;margin:14px 0;flex-wrap:wrap;}
#spaceWrap .sp_bulk textarea{height:60px;width:360px;max-width:100%;border:.5px solid rgba(0,30,68,.14);border-radius:12px;padding:10px 12px;font-size:14px;background:var(--field);outline:none;}
#spaceWrap .sp_admin_box{border:.5px solid var(--line);border-radius:16px;background:#fff;padding:20px 24px;margin:0 0 16px;}
#spaceWrap .sp_admin_box h4{font-size:16px;font-weight:600;margin:0 0 10px;color:var(--ink);}
#spaceWrap .sp_rooms label{display:inline-flex;align-items:center;gap:5px;margin:3px 12px 3px 0;font-size:14px;cursor:pointer;}
#spaceWrap .sp_rooms input{accent-color:var(--navy);}
#spaceWrap .sp_paging{text-align:center;margin:18px 0;}
#spaceWrap .sp_paging a,#spaceWrap .sp_paging b{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:10px;margin:0 2px;font-size:14px;background:var(--fill);color:var(--ink2);}
#spaceWrap .sp_paging b{background:var(--navy);color:#fff;}
#spaceWrap .sp_empty{padding:60px 20px;text-align:center;color:var(--g4);background:#fff;border:.5px dashed var(--line);border-radius:16px;}
#spaceWrap .sp_form{border:.5px solid var(--line);border-radius:20px;background:#fff;padding:26px;margin:0 0 20px;}
#spaceWrap .sp_form h3{font-size:17px;margin:0 0 14px;padding-bottom:12px;border-bottom:.5px solid var(--line);display:flex;align-items:center;gap:8px;}
#spaceWrap .sp_form h3 .num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:600;}
#spaceWrap .sp_form table{width:100%;border-collapse:collapse;} #spaceWrap .sp_form th{width:160px;text-align:left;padding:12px 10px;font-size:14px;color:var(--g5);font-weight:600;border-bottom:.5px solid var(--line2);vertical-align:top;line-height:40px;} #spaceWrap .sp_form td{padding:10px;border-bottom:.5px solid var(--line2);}
#spaceWrap .sp_form input[type=text],#spaceWrap .sp_form input[type=email],#spaceWrap .sp_form input[type=number],#spaceWrap .sp_form select,#spaceWrap .sp_form textarea{height:40px;border:.5px solid rgba(0,30,68,.14);border-radius:10px;padding:0 12px;background:var(--field);outline:none;}
#spaceWrap .sp_form textarea{height:110px;padding:10px 12px;width:100%;} #spaceWrap .sp_form .w100{width:100%;} #spaceWrap .sp_form .w50{width:48%;} #spaceWrap .sp_form .w30{width:30%;}
#spaceWrap .sp_form td.inline{display:table-cell;white-space:normal;}
#spaceWrap .sp_form td.inline > *{display:inline-block;vertical-align:middle;margin:2px 6px 2px 0;}
#spaceWrap .sp_form td.inline > .help{margin-top:0;}
#spaceWrap .sp_form div.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
#spaceWrap .sp_form td{text-align:left;}
#spaceWrap .sp_form th{text-align:left;background:transparent;}
#spaceWrap .sp_form h3{border-bottom:.5px solid var(--line);font-weight:600;color:var(--navy);}
#spaceWrap .sp_form input.w50,#spaceWrap .sp_form input.w30,#spaceWrap .sp_form input.w100{display:inline-block;}
#spaceWrap .sp_form table{table-layout:fixed;}
#spaceWrap .sp_form th{line-height:1.5;padding:16px 10px;vertical-align:middle;color:var(--ink2);font-size:15px;}
#spaceWrap .sp_form td{vertical-align:middle;}
#spaceWrap .sp_form .w30{width:120px;} #spaceWrap .sp_form .w50{width:min(48%,420px);} #spaceWrap .sp_form .help{font-size:13px;color:var(--g4);margin:6px 0 0;}
#spaceWrap .sp_form .radio_box label{display:inline-flex;align-items:center;gap:6px;margin:4px 16px 4px 0;cursor:pointer;}
#spaceWrap .sp_form .agree{background:var(--field);border-radius:12px;padding:14px 16px;} #spaceWrap .sp_form .agree .txt{max-height:180px;overflow:auto;background:#fff;border:.5px solid var(--line);border-radius:8px;padding:12px;font-size:14px;line-height:1.7;color:var(--g5);white-space:pre-wrap;margin:8px 0 10px;} #spaceWrap .sp_form .agree label{font-weight:600;display:flex;gap:8px;align-items:center;cursor:pointer;}

/* 마이페이지 */
.sp_mylist{--line:rgba(0,30,68,.12);--line3:rgba(0,30,68,.06);border:.5px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;font-family:Pretendard,-apple-system,"Malgun Gothic",sans-serif;}
.sp_mylist .row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:.5px solid var(--line3);font-size:14px;flex-wrap:wrap;}
.sp_mylist .row:last-child{border-bottom:0;}
.sp_mylist .row b{font-size:15px;color:#001E44;}
.sp_mylist .row .when{color:#3C4351;font-variant-numeric:tabular-nums;}
.sp_mylist .row .rs{width:100%;color:#C2410C;font-size:13px;background:#FDF0E7;padding:8px 12px;border-radius:10px;}
.sp_mylist .row .act{margin-left:auto;display:flex;gap:6px;}
.sp_mylist .sp_badge{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:600;}
.sp_mylist .sp_badge.ok{background:#EAF6F1;color:#0F7B57;} .sp_mylist .sp_badge.wait{background:#FDF0E7;color:#C2410C;} .sp_mylist .sp_badge.reject{background:#FDECEC;color:#B42318;} .sp_mylist .sp_badge.cancel{background:#F2F3F6;color:#6E7684;}
.sp_mylist .sp_btn,.modi-box .sp_btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 16px;border:0;border-radius:999px;background:#F2F3F6;color:#3C4351;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;}
.modi-box .sp_btn.primary{background:#001E44;color:#fff;} .sp_mylist .sp_btn.danger{background:#fff;color:#C2410C;box-shadow:inset 0 0 0 .5px rgba(194,65,12,.5);}

@media (max-width:1024px){#spaceWrap .sp_calgrid{grid-template-columns:1fr;} #spaceWrap .sp_aside{position:static;}}
@media (max-width:720px){
  #spaceWrap{font-size:14px;}
  #spaceWrap .sp_head h2{font-size:24px;}
  #spaceWrap .sp_calbar select{width:100%;} #spaceWrap .sp_calbar .sp_nav{width:100%;justify-content:space-between;order:-1;} #spaceWrap .sp_calbar .sp_nav b{min-width:0;flex:1;} #spaceWrap .sp_calbar .sp_seg{margin-left:0;}
  #spaceWrap .sp_month .day{min-height:70px;padding:6px 4px;} #spaceWrap .sp_month .it{font-size:12px;padding:2px 4px;}
  #spaceWrap .sp_week{grid-template-columns:44px repeat(7,minmax(0,1fr));} #spaceWrap .sp_week .cell .it{font-size:12px;padding:0 3px;}
  #spaceWrap .sp_summary{grid-template-columns:1fr;}
  #spaceWrap .sp_box{padding:18px;}
  #spaceWrap .sp_steps a,#spaceWrap .sp_steps span{min-width:calc(50% - 6px);}
  #spaceWrap .sp_table{display:block;overflow-x:auto;white-space:nowrap;}
  #spaceWrap .sp_form_btns{flex-direction:column-reverse;align-items:stretch;} #spaceWrap .sp_form_btns .right{flex-direction:column;}
  #spaceWrap .sp_gate{padding:44px 20px;}
}

/* ── 관리자: 외부인 권한 신청 카드 (리디자인 2026-09-18) */
#spaceWrap .sp_filter .chips a em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--g4);font-weight:500;margin-left:2px;}
#spaceWrap .sp_filter .chips a.on em{color:var(--blue);}
#spaceWrap .sp_filter input[type=search]{height:40px;padding:0 14px;border:.5px solid rgba(0,30,68,.14);border-radius:12px;background:var(--field);font-size:14px;outline:none;}
#spaceWrap .sp_filter input[type=search]:focus{background:#fff;box-shadow:0 0 0 4px rgba(11,87,208,.10);}
#spaceWrap .sp_empty b{display:block;font-size:16px;font-weight:600;color:var(--navy);margin-bottom:4px;}
#spaceWrap .sp_empty span{font-size:14px;color:var(--g4);}
#spaceWrap form.sp_auth{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:.5px solid rgba(0,30,68,.12);border-radius:20px;background:#fff;overflow:hidden;margin:0 0 16px;}
#spaceWrap .sp_auth .main{padding:24px 26px;display:flex;flex-direction:column;gap:18px;min-width:0;}
#spaceWrap .sp_auth .who{display:flex;align-items:center;gap:12px;}
#spaceWrap .sp_auth .avatar{width:36px;height:36px;border-radius:50%;background:var(--fill);color:var(--navy);font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex:none;}
#spaceWrap .sp_auth .who .line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
#spaceWrap .sp_auth .who .line b{font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--navy);}
#spaceWrap .sp_auth .who .id{font-size:14px;color:var(--g4);}
#spaceWrap .sp_auth .who .at{display:block;font-size:13px;color:var(--g4);margin-top:2px;font-variant-numeric:tabular-nums;}
#spaceWrap .sp_auth .info{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px 24px;padding-top:18px;border-top:.5px solid rgba(0,30,68,.08);}
#spaceWrap .sp_auth .info div{display:flex;flex-direction:column;gap:4px;min-width:0;}
#spaceWrap .sp_auth .info span{font-size:13px;color:var(--g4);}
#spaceWrap .sp_auth .info b{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--ink);}
#spaceWrap .sp_auth .info b.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#spaceWrap .sp_auth .reason{padding:16px 18px;border-radius:14px;background:var(--field);}
#spaceWrap .sp_auth .reason span,#spaceWrap .sp_auth .rooms>span{display:block;font-size:13px;font-weight:600;color:var(--g4);margin-bottom:6px;}
#spaceWrap .sp_auth .reason p{margin:0;font-size:15px;line-height:1.75;color:var(--ink2);}
#spaceWrap .sp_auth .rooms .chips{display:flex;flex-wrap:wrap;gap:8px;}
#spaceWrap .sp_auth .rooms label{height:36px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--g4);background:#F7F8FA;cursor:pointer;transition:background .25s,color .25s;}
#spaceWrap .sp_auth .rooms label input{position:absolute;opacity:0;width:0;height:0;}
#spaceWrap .sp_auth .rooms label i{width:16px;height:16px;border-radius:5px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,30,68,.18);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:700;color:transparent;}
#spaceWrap .sp_auth .rooms label.on{background:#EEF2F9;color:var(--navy);font-weight:600;}
#spaceWrap .sp_auth .rooms label.on i{background:var(--navy);box-shadow:none;color:#fff;}
#spaceWrap .sp_auth .rooms label.on i::before{content:"\2713";}
#spaceWrap .sp_auth aside{padding:24px 26px;background:#FCFCFD;border-left:.5px solid rgba(0,30,68,.08);display:flex;flex-direction:column;gap:14px;}
#spaceWrap .sp_auth aside .top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
#spaceWrap .sp_auth aside .top span{font-size:13px;font-weight:600;color:var(--g4);}
#spaceWrap .sp_auth aside textarea{width:100%;padding:12px 14px;border:.5px solid rgba(0,30,68,.14);border-radius:12px;background:#fff;font-size:14px;line-height:1.7;resize:vertical;outline:none;min-height:0;height:auto;}
#spaceWrap .sp_auth aside textarea:focus{box-shadow:0 0 0 4px rgba(11,87,208,.10);}
#spaceWrap .sp_auth aside .sp_btn.big{height:46px;font-size:15px;width:100%;box-shadow:0 1px 2px rgba(0,30,68,.24);}
#spaceWrap .sp_auth aside .row{display:flex;gap:8px;}
#spaceWrap .sp_auth aside .row .sp_btn{flex:1;height:42px;justify-content:center;}
#spaceWrap .sp_btn.soft-danger{background:#FDF0E7 !important;color:#C2410C !important;border:0;}
#spaceWrap .sp_btn.soft-danger:hover{background:#FBE4D5 !important;}
#spaceWrap .sp_auth aside small{font-size:12px;line-height:1.6;color:var(--g4);}
@media (max-width:900px){#spaceWrap form.sp_auth{grid-template-columns:1fr;} #spaceWrap .sp_auth aside{border-left:0;border-top:.5px solid rgba(0,30,68,.08);}}

/* ── 관리자: 예약 관리 묶음 보기 (리디자인 2026-09-18) */
#spaceWrap .sp_filter .chips.vm a{padding:0 14px;}
#spaceWrap .sp_btn.xs{height:28px;padding:0 11px;font-size:12px;}
#spaceWrap .sp_btn.soft{background:#EEF2F9 !important;color:var(--navy) !important;}
#spaceWrap .sp_btn.soft:hover{background:#E2E9F5 !important;}
#spaceWrap .sp_bundles{border:.5px solid rgba(0,30,68,.12);border-radius:18px;overflow:hidden;background:#fff;}
#spaceWrap .sp_bundles .bh,#spaceWrap .sp_bundles .brow{display:grid;grid-template-columns:26px minmax(160px,1.5fr) minmax(126px,1.2fr) minmax(116px,1fr) 58px minmax(92px,1fr) 150px;gap:9px;align-items:center;padding:12px 20px;}
#spaceWrap .sp_bundles .bh{background:var(--field);border-bottom:.5px solid rgba(0,30,68,.10);}
#spaceWrap .sp_bundles .bh span{font-size:12px;font-weight:600;color:var(--g4);text-align:left;}
#spaceWrap .sp_bundles .bh span.r,#spaceWrap .sp_bundles .r{text-align:right;}
#spaceWrap .sp_bundles input[type=checkbox]{width:16px;height:16px;accent-color:var(--navy);cursor:pointer;margin:0;vertical-align:middle;}
#spaceWrap .sp_bundles .bd{border-bottom:.5px solid rgba(0,30,68,.06);}
#spaceWrap .sp_bundles .bd.open{background:#FCFCFD;}
#spaceWrap .sp_bundles .brow{padding:14px 20px;}
#spaceWrap .sp_bundles .who{display:flex;align-items:center;gap:10px;min-width:0;border:0;background:none;padding:0;cursor:pointer;text-align:left;font:inherit;color:inherit;}
#spaceWrap .sp_bundles .caret{width:18px;flex:none;font-size:15px;font-style:normal;color:var(--g3);display:inline-flex;align-items:center;justify-content:center;transition:transform .2s;}
#spaceWrap .sp_bundles .bd.open .caret{transform:rotate(90deg);}
#spaceWrap .sp_bundles .nm{display:flex;flex-direction:column;gap:3px;min-width:0;}
#spaceWrap .sp_bundles .nm b{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#spaceWrap .sp_bundles .nm b small,#spaceWrap .sp_bundles .frow b+small{font-size:12px;font-weight:500;color:var(--g4);}
#spaceWrap .sp_bundles .tg{display:inline-flex;align-items:center;gap:6px;} #spaceWrap .sp_bundles .tg small{font-size:12px;color:var(--g4);}
#spaceWrap .sp_bundles u.md{text-decoration:none;height:20px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;background:var(--fill);color:var(--g4);}
#spaceWrap .sp_bundles u.md.long{background:#EEF2F9;color:var(--navy);} #spaceWrap .sp_bundles u.md.regular{background:#F1EDFB;color:#5B3FBF;}
#spaceWrap .sp_bundles .col{display:flex;flex-direction:column;gap:2px;min-width:0;}
#spaceWrap .sp_bundles .col>span{font-size:14px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;}
#spaceWrap .sp_bundles .col>small{font-size:13px;color:var(--g4);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#spaceWrap .sp_bundles .cnt{font-size:14px;font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums;}
#spaceWrap .sp_bundles .sts{display:flex;flex-wrap:wrap;gap:4px;}
#spaceWrap .sp_bundles .acts{display:flex;align-items:center;justify-content:flex-end;gap:6px;}
#spaceWrap .sp_bundles .bopen{display:none;padding:2px 20px 18px 50px;flex-direction:column;gap:12px;}
#spaceWrap .sp_bundles .bd.open .bopen{display:flex;}
#spaceWrap .sp_bundles .info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 24px;padding:14px 16px;border-radius:14px;background:var(--field);}
#spaceWrap .sp_bundles .info div{display:flex;flex-direction:column;gap:3px;min-width:0;}
#spaceWrap .sp_bundles .info span{font-size:12px;color:var(--g4);} #spaceWrap .sp_bundles .info b{font-size:14px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;}
#spaceWrap .sp_bundles .memo{padding:12px 16px;border-radius:14px;background:var(--field);font-size:14px;line-height:1.7;color:var(--ink2);}
#spaceWrap .sp_bundles .occ{border:.5px solid rgba(0,30,68,.10);border-radius:14px;overflow:hidden;background:#fff;}
#spaceWrap .sp_bundles .oh,#spaceWrap .sp_bundles .orow{display:grid;grid-template-columns:24px minmax(150px,1fr) 104px 140px 250px;gap:9px;align-items:center;padding:10px 14px;border-bottom:.5px solid rgba(0,30,68,.05);}
#spaceWrap .sp_bundles .oh{background:#FCFCFD;border-bottom:.5px solid rgba(0,30,68,.08);} #spaceWrap .sp_bundles .oh span{font-size:12px;font-weight:600;color:var(--g4);}
#spaceWrap .sp_bundles .orow:last-child{border-bottom:0;} #spaceWrap .sp_bundles .orow.dim{opacity:.55;}
#spaceWrap .sp_bundles .dt{font-size:14px;color:var(--ink2);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px;}
#spaceWrap .sp_bundles .dt i{width:20px;flex:none;font-style:normal;font-size:12px;font-weight:600;color:var(--g3);}
#spaceWrap .sp_bundles .tm{font-size:14px;color:var(--g4);font-variant-numeric:tabular-nums;}
#spaceWrap .sp_bundles .bh,#spaceWrap .sp_bundles.flat .frow{grid-template-columns:26px 120px minmax(120px,1fr) 108px minmax(150px,1.2fr) 110px 120px 70px;}
#spaceWrap .sp_bundles:not(.flat) .bh{grid-template-columns:26px minmax(160px,1.5fr) minmax(126px,1.2fr) minmax(116px,1fr) 58px minmax(92px,1fr) 150px;}
#spaceWrap .sp_bundles.flat .frow{display:grid;gap:10px;align-items:center;padding:12px 20px;border-bottom:.5px solid rgba(0,30,68,.05);font-size:14px;color:var(--ink2);}
#spaceWrap .sp_bundles.flat .frow:nth-child(odd){background:#FDFDFE;} #spaceWrap .sp_bundles.flat .frow b{font-weight:600;color:var(--navy);}
#spaceWrap .sp_bulkbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:16px;background:var(--field);margin-top:16px;}
#spaceWrap .sp_bulkbar .l{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#spaceWrap .sp_bulkbar .selc{font-size:14px;font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums;} #spaceWrap .sp_bulkbar .selc b{font-weight:700;}
#spaceWrap .sp_bulkbar input[type=text]{height:40px;width:280px;max-width:100%;padding:0 14px;border:.5px solid rgba(0,30,68,.14);border-radius:12px;background:#fff;font-size:14px;outline:none;}
#spaceWrap .sp_bulkbar input[type=text]:focus{box-shadow:0 0 0 4px rgba(11,87,208,.10);}
#spaceWrap .sp_bulkbar .sp_btn{height:40px;} #spaceWrap .sp_bulkbar .sp_btn.ghost{height:36px;font-size:13px;}
#spaceWrap .sp_bulkbar .r{font-size:13px;line-height:1.6;color:var(--g4);text-align:right;}
#spaceWrap .sp_filter select,#spaceWrap .sp_filter input[type=date]{height:38px;}
@media (max-width:1000px){#spaceWrap .sp_bundles .bh{display:none;} #spaceWrap .sp_bundles .brow,#spaceWrap .sp_bundles.flat .frow{grid-template-columns:26px 1fr 1fr;} #spaceWrap .sp_bundles .bopen{padding-left:20px;}}

/* 예약 관리 필터 2줄 정리 + 엑셀 버튼 색 */
#spaceWrap .sp_filter.sp_revf{row-gap:10px;}
#spaceWrap .sp_filter .brk{flex-basis:100%;height:0;}
#spaceWrap .sp_btn.excel{background:#1D6F42 !important;color:#fff !important;box-shadow:0 1px 2px rgba(29,111,66,.3);}
#spaceWrap .sp_btn.excel:hover{background:#185C37 !important;}
#spaceWrap .sp_btn.excel i{font-size:16px;}
#spaceWrap .sp_bundles .bh{background:#EEF2F9;} #spaceWrap .sp_bundles .bh span{color:var(--navy);}
#spaceWrap .sp_bundles .cnt{color:var(--blue);}
#spaceWrap .sp_bundles .col>small{color:var(--blue);opacity:.85;}

/* ── 관리자 목록 머리줄 통일 (예약 관리 묶음/개별, 회차표, 공간 관리, 노쇼·차단) */
#spaceWrap .sp_table th,
#spaceWrap .sp_bundles .bh{background:#EEF2F9;border-bottom:.5px solid rgba(0,30,68,.10);}
#spaceWrap .sp_table th{height:44px;padding:0 12px;font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.01em;}
#spaceWrap .sp_bundles .bh{min-height:44px;padding-top:0;padding-bottom:0;}
#spaceWrap .sp_bundles .bh span{font-size:13px;font-weight:600;color:var(--navy);letter-spacing:-.01em;}
#spaceWrap .sp_bundles .oh{background:#F5F7FB;min-height:38px;padding-top:0;padding-bottom:0;}
#spaceWrap .sp_bundles .oh span{font-size:13px;font-weight:600;color:var(--navy);}
#spaceWrap .sp_table,#spaceWrap .sp_bundles{border-radius:16px;border:.5px solid rgba(0,30,68,.12);}
#spaceWrap .sp_table td{padding:12px 12px;font-size:14px;}
#spaceWrap .sp_table td,#spaceWrap .sp_table th{border-right:0;border-left:0;}

/* 관리자 방식 배지를 달력 배지(u.ty)와 같은 색으로 통일: 연속=블루, 정기=그린 */
#spaceWrap .sp_bundles u.md.long{background:rgba(11,87,208,.12);color:var(--blue);}
#spaceWrap .sp_bundles u.md.regular{background:rgba(15,123,87,.14);color:var(--green);}

/* 글자 크기 상향(2026-09-18)에 맞춘 고정 높이 보정 */
#spaceWrap u.ty{line-height:18px;padding:0 6px;}
#spaceWrap .sp_bundles u.md{height:22px;}
#spaceWrap .sp_btn.xs{height:30px;padding:0 12px;}
#spaceWrap .sp_btn.sm{height:36px;}
#spaceWrap .sp_table th{height:46px;} #spaceWrap .sp_bundles .bh{min-height:46px;}
#spaceWrap .sp_month .it{padding:5px 7px;}

/* 예약 관리: 신청자 칸을 2줄로 — 이름 (소속) / 방식 배지 */
#spaceWrap .sp_bundles .nm .n1{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#spaceWrap .sp_bundles .nm .n1 b{display:inline;}
#spaceWrap .sp_bundles .nm .n1 small{font-size:13px;font-weight:500;color:var(--g4);}

/* 달력 상단 줄: 달력 칸 폭 기준 — 공간 선택 왼쪽, 월 이동 가운데, 월/주 오른쪽 끝 (2026-09-23 요청) */
#spaceWrap .sp_calgrid .sp_calbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:0 0 16px;}
#spaceWrap .sp_calgrid .sp_calbar select{justify-self:start;min-width:0;width:100%;max-width:260px;}
#spaceWrap .sp_calgrid .sp_calbar .sp_nav{flex:none;justify-self:center;}
#spaceWrap .sp_calgrid .sp_calbar .sp_seg{justify-self:end;margin-left:0;}
@media (max-width:760px){#spaceWrap .sp_calgrid .sp_calbar{grid-template-columns:1fr auto;} #spaceWrap .sp_calgrid .sp_calbar .sp_nav{grid-column:1 / -1;order:-1;justify-self:stretch;justify-content:space-between;} #spaceWrap .sp_calgrid .sp_calbar select{max-width:none;}}

/* 공간 예약 및 사용 지침 제목 강조 (거래처 요청 2026-09-29: 눈에 띄는 색) */
#spaceWrap .sp_notice h3 span{color:var(--orange);font-weight:700;font-size:16px;display:inline-flex;align-items:center;gap:8px;}
#spaceWrap .sp_notice h3 span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);flex:none;}
#spaceWrap .sp_notice h3 i{color:var(--orange);}
#spaceWrap .sp_notice{border:.5px solid rgba(194,65,12,.35);background:#FFF8F4;}

/* 공간 사진 슬라이드 (2026-10-02 거래처 요청: 여러 장이면 옆으로 넘겨 보기) */
#spaceWrap .sp_slide{position:relative;overflow:hidden;}
#spaceWrap .sp_slide .track{display:flex;height:100%;transition:transform .35s cubic-bezier(.2,.8,.2,1);}
#spaceWrap .sp_slide .sl{flex:0 0 100%;height:100%;background:var(--fill) center/cover no-repeat;}
#spaceWrap .sp_card .img.sp_slide{background:none;}
#spaceWrap .sp_slide .nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;margin: 15px 0 0; border:0;border-radius:50%;background:rgba(255,255,255,.88);color:var(--navy);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,30,68,.2);z-index:2;opacity:0;transition:opacity .2s;}
#spaceWrap .sp_slide:hover .nav{opacity:1;}
#spaceWrap .sp_slide .nav.prev{left:10px;}
#spaceWrap .sp_slide .nav.next{left: auto; right:10px;}
#spaceWrap .sp_slide .dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:5px;z-index:2;}
#spaceWrap .sp_slide .dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(0,30,68,.15);}
#spaceWrap .sp_slide .dots i.on{background:#fff;width:16px;border-radius:3px;}
@media (hover:none){#spaceWrap .sp_slide .nav{opacity:1;}}

@media (max-width:1400px){
	#spaceWrap .sp_slide .nav{padding: 0 !important;}
}