@charset "utf-8";

.col-calendar { display:grid; grid-template-columns:620px auto; grid-gap:50px; align-items:center;  width: 100%; float: left; z-index: 0}
.cal-wrapper { padding:0px; text-align:center; width: 100%; float: left ; display: grid;align-content: space-evenly; z-index: 0 }
.cal-wrapper .table { width: 100%; float: left }
.cal-wrapper .table-row { font-size:15px; line-height:30px; width: 100%; float: left;  ; display: grid; grid-template-columns: repeat(7, 1fr); }
.cal-wrapper .td { position:relative; display:table-cell; padding:0px; height:90px; }
.cal-wrapper .date-wrapper { border-spacing:0px; margin:0px; border:1px solid #ccc; border-right:0px; border-bottom:0px; }
.cal-wrapper .td .box { position:absolute; z-index:3; padding:10px 2px; width:100%; height:92px; top:0px; left:0px; border:1px solid #ccc; border-left-color:transparent; border-top-color:transparent; }
.cal-wrapper .td .txt { font-size:11px; font-weight:500; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; }
.cal-wrapper .td .txt i { font-style:normal; color:#ffaaaa; }
.cal-wrapper .td .day { font-weight:500; }
.cal-wrapper .td .poss { line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; }
.cal-wrapper .td .poss i { font-size:110%; font-style:normal; font-weight:800; color:var(--pattern-color-high) !important; }
.cal-wrapper .td.hold .poss i, .cal-wrapper .td.block .poss i, .cal-wrapper .td.full .poss i { color:#9c9c9c !important; }
.cal-wrapper .cal-ctrl { position:relative; display:inline-block; margin:15px auto; }
.cal-wrapper .cal-ctrl .m-cur { display:block; font-family:inherit; font-weight:800; letter-spacing:-2px; }
.cal-wrapper .cal-ctrl .m-prev, .cal-wrapper .cal-ctrl .m-next { position:absolute; text-indent:-9999px; background:transparent url('img/btn_prev.png') center center no-repeat; width:28px; height:28px; top:50%; left:-55px; margin-top:-14px; }
.cal-wrapper .cal-ctrl .m-next { background-image:url('img/btn_next.png'); left:auto; right:-55px; }
.cal-wrapper .cal-head { margin-bottom:15px;   width: 100%; float: left}
.cal-wrapper .cal-head .table-row { line-height:30px; }
.cal-wrapper .cal-head .td { font-size:135%; font-weight:700; height:30px; }
.cal-wrapper .btn-date-picker { background-color:#fff3e2; }
.cal-wrapper .btn-date-picker .day { font-size:135%; font-weight:800; line-height:30px; height:30px; }
.cal-wrapper .w-6 { color:#04832d !important; }
.cal-wrapper .hold, .cal-wrapper .block, .cal-wrapper .full, .cal-wrapper .last { color:#c9c9c9 !important; }
.cal-wrapper .w-0, .cal-wrapper .holy { color:#ed0000 !important; }
.cal-wrapper .select .box { margin-top:-1px; border:2px solid var(--pattern-color-high); }
.cal-wrapper .select.ing .box { border-left-width:0px; border-right-width:0px; }
.cal-wrapper .select.end .box, .cal-wrapper .select.start .box { margin-left:0px; }
.cal-wrapper .select.end .box, .cal-wrapper .select.ing.w-6 .box { border-right-width:2px; }
.cal-wrapper .select.start .box, .cal-wrapper .select.ing.w-0 .box { border-left-width:2px; }
.cal-wrapper .ing { background-color:#ffd88c !important; }
.cal-wrapper .select.ing::after { display:none; }
.cal-wrapper .select::after, .cal-wrapper .select.start::before, .cal-wrapper .select.start::after, .cal-wrapper .select.end::before, .cal-wrapper .select.end::after { content:''; display:block; position:absolute; top:0; bottom:0; }
.cal-wrapper .select.start::before, .cal-wrapper .select.end::before { top:auto; bottom:3px; left:0px; width:0px; height:0px; border-style:solid; border-width:15px 15px 15px 0px; border-color:transparent; border-right-color:#ffc149; }
.cal-wrapper .select::after, .cal-wrapper .select.start::after, .cal-wrapper .select.end::after { right:0px; left:15px; background-color:#ffc149; }
.cal-wrapper .select.start::before { right:0px; left:auto; border-width:15px 0px 15px 15px; border-color:transparent; border-left-color:#ffc149; }
.cal-wrapper .select::after { right:0px; left:0px; }
.cal-wrapper .select.start::after { right:15px; left:0px; }
.cal-wrapper .date-wrapper a { cursor:default; }
.cal-wrapper .date-wrapper a.btn-date-picker, .cal-wrapper .date-wrapper a.mine { cursor:pointer; }
.cal-wrapper .last .box::before, .cal-wrapper .hold .box::before { content:''; display:block; width:100%; height:100%; background-color:rgba(255,255,255,0.3); position:absolute; z-index:2; top:0px; margin-top:-0.5px; left:0px; margin-left:-0.5px; }
.cal-wrapper .cal-guide { display:flex; grid-gap:25px; margin-top:15px; text-align:left; font-weight:800; }
.cal-wrapper .cal-guide .enable { color:var(--pattern-color-high) !important; }
.cal-wrapper .cal-guide .disable { color:#9c9c9c !important; }
.cal-wrapper .cal-guide .mine { color:#e98b4c !important; }
.rsv-subj { text-align:left; }
.rsv-wrapper { text-align:left; }
.rsv-wrapper li { display:grid; grid-template-columns:40px 130px 70px auto; grid-gap:10px; align-items:center; margin-bottom:10px; text-align:center; }
.co-0206 .rsv-wrapper li { grid-template-columns:40px 70px 70px auto; }
.rsv-wrapper li:last-child { margin-bottom:0px; }
.rsv-wrapper .state { display:block; width:40px; height:40px; line-height:40px; font-size:90%; font-weight:700; color:#fff; background-color:#9c9c9c; border-radius:8px; overflow:hidden; }
.rsv-wrapper .enable .state { background-color:var(--pattern-color-high); }
.rsv-wrapper .limit { font-weight:700; }
.rsv-wrapper .limit b { font-weight:inherit }
.rsv-wrapper .rsv-ctrl { text-align:left; }
.rsv-wrapper .rsv-ctrl span, .rsv-wrapper .rsv-ctrl a { position:relative; display:block; width:90px; height:40px; line-height:40px; font-weight:700; border:1px solid transparent; border-radius:8px; overflow:hidden; text-align:center; }
.rsv-wrapper .rsv-ctrl a { color:var(--pattern-color-high); border-color:var(--pattern-color-high); }
.cal-wrapper .cal-guide i, .cal-wrapper .box i.fa, .rsv-wrapper .rsv-ctrl i.fa { display:none; width:24px; height:24px; line-height:24px; font-size:10px; font-weight:normal !important; color:#fff !important; background-color:#e98b4c !important; border-radius:50%; overflow:hidden; text-align:center; vertical-align:middle; }
.cal-wrapper .cal-guide i { display:inline-block; }
.cal-wrapper .cal-guide .enable i { background-color:var(--pattern-color-high) !important; }
.cal-wrapper .cal-guide .disable i { background-color:#9c9c9c !important; }
.cal-wrapper .mine .box i.fa { display:block; position:absolute; z-index:4; top:7px; left:50%; margin-left:-12px; }
.rsv-wrapper .mine .rsv-ctrl i.fa { display:block; position:absolute; top:50%; margin-top:-12px; left:50%; margin-left:-12px; }
.cal-wrapper .cal-guide i.fa::before, .cal-wrapper .mine .box i.fa::before, .rsv-wrapper .mine .rsv-ctrl i.fa::before { content:"\f00c"; }
.normal-popup.reservation-popup .modal-body { padding:45px; z-index: 9999999999999999999 }
.reservation-popup .tbl-input { margin:30px 0px 20px; }
.reservation-popup .tbl-input .col-th, .reservation-popup .tbl-input .col-td { padding:15px 5px !important; border:1px solid #dcdcdc !important; border-left:0px !important; border-right:0px !important; background-color:transparent !important; }
.reservation-popup .tbl-input .col-td { text-align:left; }
.reservation-popup .tbl-input .col-th { width:150px; }
.reservation-popup .rsv-date { display:grid; grid-template-columns:min-content 1fr; grid-gap:30px; align-items:center; }
@media (max-width: 1419px) { /* SMALL MONITOR - 1024 ~ */
    .col-calendar { display:flex; flex-direction:column; grid-template-columns:auto; }
}
@media (max-width: 1023px) { /* TABLET - ~ 1023 */
    .col-calendar { grid-gap:30px; }
}
@media (max-width: 767px) { /* MOBILE - ~ 768 */
    .col-calendar { grid-gap:10px; }
    .cal-wrapper { padding:7px; }
    .cal-wrapper.cal-disp { padding-bottom:20px; }
    .cal-wrapper .rsv-subj { font-size:16px; }
    .cal-wrapper .table-row { font-size:14px; line-height:20px; }
    .cal-wrapper .cal-head { margin-bottom:5px; }
    .cal-wrapper .cal-head .td { font-size:inherit; }
    .cal-wrapper .td { height:70px; }
    .cal-wrapper .td .box { padding:5px 2px; height:70px; }
    .cal-wrapper .td .poss i { font-size:inherit; }
    .cal-wrapper .btn-date-picker .day { font-size:inherit; line-height:20px; height:20px; }
    .rsv-wrapper li { grid-template-columns:30px 100px 60px auto; grid-gap:5px; }
    .co-0206 .rsv-wrapper li { grid-template-columns:30px 60px 60px auto; }
    .rsv-wrapper .state { width:30px; height:30px; line-height:30px; }
    .rsv-wrapper .rsv-ctrl span, .rsv-wrapper .rsv-ctrl a { width:80px; height:30px; line-height:30px; }
    .cal-wrapper .cal-guide { margin-top:5px; grid-gap:15px; }
    .cal-wrapper .cal-guide i, .cal-wrapper .box i.fa, .rsv-wrapper .rsv-ctrl i.fa { width:18px; height:18px; line-height:18px; font-size:6px; }
    .cal-wrapper .mine .box i.fa { margin-left:-9px; }
    .normal-popup.reservation-popup .modal-body { padding:10px; }
    .reservation-popup .tbl-input { margin:5px 0px; }
    .reservation-popup .tbl-input .col-th, .reservation-popup .tbl-input .col-td { padding:5px !important; }
    .reservation-popup .tbl-input .col-th { width:85px; }
    .reservation-popup .rsv-date { grid-gap:5px; }
}



.wrap-auto-rsv{z-index: 99999999999999999999}
.modal-dialog{z-index: 999999999999999999999!important}