.main-menu .menu .del{text-decoration: line-through;}

.ticket-list{display:none; padding-top:20px;}
.ticket-list .ticket-box{padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #ccc;}
.ticket-list .ticket-box:last-child{padding-bottom:0px; margin-bottom:0px; border-bottom:0px;}
.ticket-list .ticket-box .price{padding-left:50px; background: url('../img/ico/icon_comment.gif') 25px 0px no-repeat;}

table.list-tbl td {padding: 5px 5px;}

table.view-tbl.type-2 tbody td {padding: 10px 20px;}

.com-list li{margin-bottom:5px;}
.com-list li:last-child{margin-bottom:0px;}
.com-list.disc{list-style-type: disc !important;}
.com-list li strong{font-weight: 700;}

.com-list.type-2{background: #f3f3f6 ; padding:10px 20px; border-radius: 4px; display: none;}
.com-list.type-2.on{display: block;}


.i-wrap select option:disabled{color:#e66464;}


.pop-form h2{font-size:24px; color:#465057; font-weight:600; line-height:120%; margin-bottom:20px;}
.pop-form h3{font-size:16px; color:#465057; font-weight:600; line-height:120%; margin-bottom:15px;}
.pop-form h4{font-size:15px; color:#465057; font-weight:600; line-height:120%; margin-bottom:10px;}
.pop-form h5{font-size:13px; color:#465057; font-weight:600; line-height:120%; margin-bottom:10px;}


.amenity-group{position: relative;}
.amenity-group .amenity-box{display:inline-block; min-width:160px; border-radius: 5px;border: 1px solid #E6E6E6;background: #FFF; box-sizing: border-box; padding:8px 10px; margin-right:10px; margin-bottom:10px;}
.amenity-group .amenity-box.on{border-color: #0162AF;}
.amenity-group .amenity-box span{display:inline-block; padding-left:40px; background: url('') 8px 0px no-repeat; background-size: 24px auto; line-height: 24px;;}

.com-btn.brd{border:1px solid #ccc;}
.com-btn.delete{background:#f3f3f6 url('../img/common/btn_delete.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.receipt{background:#f3f3f6 url('../img/common/btn_receipt.png') 10px 6px no-repeat; background-size:18px auto;}
.com-btn.refund{background:#f3f3f6 url('../img/common/btn_refund.png') 10px 6px no-repeat; background-size:18px auto;}

.com-btn.slim{ padding: 2px 10px 2px 34px;  background-position-y: 3px;}


.icon-btn{display: inline-block; text-indent: -99999px; overflow: hidden; border:1px solid #6428D4; border-radius: 4px; margin-right:4px;}
.icon-btn:last-child{margin-right:0px;}
.icon-btn.rotate{width:28px; height:25px; background: url('') center no-repeat; background-size: cover;}
.icon-btn.rotate.left{background-image: url('../img/icn_rotate_left.png');}
.icon-btn.rotate.right{background-image: url('../img/icn_rotate_right.png');}
.icon-btn.rotate.convert{background-image: url('../img/icn_rotate_convert.png');}



.seat-manage-wrap{position: relative; min-height:300px; background: #333; clear: both; /*border:1px solid #333;*/}
.seat-manage-wrap .btn-box{position: absolute; z-index:2; width:120px; right:20px; top:20px; background: rgba(255, 255, 255, 0.90); border-radius: 10px; padding:20px 15px}
.seat-manage-wrap .btn-box p{margin-bottom:10px; display: block; _min-width: 120px;}
.seat-manage-wrap .btn-box p:first-child{margin-top:0px;}
.seat-manage-wrap .btn-box p a.com-btn{width:100% !important; border:1px solid #6428D4; color: #6428D4; background: rgba(255, 255, 255, 0.90); font-size:13px; line-height: 26px;}
.seat-manage-wrap .btn-box p.save{margin-top:20px; margin-bottom:0px;}
.seat-manage-wrap .btn-box p.save a.com-btn{background:#6428D4; color:#fff;}
.seat-manage-wrap .btn-box p.save a.com-btn.disable{opacity: 0.4;}

.seat-manage-empty{clear: both; padding:150px 0px; text-align:center; border: 1px dashed #ccc;;}
.seat-manage-empty .message{font-size:14px;}


.seat-manage-wrap .seat-wrap{position: relative; padding:50px 30px 30px; overflow-y:scroll; min-height: 1000px; display: grid; }
#contents-wrap .seat-manage-wrap .seat-wrap h5{position:absolute; top:20px; left:30px; color:#fff; font-size: 15px; font-weight: 500;}
.seat-manage-wrap .seat-wrap .seat-box{position: relative; background: url('') no-repeat; height:100%; border:1px dashed #ccc;}


.seat-manage-wrap .studyroom-wrap{position: relative; padding:120px 40px 50px; overflow-y:scroll; min-height: 300px;}

.seat-wrap .seat-item.ui-selected {/* background-color: #2ecc71; */ /* 선택된 요소 색상 */ border:1px solid #0FFF17;
    /* border: 1px solid transparent;
    border-image: linear-gradient(to right, #0FFF17 0%, #FFEA00 100%);
    border-image-slice: 1; */
}

/* 좌석 */
.seat-wrap .seat-item {position: absolute; cursor: pointer; width: 30px; height: 30px; text-align: center;line-height: 30px;background: url('') center no-repeat; background-size: 100% auto; border: 1px solid rgba(0, 0, 0, .0);}
.seat-wrap .seat-item p{position: absolute; z-index:2; width: 100%; height:18px; left: 0px; bottom:2px; display: flex; align-content: center; justify-content: center; flex-wrap: wrap;}
.seat-wrap .seat-item p span{color: white; font-size:1.1rem; letter-spacing: -1.3px;}
.seat-wrap .seat-item.type-1{background-image: url('../img/icn_seat_1.png'); width: 30px; height: 30px;}
.seat-wrap .seat-item.type-2{background-image: url('../img/icn_seat_2.png'); width: 30px; height: 25px;}
.seat-wrap .seat-item.type-3{background-image: url('../img/icn_seat_3.png'); width: 26px; height: 25px;}
.seat-wrap .seat-item.type-3 p{height:19px; bottom:1px;}

.seat-wrap .seat-item::after{position: absolute; bottom:10%; left:10%; content: ''; z-index:1; display:inline-block; width:80%; height:60%;  }
.seat-wrap .seat-item.type-1::after{}
.seat-wrap .seat-item.type-2::after{bottom:10%; left:10%; width:80%; height:72%;}
.seat-wrap .seat-item.type-3::after{bottom:4%; left:4%; width:92%; height:78%;}

.seat-wrap .seat-item.selected::after{background-color: #6428D4;}
.seat-wrap .seat-item.my-used::after{background-color: #E15241;}
.seat-wrap .seat-item.disabled{opacity: 0.4;}

/* 스터디룸 */
.seat-wrap .seat-item.studyroom{position: absolute;cursor: pointer; width: 26px; height: 40px; text-align: center;line-height: 110%;background: url('') center no-repeat; background-size: 100% auto;}
.seat-wrap .seat-item.studyroom.type-2{background-image: url('../img/icn_studyroom_2.png'); width:26px;}
.seat-wrap .seat-item.studyroom.type-4{background-image: url('../img/icn_studyroom_4.png'); width:39px;}
.seat-wrap .seat-item.studyroom.type-6{background-image: url('../img/icn_studyroom_6.png'); width:56px;}
.seat-wrap .seat-item.studyroom.type-8{background-image: url('../img/icn_studyroom_8.png'); width:73px;}
.seat-wrap .seat-item.studyroom.type-10{background-image: url('../img/icn_studyroom_10.png'); width:90px;}

.seat-wrap .seat-item.studyroom p{bottom:0px; height:100%;}
.seat-wrap .seat-item.studyroom::after{bottom:12%; left:0px; height:76%; width:100%;}
.seat-wrap .seat-item.studyroom.type-2::after{}
.seat-wrap .seat-item.studyroom.type-4::after{}
.seat-wrap .seat-item.studyroom.type-6::after{}
.seat-wrap .seat-item.studyroom.type-8::after{}
.seat-wrap .seat-item.studyroom.type-10::after{}


/* 텍스트 */
.seat-wrap .seat-item.text{position: absolute; width:auto; height:auto; cursor: pointer; text-align: center; line-height: 110%; background: none;}
.seat-wrap .seat-item.text span{color: white; }


/* 락커 */
._____seat-manage-wrap .locker-wrap{position: relative; padding:120px 40px 50px; overflow-y:scroll; min-height: 300px;}
._____seat-manage-wrap .locker-wrap .locker-group{position: relative; display:flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; padding:15px 15px 15px 15px; /*background-color: #bbb;*/ border-radius: 0px; border:4px solid #666; margin-bottom:80px;}
._____seat-manage-wrap .locker-wrap .locker-group:last-child{margin-bottom:0px;}
._____seat-manage-wrap .locker-wrap .locker-group .locker-btn{position: absolute; top:-45px; left:0px; z-index: 1;}
._____seat-manage-wrap .locker-wrap .locker-group .locker{display:flex; justify-content: center; align-content: center; align-items:center; width:45px; height:45px; background: url('../img/icn_locker.png') no-repeat; background-size: 100% auto; margin:2.5px; cursor: pointer;}
._____seat-manage-wrap .locker-wrap .locker-group .locker span{display: inline-block; text-align: center; color:#fff; font-size: 12px; font-weight:700;}
._____seat-manage-wrap .locker-wrap .locker-group .locker.selected{background-image: url('../img/icn_locker_selected.png')}
._____seat-manage-wrap .locker-wrap .locker-group .locker.disabled{opacity: 0.4;}


.seat-wrap .seat-item.locker{display:flex; justify-content: center; align-content: center; align-items:center; width:45px; height:45px; background: url('../img/icn_locker.png') no-repeat; background-size: 100% auto; margin:2.5px; cursor: pointer;}
.seat-wrap .seat-item.locker span{display: inline-block; text-align: center; color:#fff; font-size: 12px; font-weight:700;}
.seat-wrap .seat-item.locker.selected{background-image: url('../img/icn_locker_selected.png')}
.seat-wrap .seat-item.locker.disabled{opacity: 0.4;}



.alarm-view{text-align:left; padding:10px;}
.alarm-view .img{max-width: 200px; padding-top:20px;}
.alarm-view .img img{width: 100%;;}


.state-wrap{position: relative; display: flex; flex-direction: row; padding-top:20px}
.state-wrap.studyroom .state-box .box-title{margin-bottom:0px;}
.state-box{position: relative; border: 1px solid #E6E6E6; border-radius: 10px; padding:20px 30px; box-sizing: border-box; color: #465057; font-size: 14px; font-weight: 400; margin-right:20px; min-width: 200px;}
.state-box:last-child{margin-right:0px}
.state-box .box-title{font-weight: 500; margin-bottom:15px;}
.state-box .box-title strong{font-weight: 700;}
.state-box .box-title span{padding-left:10px; color:#6428D4; font-size: 24px;}
.state-box > dl{display: flex; flex-direction: row; justify-content: space-between; margin-bottom:10px}
.state-box > dl:last-child{margin-bottom: 0px;}
.state-box > dl dt{font-weight: 700;}
.state-box > dl dt.purple{color:#6428D4;}
.state-box > dl dt.burgundy{color:#BE4CD2;}
.state-box > dl dt.blue{color:#4C7DD2;}
.state-box > dl dt.sky{color:#33D5EB;}
.state-box > dl dt.green{color:#16A34A;}
.state-box > dl dt.orange{color:#EA580C;}
.state-box > dl dt.yellow{color:#FFD700;}
.state-box > dl dt.red{color:#DC2626;}
.state-box > dl dt.light-purple{color:#9E6FF5;}
.state-box > dl dd{}
.state-box > dl dd strong{font-weight: 700;}


.seat-wrap .seat-item .manage{position:absolute; width:76%; height:76%; left:12%; bottom:12%; z-index: 2; font-size:11px; color:#fff; line-height:110%; text-align: left;}
.seat-wrap .seat-item .manage .info{}
.seat-wrap .seat-item .manage .info span{display: inline-block;}
.seat-wrap .seat-item .manage .info .no{}
.seat-wrap .seat-item .manage .info .type{width:7px; height:9px; background: url('') center no-repeat; background-size: cover;}
.seat-wrap .seat-item .manage .info .type.fix{background-image: url('../img/icn_fix.svg');}
.seat-wrap .seat-item .manage .info .gender{width:11px; height:11px; background: url('') center no-repeat; background-size: cover;}
.seat-wrap .seat-item .manage .info .gender.man{background-image: url('../img/icn_man.png');}
.seat-wrap .seat-item .manage .info .gender.woman{background-image: url('../img/icn_woman.png');}
.seat-wrap .seat-item .manage .remain{padding-top:20%}
.seat-wrap .seat-item .manage .remain .date{}
.seat-wrap .seat-item .manage .remain .time{}

.seat-manage-wrap.management .seat-wrap .seat-item::after{bottom:0%; left:0%; width:100%; height:100%; background: rgba(100, 40, 212, 0.0); }
.seat-manage-wrap.management .seat-wrap .seat-item.use::after{background: rgba(100, 40, 212, 0.60); }
.seat-manage-wrap.management .seat-wrap .seat-item.bg-purple::after{background: rgba(100, 40, 212, 0.60); }
.seat-manage-wrap.management .seat-wrap .seat-item.bg-burgundy::after{background: rgba(190, 76, 210, 0.60); }
.seat-manage-wrap.management .seat-wrap .seat-item.bg-blue::after{background: rgba(76, 125, 210, 0.60); }
.seat-manage-wrap.management .seat-wrap .seat-item.bg-sky::after{background: rgba(51, 213, 235, 0.60); }
.seat-manage-wrap.management .seat-wrap .seat-item.bg-green::after{background: rgba(22, 163, 74, 0.60);}
.seat-manage-wrap.management .seat-wrap .seat-item.bg-orange::after{background: rgba(234, 88, 12, 0.60);}
.seat-manage-wrap.management .seat-wrap .seat-item.bg-red::after{background: rgba(220, 38, 38, 0.60);}
.seat-manage-wrap.management .seat-wrap .seat-item.bg-yellow::after {background: rgba(255, 193, 7, 0.60);}

.seat-manage-wrap.management .seat-wrap .seat-item{border:3px solid rgba(0, 0, 0, .0);}
.seat-manage-wrap.management .seat-wrap .seat-item.on{
    border: 3px solid transparent;
    border-image: linear-gradient(to right, #0FFF17 0%, #FFEA00 100%);
    border-image-slice: 1;
}
.seat-manage-wrap.management .seat-wrap .seat-item.locker::after{bottom:3%; left:3%; width:94%; height:94%; }
.seat-manage-wrap.management .seat-wrap .seat-item.locker.use::after{background: rgba(100, 40, 212, 1); }
.seat-manage-wrap.management .seat-wrap .seat-item.locker.wait-ended::after{background: rgba(216, 50, 53, 1); }
.seat-manage-wrap.management .seat-wrap .seat-item.locker.wait-ended .manage{color:#fff;}


.seat-wrap .seat-item.locker .manage{width:80%; left:10%; bottom:initial; top:12%;}
.seat-wrap .seat-item.locker.selected::after{background-color: #6428D4;}


.layer-seat-wrap{position:relative;}
.layer-seat-box{position:absolute; z-index: 3; right: 20px; top:100px; box-sizing: border-box; padding: 50px 25px 40px; min-width: 300px; background: #f5f5f5; border-radius: 15px;}
.layer-seat-box .btn-close{position: absolute; top:20px; right:20px; width:24px; height: 24px; background: url('../img/btn_close.png') right no-repeat; background-size: cover; text-indent: -99999px; overflow: hidden;}
.layer-seat-box .seat-info{margin-bottom:20px;}
.layer-seat-box .seat-info p{display:inline-block; font-size: 14px; font-weight: 400; line-height: 120%;}
.layer-seat-box .seat-info p.seat{font-size: 18px; font-weight: 700; line-height: 120%; margin-right: 20px;}
.layer-seat-box .ticket-info{border-bottom:1px solid #E6E6E6;}
.layer-seat-box .ticket-info dl{display: flex; flex-direction: row; justify-content: space-between; margin-bottom:20px;}
.layer-seat-box .ticket-info dl dt{font-size: 12px; font-weight: 400; line-height: 120%;}
.layer-seat-box .ticket-info dl dd{font-size: 12px; font-weight: 700; line-height: 120%; text-align: right;}
.layer-seat-box .menu{}
.layer-seat-box .menu li{border-bottom:1px solid #E6E6E6;}
.layer-seat-box .menu li a{display: block; padding:15px 0px; font-size: 14px; font-weight: 700; line-height: 120%; background: url('../img/btn_go.png') right no-repeat; background-size: 18px auto;}

.layer-seat-box .menu li dl{display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding:15px 0px;}
.layer-seat-box .menu li dl dt{font-size: 14px; font-weight: 700; line-height: 120%;}
.layer-seat-box .menu li dl dd{}

.seat-manage-wrap.management .seat-wrap {padding:0; overflow: auto; height: 100vh;}
.seat-manage-wrap.management .seat-wrap .seat-box{border:none}



/* 스터디룸 예약 현황*/
.studyroom-state-wrap{position: relative; width: 100%; _overflow-x: auto;}
.studyroom-state-wrap .head{position: relative; background: #F3F3F6;}
.studyroom-state-wrap .head .row{position: relative;  display: flex; flex-direction: row; padding-left:60px; }
.studyroom-state-wrap .head .row .column{ position: relative; /*min-width: 250px;*/ font-size: 12px; line-height: 20px; padding:12px 10px; height:44px; color:#465057; text-align: center; box-sizing: border-box;}
.studyroom-state-wrap .head .row .column strong{font-weight: 700;}
.studyroom-state-wrap .head .row .column.time{position: absolute; left:0px; top: 0px; width:60px; min-width: initial;}

.studyroom-state-wrap .body{position: relative; }
.studyroom-state-wrap .body .row{position: relative;  display: flex; flex-direction: row;}
.studyroom-state-wrap .body .row .column{position: relative; /*min-width: 250px;*/ box-sizing: border-box; }

/* .studyroom-state-wrap .body .row .column.time{width:60px; min-width: initial;} */
/* .studyroom-state-wrap .body .row .column.line{width:calc(100% - 60px);} */
/* .studyroom-state-wrap .body .row .column.line > div{position: relative; height:50px; border-bottom: 1px solid #E6E6E6; box-sizing: border-box;} */
/* .studyroom-state-wrap .body .row.back .column.line{border-top:1px solid #E6E6E6;} */
/* .studyroom-state-wrap .body .row .column.line > div label{position: absolute; width:40px; top:-6px; left:-50px; font-size: 10px; color: #465057; text-align: right;} */

.studyroom-state-wrap .body .row.data{position: absolute; z-index: 1; top:0px; left:60px; width:calc(100% - 60px); height:100%; _border:1px solid red;}
.studyroom-state-wrap .body .row.data .column{border-right:1px solid #E6E6E6;}
.studyroom-state-wrap .body .row.data .column .reserve{position: absolute; cursor: pointer; left:0px; width:100%; padding:3px 5px; border-radius: 3px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; border:1px solid #fff;  font-size: 11px;}
.studyroom-state-wrap .body .row.data .column .reserve p{color: #fff; font-size: 11px; font-weight: 500;}

/* .studyroom-state-wrap .body .row.data .column .reserve.rest{background: #F9F9FB; top:0px; height:100%; cursor:auto;}
.studyroom-state-wrap .body .row.data .column .reserve.rest p{color: #000000; text-align: center;} */

.studyroom-state-wrap .head .row .column:not(.time){min-width:16.667%;}
.studyroom-state-wrap .body .row .column:not(.time){min-width:16.667%;}

.studyroom-state-wrap .head .row.week .column:not(.time){min-width:14.289%;}
.studyroom-state-wrap .body .row.week .column:not(.time){min-width:14.289%;}
.studyroom-state-wrap .head .row.week.date .column:nth-child(8n){border-right:none;}
.studyroom-state-wrap .body .row.week .column:nth-child(7n){border-right:none;}


.studyroom-state-wrap .head .row.week .column:not(.time){text-align: right;}
.studyroom-state-wrap .head .row.week .column strong{display: block;}
.studyroom-state-wrap .head .row.week .column strong:first-child{margin-bottom:5px;}
.studyroom-state-wrap .head .row.week .column strong.today{background: #CCE0EF; border-radius: 3px;; padding:0px 5px; color:#0162AF;}
.studyroom-state-wrap .head .row.week .column strong.today::before{content: '오늘'; display: inline-block; margin-right:10px; font-weight:400;}

.studyroom-state-wrap .head .row.week.date .column{background: #fff; border-right:1px solid #E6E6E6; padding:8px 10px;}
.studyroom-state-wrap .head .row.week.date .column.time{border-right:0px;}

.studyroom-state-wrap .head .row .column.past strong{opacity: 0.5;}
.studyroom-state-wrap .body .row .column.past .reserve{opacity: 0.5;}


.studyroom-state-wrap .head .row.month .column:not(.time){min-width:14.28%;}
.studyroom-state-wrap .body .row.month .column:not(.time){min-width:14.28%;}
.studyroom-state-wrap .body .row.month .column:nth-child(7n){border-right:none;}

.studyroom-state-wrap .head .row.month{padding-left: 0;}
.studyroom-state-wrap .head .row.month .column{text-align: right; border-bottom:1px solid #E6E6E6;}

.studyroom-state-wrap .body .row.month.data{position: relative; width:auto; left:0px;}
.studyroom-state-wrap .body .row.month{flex-wrap: wrap;}
.studyroom-state-wrap .body .row.month .column{border-bottom:1px solid #E6E6E6; padding:5px; min-height: 120px;}
.studyroom-state-wrap .body .row.month .column p.day{font-weight: 700; text-align:right; padding:1px 5px; border-radius: 3px; }

.studyroom-state-wrap .body .row.month .column .rsv-list{margin-top:6px; font-size: 11px;}
.studyroom-state-wrap .body .row.month .column .rsv-list li{margin-bottom:5px;}
.studyroom-state-wrap .body .row.month .column .rsv-list li a{display:inline-block; padding:3px; border-radius: 3px; color:#fff; background: #A07AE6; margin-right:10px;}
.studyroom-state-wrap .body .row.month .column .rsv-list li span{display:inline-block; color: #7001CA;}

.studyroom-state-wrap .body .row.month .column.past{background: #F9F9FB;}
.studyroom-state-wrap .body .row.month .column.past .rsv-list{opacity: 0.5;}

.studyroom-state-wrap .body .row.month .column.today p.day{background: #CCE0EF; color:#0162AF;}
.studyroom-state-wrap .body .row.month .column.today p.day::before{content: '오늘'; display: inline-block; margin-right:10px; font-weight:400;}

.studyroom-state-wrap .body .row.month .column.disable p.day{opacity: 0.5;}
.studyroom-state-wrap .body .row.month .column.rest{background: #F9F9FB;}
.studyroom-state-wrap .body .row.month .column.rest .info{padding-top:15px;}
.studyroom-state-wrap .body .row.month .column.rest .info p{color: #000000; text-align: center;}



.studyroom-state-wrap .body .row{position: relative;  display: flex; flex-direction: row; padding-left:60px; }
.studyroom-state-wrap .body .row .column.time{position: absolute; left:0px; top: -8px; width:60px; min-width: initial; text-align: right; padding-right: 6px; box-sizing: border-box;}
.studyroom-state-wrap .body .row .column.time label{font-size: 10px; color: #465057; font-weight: 400;}

.studyroom-state-wrap .body .row.back:first-child .column.line{border-top:1px solid #E6E6E6;}
.studyroom-state-wrap .body .row.back .column.line{text-align:center; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; height:30px; line-height: 44px; cursor: pointer;}
.studyroom-state-wrap .body .row.back .column.line:last-child{border-right:0px;}

.studyroom-state-wrap .body .reserve{position: absolute; cursor: pointer; left:0px; padding:3px 5px; border-radius: 3px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; border:1px solid #fff;  font-size: 11px;}
.studyroom-state-wrap .body .reserve p{color: #fff; font-size: 11px; font-weight: 500;}
.studyroom-state-wrap .body .reserve.past{opacity: 0.5;}

.studyroom-state-wrap .body .reserve.rest{background: #F9F9FB; top:0px; height:100%; cursor:auto;}
.studyroom-state-wrap .body .reserve.rest p{color: #000000; text-align: center;}







.date-navi{position: relative; padding:20px 0px;}
.date-navi .navi-top{position: relative; display: flex; flex-direction: row; justify-content: space-between; margin-bottom:20px;}
.date-navi .navi-top .head{}
.date-navi .navi-top .head .title{color: #465057; font-size: 16px; font-weight: 700;}

.date-navi .navi-top .tab-box{display: flex; flex-direction: row;}
.date-navi .navi-top .tab-box ul{display: flex; flex-direction: row; border:1px solid #E9E9E9; border-radius: 4px; overflow: hidden;}
.date-navi .navi-top .tab-box ul li{border-right:1px solid #E9E9E9}
.date-navi .navi-top .tab-box ul li:last-child{border-right:none;}
.date-navi .navi-top .tab-box ul li a{display: block; padding: 6px 16px; color: #434343; font-size: 12px; font-weight: 500;}
.date-navi .navi-top .tab-box a.btn-today{display: inline-block; padding: 6px 16px; color: #434343; font-size: 12px; font-weight: 500; border:1px solid #E9E9E9; border-radius: 4px;}
.date-navi .navi-top .tab-box a.on{background: #CCE0EF; color: #0162AF;}

.date-navi .navi-btm{position: relative;}
.date-navi .navi-btm .prev{position: absolute; top: 0px; left:0px; z-index: 1;}
.date-navi .navi-btm .next{position: absolute; top: 0px; right:0px; z-index: 1;}
.date-navi .navi-btm .selected{color: #465057; font-size: 16px; line-height: 18px; font-weight: 700; text-align: center;}

.date-navi .navi-btm a.btn-prev{position: absolute; top:0px; left:0px; width:18px; height: 18px; background: url('../img/btn_go.png') center no-repeat; background-size: cover; transform: rotate(180deg); text-indent: -99999px; overflow:hidden;}
.date-navi .navi-btm a.btn-next{position: absolute; top:0px; right:0px; width:18px; height: 18px; background: url('../img/btn_go.png') center no-repeat; background-size: cover; text-indent: -99999px; overflow:hidden;}
.date-navi .navi-btm a.btn-text{color: #596670; font-size: 12px; font-weight: 400; line-height: 18px;}
.date-navi .navi-btm .prev a.btn-text{margin-left:200px;}
.date-navi .navi-btm .next a.btn-text{margin-right:200px;}


/* */
.flex-row-space-between-center{display: flex; flex-direction: row; justify-content:space-between; align-items: center;}





/* 매출 현황 */
.sale-status{position:relative; margin-top:20px; margin-bottom:20px;}
.sale-status .period-box{position:relative; display: flex; flex-direction: row; align-items: center; margin-bottom:10px;}
.sale-status .period-box .tit{color:#465057; font-size:16px; font-weight:700; line-height: normal; padding-right:30px;}
.sale-status .period-box .search{}
.sale-status .period-box .search a.com-btn{background: #F3F3F6; color:#465057; margin-right:5px; font-size:13px; font-weight: 700;}
.sale-status .period-box .search a.com-btn.on{background: #0162AF; color:#fff;}
.sale-status .period-box .search .self{display: inline-block;}

.sale-status .status-box{position:relative; border: 1px solid #E6E6E6; border-radius: 10px; padding:30px 40px; display: flex; flex-direction: row;}
.sale-status .status-box .summary{position:relative; width:360px; padding-right:80px; border-right:2px solid #E6E6E6; }
.sale-status .status-box .summary .sum{display: flex; flex-direction: row; justify-content: space-around; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #E6E6E6;}
.sale-status .status-box .summary .sum dl{color:#465057; text-align:center;}
.sale-status .status-box .summary .sum dl dt{font-size:14px; font-weight: 700; margin-bottom:8px;}
.sale-status .status-box .summary .sum dl dd{font-size:15px; font-weight: 400;}
.sale-status .status-box .summary .sum dl dd strong{font-size:24px; font-weight: 700; color:#6428D4; padding-right:5px;}
.sale-status .status-box .summary .detail{}
.sale-status .status-box .summary .detail dl{display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom:15px;}
.sale-status .status-box .summary .detail dl dt{font-size: 14px; font-weight: 700; width:40%; }
.sale-status .status-box .summary .detail dl dd{font-size: 14px; font-weight: 400; width:20%; color:#465057; text-align: right;}
.sale-status .status-box .summary .detail dl dd:nth-child(3){width:40%;}
.sale-status .status-box .summary .detail dl dd strong{font-weight: 700;}
.sale-status .status-box .summary .detail dl.color-seat-once dt{color:#FFD700;}
.sale-status .status-box .summary .detail dl.color-seat-charge dt{color:#16A34A;}
.sale-status .status-box .summary .detail dl.color-seat-period dt{color:#4C7DD2;}
.sale-status .status-box .summary .detail dl.color-seat-fix dt{color:#DC2626;}
.sale-status .status-box .summary .detail dl.color-studyroom dt{color:#7EB8E6;}
.sale-status .status-box .summary .detail dl.color-locker dt{color:#9E6FF5;}
.sale-status .status-box .chart{position:relative; padding-left:80px;}

ul.discount-info{list-style-type: disc; margin-top:5px; margin-left:20px;}
ul.discount-info li{margin-bottom:5px;}
ul.discount-info li:last-child{margin-bottom:0px;}
ul.discount-info li .tit{}
ul.discount-info li .desc{padding-left:18px; color:#777; background: url('/img/common/icon_comment.gif') left no-repeat; background-size: 13px auto;}

.studyroom-state-wrap .body .row.month .column .sale-box{font-size: 13px; color:#000; font-weight: 500; line-height: normal; text-align: center;}


.com-info-box{position: relative; background: #F9F9F9; border:1px solid #E6E6E6; border-radius: 10px; padding:20px 40px;}
.com-info-box .title{font-size: 14px; font-weight: 700; line-height: normal; margin-bottom:10px;}
.com-info-box ul{list-style-type: disc; margin-left:20px;}
.com-info-box ul li{font-size: 13px; font-weight: 400; line-height: normal;margin-bottom:10px;}
.com-info-box ul li:last-child{margin-bottom:0px;}


/* 테이블 strong 추가*/
table.list-tbl strong{font-weight:700;}
table.view-tbl strong{font-weight:700;}

.sale-calc-box-1{position: relative; display: flex; flex-direction: row; justify-content: space-between; border-radius: 10px; border: 1px solid #E6E6E6; padding:20px 40px;}
.sale-calc-box-1 .box{position: relative; width:33.3%}
.sale-calc-box-1 .box dl{display: flex; flex-direction: row; align-items: center; justify-content: center; font-weight: 500; line-height: normal;}
.sale-calc-box-1 .box dl dt{padding-right:30px; font-size: 14px;}
.sale-calc-box-1 .box dl dd{font-size: 16px; }

.sale-calc-box-2{position: relative; border-radius: 10px; border: 1px solid #E6E6E6; padding:20px 40px;}
.sale-calc-box-2 dl{display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-weight: 500; line-height: normal; margin-bottom:10px;}
.sale-calc-box-2 dl dt{padding-right:30px; font-size: 14px;}
.sale-calc-box-2 dl dd{font-size: 16px; }
.sale-calc-box-2 dl.sum{margin-bottom:0px; padding-top:10px; border-top:1px solid #D9D9D9;}
.sale-calc-box-2 dl.sum dt{font-weight:700;}
.sale-calc-box-2 dl.sum dd{font-weight:700; color:#6428D4;}


/* 25.04.24*/
.h-tit-box{display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom:5px;}
.h-tit-box .left-box h2,
.h-tit-box .left-box h3,
.h-tit-box .left-box h4,
.h-tit-box .left-box h5{margin-bottom:0px !important; margin-top:0px !important;}

.ul-list-2{position:relative; padding-top:10px;}

/* 회원상세 > 출입패스 */
.access-box{display: flex; flex-direction: row; align-items: center; padding:5px 0px;}
.access-box span{display: inline-block; margin-right:10px; padding-right:10px; border-right:1px solid #ddd; line-height: 16px;}
.access-box span:last-child{margin-right:0px; padding-right:0px; border-right:none;}