.tit{position: relative;margin:0 auto;margin-bottom: 30px;text-align:center;}

.tit.mt {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
	margin-top: 30px;
    text-align: right;
    display: inline-block;width: 100%;
}



.cca{background: #BD1920;}
.ccb{background: #379DF6;}
.ccc{background:#ffbb3b;}
.ccd{background: #cccccc;}
.cct{background: #00C73C;}
.ccx {
    background: #8C8C8C;
}
.cck{background: #142143;}
.label_w > li:first-child {
    margin-left: 0px;
}

.tit .label{display: inline-block;width: 8px;height: 8px;border-radius:50%;margin-right: 3px;vertical-align: middle;;top: -1px;
    position: relative;}
.color-purple{color:#930c71}
.color-purple2{color:#8936e0}
.color-purple3{color:#b725b2}
.color-navy{color: #0e0e71}
.color-blue{color: #0f218b}
.color-grey{color: #333}
.color-orange{color: #ff7200}
.color-white{color:#fff}
.color-yellow2{color: #ffb400}
.color-red{color: #e60012}

.label_w{margin-left: 0px;font-size: 13px;    color: #777;}
.label_w > li{float: none;margin-left: 20px;    display: inline-block;    }


.conts_subtitle {
    text-align: center;
}
.area_calendar .control > div {
    display: inline-block;
    border: 1px solid #f4f4f4;vertical-align: top;
   
}


.area_calendar .calendar table td > a{
    display: block;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    padding: 28px 10px 5px;
    transition: all 0.4s ease-out 0s;
}
.area_calendar .calendar table td.tt > a:hover {
    z-index: 10;
    box-shadow: 0 8px 15px rgb(0 0 0 / 10%);
}
.area_calendar .calendar table td.tt.chk{
z-index: 10;   
   box-shadow: 0 8px 15px rgb(0 0 0 / 10%);
}

.area_calendar .control > div.month{
    display: inline-block;
    border: 1px solid #f4f4f4;
    height: 52px;
    line-height: 52px;
    padding: 0 20px;
    border-right: 0px solid #f4f4f4;
    border-left: 0px solid #f4f4f4;
    font-size: 20px;
    
}
.area_calendar .calendar table td.chk {
    z-index: 10;
    box-shadow: 0 8px 15px rgb(0 0 0 / 10%);
}
.area_calendar .calendar table td .rex {
border-color: #C6C6C6;
    background: #C6C6C6;
    color: #fff;
    min-height: 20px;
    min-width: 54px;
    padding: 2px 10px;
    margin: 0;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 25px;
    text-align: center;
    
 }

.area_calendar .calendar table td span.rb,.area_calendar .calendar table td span.rex, .area_calendar .calendar table td span.rx, .area_calendar .calendar table td span.rh, .area_calendar .calendar table td span.re, .area_calendar .calendar table td span.rt, .area_calendar .calendar table td span.rk {
    position: absolute;
    left: 50%;
    top: 50%;
    /* bottom: 20px; */
    /* margin-left: -30px; */
    /* padding: 0px 10px; */
    /* margin: 0 auto; */
    /* margin-top: 0px; */
	margin: 0 auto;
	margin-top: 10px;
    transform: translate(-50%, -50%);
}

.area_calendar .calendar table td span.ty {
    margin-top: 25px;
}
.area_calendar .calendar table td {
    height: 80px;
}
.area_calendar .calendar table td.past > a {
cursor: initial;
}
@media (max-width: 1023px){


.area_calendar .calendar table td > a, .area_calendar.type02 .calendar table td > div {
    display: block;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    padding: 18px 10px 22px;
    transition: all 0.4s ease-out 0s;
}
.area_calendar .calendar table.type02 {
    table-layout: fixed;
    width: 100%;
    float: left;min-height: auto;
}
.area_calendar .calendar, .area_calendar .list {
    float: none;
    width: 100%;
}
.area_calendar .calendar table td .cc {
/*display:none;*/
}

.area_calendar .calendar table td .label {
    display: none;
}
.area_calendar .calendar table td .re,.area_calendar .calendar table td .rb,.area_calendar .calendar table td .rh,.area_calendar .calendar table td .rex  {
    min-height: 30px;
    min-width: auto;
    padding: 2px 6px;
    margin: 0;
    font-size: 10px;border-radius:5px;
    line-height:2 ;

}
.area_calendar .calendar table td .re,.area_calendar .calendar table td .rex,.area_calendar .calendar table td .rb,.area_calendar .calendar table td .rt,.area_calendar .calendar table td .rk,.area_calendar .calendar table td .rh, .area_calendar .calendar table td .rx,.area_calendar .calendar table.type02 td .re,.area_calendar .calendar table.type02 td .rb,.area_calendar .calendar table.type02 td .rh, .area_calendar .calendar table.type02 td .rx  {
    min-height: 20px;
    min-width: auto;
    padding: 2px 6px;
    margin: 0;
    font-size: 10px;border-radius:10px;
    line-height:2 ;

}
.area_calendar .calendar table td .re,.area_calendar .calendar table td .rex, .area_calendar .calendar table td .rb,.area_calendar .calendar table td .rt,.area_calendar .calendar table td .rk, .area_calendar .calendar table td .rh, .area_calendar .calendar table td .rx, .area_calendar .calendar table.type02 td .re, .area_calendar .calendar table.type02 td .rb, .area_calendar .calendar table.type02 td .rh, .area_calendar .calendar table.type02 td .rx {
    min-height: 20px;
    min-width: 50px;
    padding: 0px 6px;
    margin: 0;
    font-size: 10px;
    border-radius: 10px;
    line-height: 2;
}
.area_calendar .calendar table.type02 td .re, .area_calendar .calendar table.type02 td .rb, .area_calendar .calendar table.type02 td .rh, .area_calendar .calendar table.type02 td .rx, .area_calendar .calendar table.type02 td .rt,.area_calendar .calendar table.type02 td .rk {
    font-size: 10px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -10px;
}
.area_calendar .list{border-top: 1px solid #eee;
 border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;}

.area_calendar .calendar table td {
    height: 68px;
}

.area_calendar .calendar table td span.rb,.area_calendar .calendar table td span.rex, .area_calendar .calendar table td span.rx, .area_calendar .calendar table td span.rh, .area_calendar .calendar table td span.re, .area_calendar .calendar table td span.rt, .area_calendar .calendar table td span.rk {

    /* bottom: 20px; */
    margin-left: 0px;
    /* padding: 0px 10px; */
    /* margin: 0 auto; */
    margin-top:10px;
}


.area_calendar .list p {
    padding: 11px 15px 10px;
    font-size: 13px;
    
    border-bottom: 1px solid #eee;
}
.area_calendar .calendar table td span.ty {
    margin-top: 5px;
    display: block;
    position: absolute;
    top: 15px;
    font-size: 13px;
    left: 0px;
    width: 100%;
    text-align: center;
    
}
}
@media (max-width: 768px){

.area_calendar .calendar table td span.ty {
    margin-top: 5px;
 }
.area_calendar .calendar, .area_calendar .list {
    float: none;
    width: 100%;
}

.area_calendar .list {
    height: auto !important;
}
.area_calendar .control > div.month {
    font-size: 14px;
  
}	
.area_calendar .calendar table td span.rb, .area_calendar .calendar table td span.rex, .area_calendar .calendar table td span.rx, .area_calendar .calendar table td span.rh, .area_calendar .calendar table td span.re, .area_calendar .calendar table td span.rt, .area_calendar .calendar table td span.rk {
    margin-top: 8px;
}	



}
@media (max-width: 480px){
.area_calendar .calendar table td span.ty {
    margin-top: 0px;
 }
.area_calendar .calendar table td {
    height: 42px;background:#fff;
}
.area_calendar .calendar table td > a, .area_calendar.type02 .calendar table td > div {
    padding: 18px 10px 28px;
}
.area_calendar .calendar table td .re, .area_calendar .calendar table td .rb, .area_calendar .calendar table td .rh, .area_calendar .calendar table td .rx {
    min-height: 0;
    min-width: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
    border-radius: 0;
    line-height: 0;
    /* display: none; */
}

 .area_calendar .calendar table td .label {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 0px;
    vertical-align: middle;
    top: 0px;
    position: relative;
	margin:0 auto;
	/*margin-top: -10px;
    margin-bottom: 10px;*/
}
.area_calendar .calendar table td .cc {
display:none;
}

.area_calendar .calendar table td .label {
    display: block;
}
.area_calendar .calendar table.type02 td .cc {
display:none;
}

.area_calendar .calendar table.type02 td .label {
    display: block;
}


.tableR table thead tr th {

    font-size: 12px;

}
.area_calendar .calendar table.type02 td .re, .area_calendar .calendar table.type02 td .rb, .area_calendar .calendar table.type02 td .rh, .area_calendar .calendar table.type02 td .rx, .area_calendar .calendar table.type02 td .rt, .area_calendar .calendar table.type02 td .rk {
    /* font-size: 10px; */
    /* position: absolute; */
    /* left: 50%; */
    margin-left: -4px;
    /* bottom: 10px; */;
}

.area_calendar .calendar table td span.rb, .area_calendar .calendar table td span.rx,, .area_calendar .calendar table td span.rex, .area_calendar .calendar table td span.rh, .area_calendar .calendar table td span.re, .area_calendar .calendar table td span.rt, .area_calendar .calendar table td span.rk {
    position: absolute;
    left: 50%;
    margin-left: 0px;
	margin-top:10px;
	top:50%;
	bottom:auto;
    padding: 0px;
	min-height: 0;
	border-color:none; 
    background: none;
}

.area_calendar .calendar table td .re,.area_calendar .calendar table td .rex,.area_calendar .calendar table td .rb, .area_calendar .calendar table td .rt, .area_calendar .calendar table td .rk, .area_calendar .calendar table td .rh, .area_calendar .calendar table td .rx, .area_calendar .calendar table.type02 td .re, .area_calendar .calendar table.type02 td .rb, .area_calendar .calendar table.type02 td .rh, .area_calendar .calendar table.type02 td .rx {
    min-height: 0;
    min-width: auto;
    padding:0;
    margin: 0;
    font-size: 10px;
    border-radius: 10px;
    line-height: 2;
	margin-top:0px;margin-left:-4px;

}

.area_calendar .calendar table td span.rb, .area_calendar .calendar table td span.rx, .area_calendar .calendar table td span.rex, .area_calendar .calendar table td span.rh, .area_calendar .calendar table td span.re, .area_calendar .calendar table td span.rt, .area_calendar .calendar table td span.rk {
      bottom: auto;

}


}
.check_box2 input[type="checkbox"]:disabled + label:before {
    background: #ccc;
}




.tableR table thead tr th:first-child:nth-last-child(1) {
border-left: 0px solid #ededed;
}


.area_calendar .control {
    text-align: center;
	position:relative;
}

.area_calendar .control .right_txt{
    position: absolute;
    right: 0px;
    top: 30px;
    font-size: 15px;
    
    line-height: 1;
    color: #444;
    letter-spacing: -0.05em;	
}
.area_calendar .calendar .onc {
    background: #f4f3f3 !important;
    color: #222;
}
.area_calendar .calendar table td.calendar-dow-0 {
      background: #f8f8f8;
}
.area_calendar .calendar table td.calendar-dow-6 {
      background: #F1F5F8;
}
.area_calendar .calendar .onc:after,.area_calendar .calendar table td.chk:after {

    position: absolute;
    right: 10%;
    width: 10px;
    height: 10px;
    font-size: 10px;
    line-height: 1;
    color: #000;
    top: 22%;
    margin-left: -5px;
    margin-top: -5px;
    text-align: center;
    content: '\E904';
    font-family: 'shop-font';
    display: block;  font-weight: bold;
}

.area_calendar .calendar table td.chk {
      background: #F3F8FF;
}



.area_calendar .calendar table td.onc {
    border: 1px solid #e0e6e9;
}
.tableR table thead tr th {
    
    color: #333;
    font-size: 13px;
    padding: 10px 0;
    border-right: 1px solid #ededed;
    background: #f7f7f7;
    text-align: center;
    vertical-align: middle;
}

.tableR table thead tr.r2 th {
    font-size: 11px;
    padding: 6px 0;
	    
  
}
.tableR table .col3 {
    
}

.tableR table .col3.ch {
    width: 32%;
}

.tableR table .col3.ch2 {
    width: 100px;
}



.tableR table tbody tr td:last-child {
    border-right: none;
    border-left: 0px solid #ededed;
}
.tableR table tbody tr td.court{
padding:0px 0;vertical-align: top;
}

.tableR table tbody {
    border-bottom: 0px solid #ededed;
}

.tableR table tbody.line {
    border-bottom: 1px solid #ededed;
}
.tableR table tbody tr td .check_box2 {
    float: left;
    width: 150px;
    display: inline-block;
    height: 100%;
    padding: 9px 1px 9px 1px;position: relative;
}

.v_btn_check{
	
}	
.tableR table tbody tr td .check_box {
/*float:left;
width:30%;*/
border-right: 1px solid #ededed;    background: #fff;
}

.tableR table tbody tr td .check_box {
/*float:left;
width:20%;*/
display:inline-block;
height:100%;
}




.tableR table tbody tr td .chk_inwon {
width:30%;
display:inline-block;
border-right: 1px solid #ededed;
padding:9px 1px 9px 1px;
height:100%;
}

.tableR table tbody tr td .check_box2 {
float:left;
width:20%;
border-right: 1px solid #ededed;    background: #fff;
}

.tableR table tbody tr td .check_box2 {
float:left;
width:100px;
display:inline-block;
height:100%;padding:9px 1px 9px 1px;
}


.tableR table tbody tr td.court .ctitle{

width:100%;
position: relative;padding: 0px;height:30px;
border-bottom: 1px solid #ededed;

}

.tableR table tbody tr td.court .ctitle .choice{
display:inline-block;
width:20%;border-right: 1px solid #ededed;
position: relative;    padding: 8px 0;    font-size: 11px;
    height: 100%;

}

.tableR table tbody tr td.court .ctitle .inwon{
display:inline-block;
width:30%;border-right: 1px solid #ededed;
position: relative;    padding: 8px 0;    font-size: 11px;
    height: 100%;

}

.tableR table tbody tr td.court .ctitle .time{
display:inline-block;
width:50%;
position: relative;    padding: 8px 0;    font-size: 11px;
    height: 100%;

}


#r2{
display:none;
}
.tableR table tbody tr td.court .chk_t{
    display: inline-block;
    width: 100%;
    position: relative;
    /* padding: 3px; */
    margin-top: 0px;
    line-height: 1;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;

}
.tableR table tbody tr td.court .inwon{
display:inline-block;
width:30%;
position: relative;padding: 3px;
margin-top:0px;line-height: 1;font-size: 11px;
}
.tableR table tbody tr td.court{
background: #FCFCFC;
}
.tableR table tbody tr td.court .chk_t2{
display:inline-block;
width:auto;
position: relative;padding: 3px;
margin-top:10px;line-height: 1;font-size: 11px;
}

.tableR table tbody tr td.court .chk_d{
width:100%;
    float: left;
position: relative;
border-bottom: 0px solid #ededed;background: #fff;
    display: flex;
    align-items: center;
}
.tableR table tbody tr td.court .chk_d:last-child{
	border-bottom: 0px solid #ededed;
}
.tableR table tbody tr td.court ul {
width:100%;
position: relative;

    height: 37px;
    border-top: 0px solid #ededed;
    display: flex;
    align-items: center;
	justify-content: space-between;
}


.tableR table tbody tr td.court .ctitle ul {
width:100%;
position: relative;
border-bottom: 1px solid #ededed;
    height: 30px;
    border-top: 0px solid #ededed;
}

.tableR table tbody tr td .check_box.nomg {
    float: left;
    width: 20%;
    display: inline-block;
    height: 100%;
    padding: 7px 0px 7px 1px;
}
.tableR table tbody tr td .check_box.nomg2 {
    float: left;
    width: 100px;
    display: inline-block;
    height: 100%;
    padding: 7px 0px 7px 1px;
}
.tableR table tbody tr td.court .chk_t.r_end {
   color:#aaa;
}
.tableR table tbody tr td.court .chk_t.t_disable,.tableR table tbody tr td.choice ul.t_disable .chk_t{
	color:#aaa;
}


.tableR table tbody tr td.court .chk_t.r_end:before {
    /* text-decoration: line-through; */
    position: absolute;
    /* left: 50%; */
    width: 85%;
    height: 1px;
    font-size: 18px;
    line-height: 1px;
    color: #888;
    top: 8px;
    /* margin-left: -9px; */
    /* margin-top: -9px; */
    text-align: center;
    content: '';
    background: #aaa;
	display:none;
	
}
.tableR table tbody tr td .check_box span.rx{
    border:0;    background: transparent;
	height:13px;
	min-height: 13px;
}
.tableR table tbody tr td .check_box span.rx:before {
    position: absolute;
    left: 50%;
    width: 10px;
    height: 10px;
    font-size: 10px;
    line-height: 1;
    color: #aaa;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
    text-align: center;
    content: '\E934';
    font-family: 'shop-font';
    display: block;
}

.tableR table tbody tr td .check_box span.rxt:before {
    position: absolute;
    left: 50%;
    width: 13px;
    height: 13px;
    font-size: 13px;
    line-height: 1em;
    color: #aaa;
    top: 50%;
    margin-left: -6.5px;
    margin-top: -6.5px;
    text-align: center;
    content: '\E940';
    font-family: 'shop-font';
    display: block;
}





.tableR table tbody tr td .check_box2.nomg {
    float: left;
    width: 32%;
    display: inline-block;
    height: 100%;
    padding: 7px 0px 7px 1px;
}
.tableR table tbody tr td.court .chk_t2.r_end {
   color:#aaa;
}
.tableR table tbody tr td.court .chk_t2.t_disable,.tableR table tbody tr td.choice ul.t_disable .chk_t2{
	color:#aaa;
}


.tableR table tbody tr td.court .chk_t2.r_end:before {
    /* text-decoration: line-through; */
    position: absolute;
    /* left: 50%; */
    width: 93%;
    height: 1px;
    font-size: 18px;
    line-height: 1px;
    color: #888;
    top: 8px;
    /* margin-left: -9px; */
    /* margin-top: -9px; */
    text-align: center;
    content: '';
    background: #aaa;
	
}
.tableR table tbody tr td .check_box2 span.rx{
    border:0;    background: transparent;
	height:13px;
	min-height: 13px;
}
.tableR table tbody tr td .check_box2 span.rx:before {
    position: absolute;
    left: 50%;
    width: 10px;
    height: 10px;
    font-size: 10px;
    line-height: 1;
    color: #aaa;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
    text-align: center;
    content: '\E934';
    font-family: 'shop-font';
    display: block;
}

.tableR table tbody tr td .check_box2 span.rxt:before {
    position: absolute;
    left: 50%;
    width: 13px;
    height: 13px;
    font-size: 13px;
    line-height: 1em;
    color: #aaa;
    top: 50%;
    margin-left: -6.5px;
    margin-top: -6.5px;
    text-align: center;
    content: '\E940';
    font-family: 'shop-font';
    display: block;
}




.tableR table tbody #no_result{
	width:100%;
	position: relative;
}
.tableR table tbody #no_result td{
	width:100%;
	position: relative;
}
#no_result .list_nothing{
	width:100%;
	position: relative;
	    border-bottom:0px solid #ddd;
}
.tableR table thead tr {
    border-bottom: 1px solid #ededed;
}
.tableR table tbody tr:last-child td {
    border-bottom: 0px solid #ededed;
}
.list_nothing {padding: 120px 30px 117px;border-top: 0px solid #ed193a;border-bottom: 0px solid #ddd;}
.list_nothing p, .list_nothing span {display: block;position: relative;font-size:14px;text-align: center;letter-spacing: -0.025em;color: #333;  }
.list_nothing p:before {display: block;width: 36px;height: 36px;margin: 0 auto;margin-bottom: 9px;font-family: 'shop-font';content: '\e93a';font-size: 26px;line-height: 36px;font-weight: normal;}
.tableR table tbody tr td.court .chk_d:last-child ul{
    border-bottom: 1px solid #ededed;
}
.tableR table tbody tr td.court {
    background: #FCFCFC;
    border-bottom: 0px solid #ededed;
}
.view_information_action {
    margin-top: -3px;
    border-top: 1px solid #ededed;
	background: #fff;
    position: relative;
    z-index: 1;	
}
.v_btn.v_btn_check {
    color: #fff;
    background: #e51b13;
    border-color: #e51b13;
    width: 260px;
}
.view_information_action_group {
    font-size: 0;
    margin-top: 20px;
    text-align: center;
}


.check_box input[type="checkbox"]:checked + label:before {
    border-color: #EB1B22;
    background: #EB1B22;
    position: absolute;
    /* right: 10%; */
    width: 18px;
    height: 18px;
    font-size: 10px;
    line-height: 1.5;
    left: 50%;
    color: #fff;
    top: 50%;
    margin-left: -9px;
    margin-top: -9px;
    text-align: center;
    content: '\E904';
    font-family: 'shop-font';
    display: block;
    font-weight: bold;
}

.check_box2 input[type="checkbox"]:checked + label:before {
    border-color: #EB1B22;
    background: #EB1B22;
    position: absolute;
    /* right: 10%; */
    width: 18px;
    height: 18px;
    font-size: 10px;
    line-height: 1.5;
    left: 50%;
    color: #fff;
    top: 50%;
    margin-left: -9px;
    margin-top: -9px;
    text-align: center;
    content: '\E904';
    font-family: 'shop-font';
    display: block;
    font-weight: bold;
}


.tableR table tbody tr td.court .chk_t2 {
    display: inline-block;
    width: auto;
    position: relative;
    padding: 3px;
    margin-top: 10px;
    line-height: 1;
    font-size: 11px;
}



@media only screen and (max-width: 1024px){
.scrollDiv .tableR {
    width: 1024px;
    /* width: 200%; */
    padding-bottom: 0px;
}
.tableR table tbody tr td .check_box2 {
float:left;
width:100px;
display:inline-block;
height:100%;padding:9px 1px 9px 1px;
}

}
@media only screen and (max-width: 768px){
.scrollDiv .tableR {
    width: 1024px;
    /* width: 200%; */
    padding-bottom: 0px;
}
.tableR table tbody tr td .check_box.nomg {
     padding: 8px 1px 8px 1px;
}
.area_calendar .control .right_txt {
    position: relative;
    top: 0;
    margin-top: 10px;
	font-size: 12px;
}
.tableR table tbody tr td .check_box2 {
    float: left;
    width: 20%;
    display: inline-block;
    height: 100%;
    padding: 9px 1px 9px 1px;
}
.area_calendar .calendar .onc:after {
    position: absolute;
    right: 8px;
    width: 6px;
    height: 6px;
    font-size: 10px;
    line-height: 1;
    color: #000;
    top: 8px;
    margin-left: 0px;
    margin-top: 0px;
    text-align: center;
    content: '\E904';
    font-family: 'shop-font';
    display: block;
    font-weight: bold;

}
.tit.mt {
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: right;
    display: inline-block;
    width: 100%;
}
.conts_subtitle {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.7;
    position: relative;
    text-align: center;
}
}

.r_date{

/*display:none;
	    text-align: center;*/
}	

.r_date span{
	
    height: 48px;
    line-height: 48px;
    padding: 0 0px;
    /* border-right: 1px solid #f4f4f4; */
    /* border-left: 1px solid #f4f4f4; */
    font-size: 20px;
    text-align: left;
	display: inline-block;
}
.r_date p.right_txt{
    float: right;
    font-size: 15px;
    margin-top: 7px;
    line-height: 2;
    position: relative;
    color: #444;
    letter-spacing: -0.05em;
}
.check_box input[type="checkbox"]:disabled + label:before {
    background: #ccc;
}	
.check_box input[type="checkbox"] + label:before {
    border-radius: 2px;
	border: 2px solid #ccc;
}
.area_calendar .calendar table td.next-month span.ty,.area_calendar .calendar table td.last-month span.ty {
    margin-top: 0px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;    transform: translate(-50%, -50%);
    text-align: center;
}
.area_calendar .calendar table td.next-month.chk:after{
	
	display:none;
	
}	
	
.area_calendar .calendar table td.next-month a,.area_calendar .calendar table td.last-month a {
    cursor: initial;
}
.cc_red{

font-size: 11px;
padding: 6px 0;	
}	
@media (max-width: 768px){
	.r_date span {
    height: 48px;
    line-height: 48px;
    padding: 0 0px;
    /* border-right: 1px solid #f4f4f4; */
    /* border-left: 1px solid #f4f4f4; */
    font-size: 16px;
    text-align: left;
    display: inline-block;
}
.r_date p.right_txt {
    float: right;
    font-size: 12px;
    margin-top: 20px;
    line-height: 1;
    position: relative;
    color: #444;
    letter-spacing: -0.05em;
}
.cc_red{

font-size: 11px;
padding: 5px 0;	
}	
}


.tableWrap {
width:100%;position:relative;z-index:1;
}
.rent_cal{position: relative;z-index:1;    min-height: 400px;}
.area_calendar2{position: relative;z-index:1;}  
.area_calendar2 .ld-overlay{bottom:0;position:absolute;right:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;    }
.area_calendar2 .ld-overlay.is-act{display:-webkit-box;display:-ms-flexbox;display:flex}
.area_calendar2 .ld-overlay .ld-background{bottom:0;position:absolute;right:0;background:#fff;opacity:.5}
.area_calendar2 .ld-parent{position:relative}.db-rent[data-v-202205]{width:50px;height:50px;position:relative;-webkit-animation:db-rent-data-v-202205 2.5s linear infinite both;animation:db-rent-data-v-202205 2.5s linear infinite both;margin:20px auto 1.0625rem}




.area_calendar2{position: relative;z-index:1;}
.area_calendar2 .ld-overlay.is-full-page{position:absolute;z-index:999;height:100%;width:100%}.ld-icon{position:absolute;left:50%;top:50%;z-index:1000;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.area_calendar2 .ld-overlay.is-act{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;z-index:1000;}




.area_calendar2 .ld-overlay.is-deact{-webkit-animation-name:fade-out;animation-name:fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;visibility:hidden;z-index:-1;-webkit-transition:z-index .5s,visibility .5s;transition:z-index .5s,visibility .5s}
.area_calendar2 .ld-overlay .ld-background{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:.6;z-index:999}
.area_calendar2 .ld-overlay .ld-parent{position:relative}
.area_calendar2 .ld-overlay{-webkit-animation-duration:.5s;animation-duration:.5s;    visibility: visible;
    z-index: 1000;display:none;}
.area_calendar2 .ld-overlay.on{
display:block;
}	
.area_calendar2 .ld-overlay.is-act,.area_calendar2 .ld-overlay.is-deact{display:block;-webkit-animation-duration:.5s;animation-duration:.5s;    visibility: visible;
    z-index: 1000;}
	
.area_calendar2 .loading-container .round[data-v-202205] img{
    /* text-align: center; */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}



.tableWrap .ld-overlay.is-full-page{position:absolute;z-index:999;height:100%;width:100%}.ld-icon{position:absolute;left:50%;top:50%;z-index:1000;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.ld-overlay.is-act{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;z-index:1000;}

.ld-overlay.is-deact{-webkit-animation-name:fade-out;animation-name:fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;visibility:hidden;z-index:-1;-webkit-transition:z-index .5s,visibility .5s;transition:z-index .5s,visibility .5s}
.ld-overlay .ld-background{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:.6;z-index:999}
.ld-overlay .ld-parent{position:relative}
.ld-overlay{-webkit-animation-duration:.5s;animation-duration:.5s;    visibility: visible;
    z-index: 1000;display:none;}
.ld-overlay.on{
display:block;
}	
.ld-overlay.is-act,.ld-overlay.is-deact{display:block;-webkit-animation-duration:.5s;animation-duration:.5s;    visibility: visible;
    z-index: 1000;}
	
.loading-container .round[data-v-202205] img{
    /* text-align: center; */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}
	.tableR table tbody tr td.court .chk_t.r_end span {
   
    position: relative;
}

	.tableR table tbody tr td.court .chk_t.r_end.tt:before {
   display:none;
}
	.tableR table tbody tr td.court .chk_t.r_end.tt span:before {
/*text-decoration: line-through; */
    position: absolute;
    /* left: 50%; */
    width: 100%;
    height: 1px;
    font-size: 18px;
    line-height: 1px;
    color: #888;
    top: 6px;
    /* margin-left: -9px; */
    /* margin-top: -9px; */
    text-align: center;
    content: '';
    background: #aaa;
}

.area_calendar .calendar table td.last-month.chk:after {
    position: absolute;
    right: 10%;
    width: 10px;
    height: 10px;
    font-size: 10px;
    line-height: 1;
    color: #000;
    top: 22%;
    margin-left: -5px;
    margin-top: -5px;
    text-align: center;
    content: '';
    font-family: 'shop-font';
    display: block;
    font-weight: bold;
}
.check_box2 input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.check_box2 input[type="checkbox"] + label:before {
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 0;
    content: '';
    border: 1px solid #ccc;
    background: #fff;
    box-sizing: border-box;
}
.check_box2 input[type="checkbox"] + label {
    display: inline-flex;
    line-height: 18px;
    font-size: 0;
    color: #ccc;
    align-items: center;
    vertical-align: middle;
}
.check_box2 input[type="checkbox"] + label:before {
    border-radius: 2px;
    border: 2px solid #ccc;
}
@media only screen and (max-width: 768px){
.rent_cal{position: relative;z-index:1;    min-height: 300px;}


.tableR table tbody tr td.court .chk_t2.r_end:before {
    /* text-decoration: line-through; */
    position: absolute;
    /* left: 50%; */
    width: 93%;
    height: 1px;
    font-size: 18px;
    line-height: 1px;
    color: #888;
    top: 8px;
    /* margin-left: -9px; */
    /* margin-top: -9px; */
    text-align: center;
    content: '';
    background: #aaa;
}


}




#court_09 .chk_d{
/*display:none;*/
}



/* 캘린더 */
.area_calendar .control{position:relative; margin-bottom:20px;}
.area_calendar .control > div{display:inline-block; border:1px solid #f4f4f4;}
.area_calendar .control > div > *{display:inline-block; vertical-align:middle;}
.area_calendar .control > div > p{height:48px; line-height:48px; padding:0 20px;  border-right:1px solid #f4f4f4; border-left:1px solid #f4f4f4; font-size:20px;    }
.area_calendar .control > div .btn_next,.area_calendar .control > div .btn_prev{width: 50px;height:50px; position:relative;}
.area_calendar .control .btn_today{display:inline-block; position:absolute; top:0px; right:0px; min-width:100px; height:50px; line-height:48px; box-sizing:border-box; background:#365ec3; border:1px solid #2c52b1; color:#fff; font-size:15px; text-align:center;     cursor: pointer;}
.area_calendar .calendar{float:left; width:100%; box-sizing:border-box;}
.area_calendar .calendar table{table-layout:fixed;width:100%;}

.area_calendar .calendar table.type02{table-layout:fixed;width:50%;float: left;min-height: 580px;}

.area_calendar .calendar table th,
.area_calendar .calendar table td{text-align:center;width:14.2%;}


.area_calendar .calendar table {
    border-spacing: 0;
    border-collapse: collapse;
}


.area_calendar .calendar table th{padding:10px; background:#365ec3; border:1px solid #365ec3; color:#fff; }
.area_calendar .calendar table td{height:87px; border:1px solid #e0e6e9; line-height:0em;position: relative;}

	

.area_calendar .calendar table td.on {
    border: 1px solid #E13300;

}
.area_calendar .calendar table td.today.on {
    border: 1px solid #e0e6e9;
}
.area_calendar .calendar table td > a,
.area_calendar.type02 .calendar table td > div{display:block; /*position:relative;*/ height:auto; box-sizing:border-box; padding:0px 10px 0px; transition:all 0.4s ease-out 0s;}
.area_calendar .calendar table td > a:hover,
.area_calendar.type02 .calendar table td > div:hover{z-index:0;}
.area_calendar .calendar table td.none > a:hover,
.area_calendar.type02 .calendar table td.none > div:hover{box-shadow:none;}
.area_calendar .calendar table th[data-calendar="sun"]{color:#fff;}
.area_calendar .calendar table th[data-calendar="sat"]{color:#fff;}
.area_calendar .calendar table td em{display:block; position:absolute; top:20px;font-size: 13px; left:0px; width:100%; text-align:center;    }
.area_calendar .calendar *[data-calenda="in"]{display:inline-block; position:relative; width:8px; height:8px; box-sizing:border-box; margin-top:3px; border:1px solid #e3e3fd; border-radius:100%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.area_calendar .calendar *[data-calenda="in"]:before{content:''; display:block; position:absolute; top:50%; left:50%; width:4px; height:4px; margin:-2px 0 0 -2px; background:#3e3ef4; border-radius:50%;}
.area_calendar .calendar .today{background:#f2f5ff;}
.area_calendar .calendar .sat{background:#F4F4FF;}
.area_calendar .calendar .sun{background:#FFF6F6;}

.area_calendar .calendar .today > *:after{/*content:'T'; display:inline-block; position:absolute; top:10px; right:5px; width:15px; height:15px; line-height:15px; border-radius:50%; background:#365ec3; color:#fff; font-size:10px;*/}
.area_calendar .calendar .on{background:#e51b13 !important;color:#fff;}
.area_calendar .calendar .on.today{background:#f2f5ff !important;color:#000;}
.area_calendar .calendar .sat.on.today{background:#e51b13 !important;color:#fff;}
.area_calendar .calendar .sun.on.today{background:#e51b13 !important;color:#fff;}
.area_calendar .calendar .normal.on.today{background:#e51b13 !important;color:#fff;}
.area_calendar .calendar .none{background:#f3f3f3;}
.area_calendar .calendar .none > *{overflow:hidden; cursor:default; color:#b7b7b7;}
.area_calendar .calendar .none > *:before{content:''; display:block; position:absolute; top:0; right:0; width:200%; height:1px; background:#e0e0e0; transform:rotate(-37deg); transform-origin:100% 0;}

.area_calendar .list{float:left; overflow:hidden; position:relative; width:50%; box-sizing:border-box; background:#f9f9f9;    border-top: 1px solid #eee;
 border-left: 0px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;}
.area_calendar .list p{padding:11px 15px 10px; font-size:18px;border-bottom:1px solid #eee;}
.area_calendar .list li{/*border-top:1px dashed #eee*/}
.area_calendar .list li > a,
.area_calendar .list li > span{display:block; padding:15px 60px 15px 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s ease-out 0s;}
.area_calendar .list li > a:hover{background:#fff; color:#222;}
.area_calendar .list li:first-child{border-top:0px;}





.area_calendar .bx-controls{position:absolute; right:0px; top:0px; text-align:right;z-index:1;}
.area_calendar .bx-controls a{display:inline-block; position:relative; width:50px; height:43px; box-sizing:border-box; border:1px solid #e1e9ec; background:#fff; border-right-width:0px; font-size:0px; vertical-align:top;}
.area_calendar .bx-controls a.bx-next{border-right-width:1px; font-size: 1.125em;}
.area_calendar .bx-controls a.bx-prev{font-size: 1.125em;}
.area_calendar .bx-controls a:before{content:''; display:block; position:absolute; top:50%; left:50%; width:8px; height:12px; margin:-6px 0 0 -4px; }
.area_calendar .bx-controls a.bx-next:before{ position: absolute;
    left:50%;
    width: 18px;
    height: 18px;
 font-size: 18px;
    line-height: 1em;
    color: #000;
	top:50%;
	margin-left:-9px;
	margin-top:-9px;
    text-align: center;
    content: '\E931';
    font-family: 'shop-font';
    display: block;}

.area_calendar .bx-controls a.bx-prev:before{ position: absolute;
    left:50%;
    width: 18px;
    height: 18px;
 font-size: 18px;
    line-height: 1em;
    color: #000;
	top:50%;
	margin-left:-9px;
	margin-top:-9px;
    text-align: center;
    content: '\E92D';
    font-family: 'shop-font';
    display: block;}





.area_calendar .control > div .btn_next:before {
 position: absolute;
    left:50%;
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 1em;
    color: #000;
	top:50%;
	margin-left:-9px;
	margin-top:-9px;
    text-align: center;
    content: '\E931';
    font-family: 'shop-font';
    display: block;
}



.area_calendar .control > div .btn_prev:before {
position: absolute;
    left:50%;
    width: 18px;
    height: 18px;
   font-size: 18px;
    line-height: 1em;
    color: #000;
	top:50%;
	margin-left:-9px;
	margin-top:-9px;
    text-align: center;
    content: '\E92D';
    font-family: 'shop-font';
    display: block;
}

.area_calendar .bx-controls a.bx-next:before {
    position: absolute;
    left: 50%;
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 1em;
    color: #000;
    top: 50%;
    margin-left: -9px;
    margin-top: -9px;
    text-align: center;
    content: '\E931';
    font-family: 'shop-font';
    display: block;
}


.area_calendar .bx-controls a.bx-next.btn-disabled{
     background: #fff;}

.area_calendar .bx-controls a.bx-next.btn-disabled{
 opacity:1;}
.area_calendar .bx-controls a.bx-next.btn-disabled:before {
    position: absolute;
    left: 50%;
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 1em;
    color: #ccc;
    top: 50%;
    margin-left: -9px;
    margin-top: -9px;
    text-align: center;
    content: '\E931';
    font-family: 'shop-font';
    display: block;
}

.rent_cal_list ul li span.rx{
    line-height: 22px;
    height: 22px;
}
.rent_cal_list ul li span.rxt{
    line-height: 22px;
    height: 22px;
}
.rent_cal_list ul li span.rx:before{

    position: absolute;
    left: 50%;
    width: 13px;
    height: 13px;
    font-size: 11px;
    line-height: 1em;
    color: #000;
    top: 50%;
    margin-left:-6.5px;
    margin-top: -6.5px;
    text-align: center;
    content: '\E934';
    font-family: 'shop-font';
    display: block;

}
.rent_cal_list ul li span.rxt:before{

    position: absolute;
    left: 50%;
    width: 13px;
    height: 13px;
    font-size: 13px;
    line-height: 1em;
    color: #000;
    top: 50%;
    margin-left:-6.5px;
    margin-top: -6.5px;
    text-align: center;
    content: '\E940';
    font-family: 'shop-font';
    display: block;

}


.area_calendar .view{clear:both; padding-top:40px;}


.area_calendar .calendar table th{background: #090f33;
    border-color: #142143;}
.area_calendar .control .btn_today{    background: #379DF6;
    border-color: #379DF6;}
.area_calendar .calendar .today > *:after{background:#050b2f;}
.area_calendar .control .btn_today.no{background:#e51b13; border-color:#e51b13;}

.area_calendar .control .btn_today.ny {
    background: #ffbb3b;
    border-color: #ffbb3b;
}

.area_calendar .calendar table td .label {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 3px;
    vertical-align: middle;
    top: -1px;
    position: relative;
}

.tit{position: relative;margin:0 auto;margin-bottom: 30px;text-align:center;}

.tit.mt {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
	margin-top: 30px;
    text-align: right;
    display: inline-block;width: 100%;
}

.area_calendar .calendar table td .re{
    border-color: #BD1920;
    background: #BD1920;
    color: #fff;
    min-height: 20px;
    min-width: 54px;
    padding: 2px 10px;
    margin: 0;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 25px;
    text-align: center;
    
}

.area_calendar .calendar table.type02 td .re,.area_calendar .calendar table.type02 td .rb,.area_calendar .calendar table.type02 td .rh,.area_calendar .calendar table.type02 td .rx,.area_calendar .calendar table.type02 td .rt,.area_calendar .calendar table.type02 td .rk{
    font-size: 11px;    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 30px;
}

.area_calendar .calendar table.type02 td .re, .area_calendar .calendar table.type02 td .rb, .area_calendar .calendar table.type02 td .rh, .area_calendar .calendar table.type02 td .rx, .area_calendar .calendar table.type02 td .rt, .area_calendar .calendar table.type02 td .rk{
    font-size: 10px;
    position: absolute;
    left: 50%;
    margin-left: -27px;
    bottom: 30px;
}


.area_calendar .calendar table td .rh{
    border-color: #ffbb3b;
    background: #ffbb3b;
    color: #fff;
    min-height: 20px;
    min-width: 54px;
    padding: 2px 10px;
    margin: 0;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 25px;
    text-align: center;
    
}



.area_calendar .calendar table td .rb{
    border-color: #379DF6;
    background: #379DF6;
    color: #fff;
    min-height: 20px;
    min-width: 54px;
    padding: 2px 10px;
    margin: 0;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 25px;
    text-align: center;
    
}

.area_calendar .calendar table td .rt{
    border-color: #00C73C;
    background: #00C73C;
    color: #fff;
    min-height: 20px;
    min-width: 54px;
    padding: 2px 10px;
    margin: 0;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 25px;
    text-align: center;
    
}
.area_calendar .calendar table td .rk{
    border-color: #090f33;
    background: #090f33;
    color: #fff;
    min-height: 20px;
    min-width: 54px;
    padding: 2px 10px;
    margin: 0;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 25px;
    text-align: center;
    
}
.area_calendar .calendar table td .rx{
    border-color: #fff;
    background: none;
    color: #fff;
    min-height: 20px;
    min-width: 54px;
    padding: 2px 10px;
    margin: 0;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 0;
    text-align: center;
    
}
.area_calendar .calendar table td .label {
display:none;
}
.area_calendar .calendar table td span.rb,.area_calendar .calendar table td span.rx,.area_calendar .calendar table td span.rh,.area_calendar .calendar table td span.re,.area_calendar .calendar table td span.rt,.area_calendar .calendar table td span.rk{
    position: absolute;
    left: 50%;
    /* bottom: 20px; */
    margin-left: -30px;
    /* padding: 0px 10px; */
    /* margin: 0 auto; */
    margin-top: 40px;
}
.label_w{margin-left: 0px;font-size: 13px;    color: #777;}
.label_w > li{float: none;margin-left: 20px;    display: inline-block;    }

.area_calendar .calendar table td span.ty{
margin-top: 20px;
    display: block;
    position: absolute;
    top: 0px;
    font-size: 13px;
    left: 0px;
    width: 100%;
    text-align: center;
    
}
.area_calendar .calendar table td em {
    display: block;
    /*position: absolute;*/
    top: 25px;
    font-size: 13px;
    left: 0px;
    width: 100%;
    text-align: center;
    
}




.cca{background: #BD1920;}
.ccb{background: #379DF6;}
.ccc{background:#ffbb3b;}
.ccd{background: #cccccc;}
.cct{background: #00C73C;}
.ccx {
    background: #8C8C8C;
}
.cck{background: #142143;}
.label_w > li:first-child {
    margin-left: 0px;
}

.tit .label{display: inline-block;width: 8px;height: 8px;border-radius:50%;margin-right: 3px;vertical-align: middle;;top: -1px;
    position: relative;}
.color-purple{color:#930c71}
.color-purple2{color:#8936e0}
.color-purple3{color:#b725b2}
.color-navy{color: #0e0e71}
.color-blue{color: #0f218b}
.color-grey{color: #333}
.color-orange{color: #ff7200}
.color-white{color:#fff}
.color-yellow2{color: #ffb400}
.color-red{color: #e60012}


.bg-purple{background: #760c72;color: #fff}
.bg-purple_r{border:1px solid #930c71;color: #930c71}
.bg-purple2_r{border:1px solid #b725b2;color: #b725b2}
.bg-orange_r{border:1px solid #fd9815;color: #fd9815}
.bg-green{background: #0c868f;color: #fff}
.bg-black{background: #000;color: #fff}
.bg-black_r{border: 1px solid #000;color: #000}
.bg-orange{background: #ff7200}
.bg-orange2{background: #ff2929}
.bg-purple2{background: #8936e0}
.bg-pink{background: #ff019a}
.bg-purple3{background: #930c71;color: #fff}
.bg-yellow{background: #ffa801}
.bg-blue{background: #0170ff}
.bg-blue2{background: #01b5ff}
.bg-navy{background: #0e0e71;color:#fff}

.bg-s1{background: #359CF6;color: #fff}
.bg-s2{background: #DBBD7E;color: #fff}
.bg-s3{background: #D32627;color: #fff}
.bg-s4{background: #DB807E;color: #fff}
.bg-s5{background: #4AB453;color: #fff}
.bg-s6{background: #F1C40F;color: #fff}
.bg-s7{background: #1ABC9C;color: #fff}
.bg-s8{background: #8A4A99;color: #fff}
.bg-s9{background: #66AFAF;color: #fff}
.bg-s10{background: #666666;color: #fff}

.check_box {margin:0;padding: 0px;}
.check_box {display:inline-block; position:relative;line-height:1;}
.check_box + .check_box {margin-left:0;}
.check_box input[type="checkbox"] {position:absolute; width:100%; height:100%; top:0; left:0; opacity:0;}
.check_box input[type="checkbox"] + label {display:inline-flex; line-height:18px; font-size:0; color:#ccc; align-items:center;vertical-align: middle;}
.check_box input[type="checkbox"] + label:before {display:block; width:18px; height:18px; margin-right:0; content:''; border:1px solid #ccc; background:#fff; box-sizing:border-box;}
.check_box input[type="checkbox"]:checked + label:before {border-color:#EB1B22; background:#EB1B22 url('../img/ico_chk.png') no-repeat 0 0 / 18px auto;}
.check_box input[type="checkbox"]:disabled + label:before {background:#999;}
.check_box input[type="checkbox"]:checked:disabled + label:before {background:#EB1B22 url('../img/ico_chk.png') no-repeat 0 -18px / 18px auto;}
.check_box input[type="checkbox"]:checked + label:before, input[type="checkbox"]:disabled + label:before {color:#393939}
.check_box.no_label input[type="checkbox"] + label {display:block; width:18px; height:18px; overflow: hidden;}
.check_box.no_label input[type="checkbox"] + label:before {margin-right:0;}


.echeck_box {margin:0;padding: 0px;}
.echeck_box {/* display:inline-block; */position:relative;line-height:1;}
.echeck_box + .echeck_box {margin-left:0;}
.echeck_box input[type="checkbox"] {position:absolute; width:100%; height:100%; top:0; left:0; opacity:0;}
.echeck_box input[type="checkbox"] + label {display:inline-flex; line-height:18px; font-size:0; color:#ccc; align-items:center;vertical-align: middle;}
.echeck_box input[type="checkbox"] + label:before {display:block; width:18px; height:18px; margin-right:0; content:''; border:1px solid #ccc; background:#fff; box-sizing:border-box;}
.echeck_box input[type="checkbox"]:checked + label:before {border-color:#EB1B22; background:#EB1B22 url('../img/ico_chk.png') no-repeat 0 0 / 18px auto;}
.echeck_box input[type="checkbox"]:disabled + label:before {background:#999;}
.echeck_box input[type="checkbox"]:checked:disabled + label:before {background:#EB1B22 url('../img/ico_chk.png') no-repeat 0 -18px / 18px auto;}
.echeck_box input[type="checkbox"]:checked + label:before, input[type="checkbox"]:disabled + label:before {color:#393939}
.echeck_box.no_label input[type="checkbox"] + label {display:block; width:18px; height:18px; overflow: hidden;}
.echeck_box.no_label input[type="checkbox"] + label:before {margin-right:0;}


.v_btn {display: inline-block;vertical-align: top;width: -webkit-calc(49.0% - 0px);width: calc(49.0% - 0px);height: 58px;padding: 19px 0;font-size: 16px;letter-spacing: -0.025em;line-height: 1;text-align: center;background: transparent;border: 1px solid transparent;border-radius: 5px;cursor: pointer;-moz-appearance: none; -webkit-appearance: none;}
.v_btn > em {display: inline-block;position: relative;font-weight: 500;-webkit-transition: padding 300ms;transition: padding 300ms;}
.v_btn > em:after {}
body.ie .v_btn > em:after {margin-top: -9px;}
.v_btn.disabled {width: 49.5%;color: #fff;background: #000;border-color: #000;}
.v_btn.v_btn_list {color: #e51b13;background: #fff;border-color: #e51b13;margin-right:5px;}
.v_btn.v_btn_check {color: #fff;background: #029f6d;border-color: #029f6d;}

.v_btn.v_btn_check.no {
    color: #fff;
    background: #000;
    border-color: #000;
}

.c_btn {cursor: pointer;display: inline-block;vertical-align: top;width: -webkit-calc(32.6666% - 0px);width: calc(32.6666% - 0px);height: 58px;padding: 19px 0;font-size: 16px;letter-spacing: -0.025em;line-height: 1;text-align: center;background: transparent;border: 1px solid transparent;border-radius: 5px;}
.c_btn > em {display: inline-block;position: relative;-webkit-transition: padding 300ms;transition: padding 300ms;}
.c_btn > em:after {}
body.ie .c_btn > em:after {margin-top: -9px;}
.c_btn.disabled {width: 32.6666%;color: #fff;background: #000;border-color: #000;margin-right:5px;}
.c_btn.c_btn_list {color: #e51b13;background: #fff;border-color: #e51b13;}
.c_btn.c_btn_check {color: #fff;background: #e51b13;border-color: #e51b13;}

.s_btn {cursor: pointer;display: inline-block;vertical-align: top;width: 80px;height: 32px;padding:0;font-size: 13px;letter-spacing: -0.025em;line-height: 1;text-align: center;background: transparent;border: 1px solid transparent;border-radius: 5px;}
.s_btn > em {display: inline-block;position: relative;-webkit-transition: padding 300ms;transition: padding 300ms;}
.s_btn > em:after {}
body.ie .s_btn > em:after {margin-top: -9px;}
.s_btn.disabled {width: 80px;color: #fff;background: #000;border-color: #000;}
.s_btn.s_btn_list {color: #e51b13;background: #fff;border-color: #e51b13;margin-right:5px;}
.s_btn.s_btn_check {color: #fff;background: #e51b13;border-color: #e51b13;}


.v_btn.v_btn_check.bx-white{
background: #fff;

}


@media (max-width:768px){
.v_btn {
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(49.5% - 0px);
    width: calc(49% - 0px);
    height: 38px;
    padding: 12px 0;
    font-size: 12px;
    letter-spacing: -0.025em;
    line-height: 1;
    text-align: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
}

.c_btn {
    display: inline-block;
    vertical-align: top;
    width: -webkit-calc(28% - 0px);
    width: calc(28% - 0px);
    height: 38px;
    padding: 12px 0;
    font-size: 12px;
    letter-spacing: -0.025em;
    line-height: 1;
    text-align: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
}
.c_btn.disabled {
    width: 28%;
 
}

.view_information_action {
    margin-top: 10px;
	margin-bottom:18px;
}
.view_information_action_group.mgb20{
margin-bottom:0px;
}

.content_area_status {
    padding: 15px 15px;
  }

}



.area_calendar .calendar table td > a{
    display: block;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    padding: 28px 10px 5px;
    transition: all 0.4s ease-out 0s;
}
.area_calendar .calendar table td.tt > a:hover {
    z-index: 10;
    box-shadow: 0 8px 15px rgb(0 0 0 / 10%);
}
.area_calendar .calendar table td.tt.chk{
z-index: 10;   
   box-shadow: 0 8px 15px rgb(0 0 0 / 10%);
}

.area_calendar .control > div.month{
    display: inline-block;
    border: 1px solid #f4f4f4;
    height: 52px;
    line-height: 52px;
    padding: 0 20px;
    border-right: 0px solid #f4f4f4;
    border-left: 0px solid #f4f4f4;
    font-size: 20px;
    
}
.area_calendar .calendar table td.chk {
    z-index: 10;
    box-shadow: 0 8px 15px rgb(0 0 0 / 10%);
}
.area_calendar .calendar table td .rex {
border-color: #C6C6C6;
    background: #C6C6C6;
    color: #fff;
    min-height: 20px;
    min-width: 54px;
    padding: 2px 10px;
    margin: 0;
    font-size: 12px;
    line-height: 2;
    /* color: #898989; */
    /* border: 1px solid #d8e2e5; */
    border-radius: 25px;
    text-align: center;
 }

.area_calendar .calendar table td span.rb,.area_calendar .calendar table td span.rex, .area_calendar .calendar table td span.rx, .area_calendar .calendar table td span.rh, .area_calendar .calendar table td span.re, .area_calendar .calendar table td span.rt, .area_calendar .calendar table td span.rk {
    position: absolute;
    left: 50%;
    top: 50%;
    /* bottom: 20px; */
    /* margin-left: -30px; */
    /* padding: 0px 10px; */
    /* margin: 0 auto; */
    /* margin-top: 0px; */
	margin: 0 auto;
	margin-top: 10px;
    transform: translate(-50%, -50%);
}

.area_calendar .calendar table td span.ty {
    margin-top: 25px;
}
.area_calendar .calendar table td {
    height: 80px;
}
.area_calendar .calendar table td.past > a {
cursor: initial;
}
@media (max-width: 1023px){


.area_calendar .calendar table td > a, .area_calendar.type02 .calendar table td > div {
    display: block;
    position: relative;
    height: 100%;
    box-sizing: border-box;
    padding: 18px 10px 22px;
    transition: all 0.4s ease-out 0s;
}
.area_calendar .calendar table.type02 {
    table-layout: fixed;
    width: 100%;
    float: left;min-height: auto;
}
.area_calendar .calendar, .area_calendar .list {
    float: none;
    width: 100%;
}
.area_calendar .calendar table td .cc {
/*display:none;*/
}

.area_calendar .calendar table td .label {
    display: none;
}
.area_calendar .calendar table td .re,.area_calendar .calendar table td .rb,.area_calendar .calendar table td .rh,.area_calendar .calendar table td .rex  {
    min-height: 30px;
    min-width: auto;
    padding: 2px 6px;
    margin: 0;
    font-size: 10px;border-radius:5px;
    line-height:2 ;

}
.area_calendar .calendar table td .re,.area_calendar .calendar table td .rex,.area_calendar .calendar table td .rb,.area_calendar .calendar table td .rt,.area_calendar .calendar table td .rk,.area_calendar .calendar table td .rh, .area_calendar .calendar table td .rx,.area_calendar .calendar table.type02 td .re,.area_calendar .calendar table.type02 td .rb,.area_calendar .calendar table.type02 td .rh, .area_calendar .calendar table.type02 td .rx  {
    min-height: 20px;
    min-width: auto;
    padding: 2px 6px;
    margin: 0;
    font-size: 10px;border-radius:10px;
    line-height:2 ;

}
.area_calendar .calendar table td .re,.area_calendar .calendar table td .rex, .area_calendar .calendar table td .rb,.area_calendar .calendar table td .rt,.area_calendar .calendar table td .rk, .area_calendar .calendar table td .rh, .area_calendar .calendar table td .rx, .area_calendar .calendar table.type02 td .re, .area_calendar .calendar table.type02 td .rb, .area_calendar .calendar table.type02 td .rh, .area_calendar .calendar table.type02 td .rx {
    min-height: 20px;
    min-width: 50px;
    padding: 0px 6px;
    margin: 0;
    font-size: 10px;
    border-radius: 10px;
    line-height: 2;
}
.area_calendar .calendar table.type02 td .re, .area_calendar .calendar table.type02 td .rb, .area_calendar .calendar table.type02 td .rh, .area_calendar .calendar table.type02 td .rx, .area_calendar .calendar table.type02 td .rt,.area_calendar .calendar table.type02 td .rk {
    font-size: 10px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -10px;
}
.area_calendar .list{border-top: 1px solid #eee;
 border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;}

.area_calendar .calendar table td {
    height: 68px;
}

.area_calendar .calendar table td span.rb,.area_calendar .calendar table td span.rex, .area_calendar .calendar table td span.rx, .area_calendar .calendar table td span.rh, .area_calendar .calendar table td span.re, .area_calendar .calendar table td span.rt, .area_calendar .calendar table td span.rk {

    /* bottom: 20px; */
    margin-left: 0px;
    /* padding: 0px 10px; */
    /* margin: 0 auto; */
    margin-top:10px;
}


.area_calendar .list p {
    padding: 11px 15px 10px;
    font-size: 13px;
    border-bottom: 1px solid #eee;
}
.area_calendar .calendar table td span.ty {
    margin-top: 5px;
    display: block;
    position: absolute;
    top: 15px;
    font-size: 13px;
    left: 0px;
    width: 100%;
    text-align: center;
}
}
@media (max-width: 768px){

.area_calendar .calendar table td span.ty {
    margin-top: 5px;
 }
.area_calendar .calendar, .area_calendar .list {
    float: none;
    width: 100%;
}

.area_calendar .list {
    height: auto !important;
}
.area_calendar .control > div.month {
    font-size: 14px;
  
}	
.area_calendar .calendar table td span.rb, .area_calendar .calendar table td span.rex, .area_calendar .calendar table td span.rx, .area_calendar .calendar table td span.rh, .area_calendar .calendar table td span.re, .area_calendar .calendar table td span.rt, .area_calendar .calendar table td span.rk {
    margin-top: 8px;
}	



}
@media (max-width: 480px){
.area_calendar .calendar table td span.ty {
    margin-top: 0px;
 }
.area_calendar .calendar table td {
    height: 42px;background:#fff;
}
.area_calendar .calendar table td > a, .area_calendar.type02 .calendar table td > div {
    padding: 18px 10px 28px;
}
.area_calendar .calendar table td .re, .area_calendar .calendar table td .rb, .area_calendar .calendar table td .rh, .area_calendar .calendar table td .rx {
    min-height: 0;
    min-width: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
    border-radius: 0;
    line-height: 0;
    /* display: none; */
}

 .area_calendar .calendar table td .label {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 0px;
    vertical-align: middle;
    top: 0px;
    position: relative;
	margin:0 auto;
	/*margin-top: -10px;
    margin-bottom: 10px;*/
}
.area_calendar .calendar table td .cc {
display:none;
}

.area_calendar .calendar table td .label {
    display: block;
}
.area_calendar .calendar table.type02 td .cc {
display:none;
}

.area_calendar .calendar table.type02 td .label {
    display: block;
}


.tableR table thead tr th {

    font-size: 12px;

}
.area_calendar .calendar table.type02 td .re, .area_calendar .calendar table.type02 td .rb, .area_calendar .calendar table.type02 td .rh, .area_calendar .calendar table.type02 td .rx, .area_calendar .calendar table.type02 td .rt, .area_calendar .calendar table.type02 td .rk {
    /* font-size: 10px; */
    /* position: absolute; */
    /* left: 50%; */
    margin-left: -4px;
    /* bottom: 10px; */;
}

.area_calendar .calendar table td span.rb, .area_calendar .calendar table td span.rx,, .area_calendar .calendar table td span.rex, .area_calendar .calendar table td span.rh, .area_calendar .calendar table td span.re, .area_calendar .calendar table td span.rt, .area_calendar .calendar table td span.rk {
    position: absolute;
    left: 50%;
    margin-left: 0px;
	margin-top:10px;
	top:50%;
	bottom:auto;
    padding: 0px;
	min-height: 0;
	border-color:none; 
    background: none;
}

.area_calendar .calendar table td .re,.area_calendar .calendar table td .rex,.area_calendar .calendar table td .rb, .area_calendar .calendar table td .rt, .area_calendar .calendar table td .rk, .area_calendar .calendar table td .rh, .area_calendar .calendar table td .rx, .area_calendar .calendar table.type02 td .re, .area_calendar .calendar table.type02 td .rb, .area_calendar .calendar table.type02 td .rh, .area_calendar .calendar table.type02 td .rx {
    min-height: 0;
    min-width: auto;
    padding:0;
    margin: 0;
    font-size: 10px;
    border-radius: 10px;
    line-height: 2;
	margin-top:0px;margin-left:-4px;

}

.area_calendar .calendar table td span.rb, .area_calendar .calendar table td span.rx, .area_calendar .calendar table td span.rex, .area_calendar .calendar table td span.rh, .area_calendar .calendar table td span.re, .area_calendar .calendar table td span.rt, .area_calendar .calendar table td span.rk {
      bottom: auto;

}


}
.tableR {
    border-top: 3px solid #000;
}
.tableR table thead tr th {
    color: #333;
    font-size: 13px;
    padding: 10px 0;
    border-right: 1px solid #ededed;
    background: #f7f7f7;
    text-align: center;
    vertical-align: middle;
}



.check_box input[type="checkbox"]:checked + label:before {
    border-color: #EB1B22;
    background: #EB1B22;
    position: absolute;
    /* right: 10%; */
    width: 18px;
    height: 18px;
    font-size: 10px;
    line-height: 1.5;
    left: 50%;
    color: #fff;
    top: 50%;
    margin-left: -9px;
    margin-top: -9px;
    text-align: center;
    content: '\E904';
    font-family: 'shop-font';
    display: block;
    font-weight: bold;
}

.check_box input[type="checkbox"] + label:before
 {
    border-radius: 2px;
    border: 2px solid #ccc;
}

.check_box input[type="checkbox"]:disabled + label:before
 {
    background: #ccc;
}
.tableR table {
    width: 100%;
    min-height: 210px;
}
@media only screen and (max-width: 960px){

    .scrollDiv .tableR {
        width: 100%;
    }
    .view_information_action {
        margin-top: -3px;
        margin-bottom: 18px;
    }

.tableR table {
    width: 100%;
    min-height: 210px;
}

}

@media only screen and (max-width: 768px){

    .scrollDiv .tableR {
        width: 100%;
    }
    .view_information_action {
        margin-top: -3px;
        margin-bottom: 18px;
    }

.tableR table {
    width: 100%;
    min-height: 210px;
}

}
.tableR table tbody tr td .check_box.nomg {
    float: none;
    width: 100%;
    display: inline-block;
    height: 100%;
    padding: 7px 0px 7px 1px;
}

.chk_row {
    display: grid;
    grid-template-columns: 20% 30% 1fr;
    grid-template-rows: auto auto;
    column-gap: 0;
    row-gap: 0;
    margin-bottom: 0px;
	border-right: 1px solid #eee;
}

.tableR table tbody tr td:last-child .chk_row{
 border-right: 0px solid #eee;
}


.tableR table tbody tr td .check_box {
border-right: 0px solid #ededed;

}
.tableR table tbody tr td.court .chk_d {
    border-right: 0px solid #ededed;
}

.tableR table tbody tr td.court ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sel-top     { grid-column: 1; grid-row: 1;border-right: 1px solid #eee; }
.inwon_cell  { grid-column: 2; grid-row: 1 / span 2;  /* 세로 200% */ 
               display:flex; 
			   align-items:center; 
			   justify-content:center;
               border-bottom:1px solid #eee;
			   border-radius:0px; 
			   padding:10px 12px;
			   border-right: 1px solid #eee;
			   }
.time-top    { grid-column: 3; grid-row: 1; }

.sel-bottom  { grid-column: 1; grid-row: 2; border-right: 1px solid #eee;}
.time-bottom { grid-column: 3; grid-row: 2; }


.chk_d { border:0px solid #eee; border-radius: 0px; overflow: hidden; }
.chk_d ul { list-style: none; margin: 0; padding: 8px 0px; }
.chk_t.r_end { white-space: nowrap; }


.cell.empty .chk_d { visibility: hidden; }


.inwon_box .label { color:#666; margin-right:6px; font-size:12px; }
.inwon_box .value { font-size:12px; color:#666; }

.tableR table tbody tr td.court {
    padding: 0px 0;
    vertical-align: top;
    border-right: 0px;
}

.tableR table tbody tr td.court .ctitle ul {
    border-right: 1px solid #eee;
}

.tableR table tbody tr td.court:last-child .ctitle ul {
    border-right: 0px solid #eee;
}

.tableR table tbody tr td.court:last-child .chk_d {
    border-right: 0px solid #ededed;
}

.tableR table tbody tr td.court {
    padding: 0px 0;
    vertical-align: top;
    border-right: 0px;
}


@media (max-width: 1024px) {
  .chk_row { grid-template-columns: 20% 30% 1fr; }
}