/*체크박스 커스텀*/



ul.ks-cboxtags {
    list-style: none;
    padding: 0px;
}
ul.ks-cboxtags li{
  display: inline;
}
ul.ks-cboxtags li label{
    display: inline-block;
    background-color: rgba(255, 255, 255, .9);
    border: 2px solid rgba(139, 139, 139, .3);
    color: #adadad;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

ul.ks-cboxtags li label {
    padding: 8px 12px;
    cursor: pointer;
}

ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    font-size: 12px;
    content: "";
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
    content: "";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    border: 2px solid #1bdbf8;
    background-color: #12bbd4;
    color: #fff;
    transition: all .2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
  display: absolute;
}
ul.ks-cboxtags li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
ul.ks-cboxtags li input[type="checkbox"]:focus + label {
  border: 2px solid #e9a1ff;
}




.ks-cboxtags  h3 {font-size:20px;} 
.ks-cboxtags small {font-size:14px; color:#888;}



.select-custom {width:100%; display:block; padding:10px; }
.textarea-box {width:100%; display:block; min-height:250px; border:1px solid #d9d9d9; padding:10px;}
.group h6 {margin-bottom:15px;  color:#c2c2c2; font-size:12px; font-weight:400;}

.text-samll {font-size:12px;}



/**  선생님 디테일 페이지 정산내역 상세보기 **/


.calculate {
  border-top: 1px solid #ddd;
}
.calculate .item.in .head a {
  color: #fff;
	border:1px solid #4c089e
}

.calculate .item.in .head a div, span {
  color: #333;
}
.fc-title {color:#fff;}
.fc-day-grid-event {width:50px; height:20px; border-radius:50%;   line-height:30px; float:right; text-align:center;  font-size:12px; position:relative; right:0 ;}
.fc-content {line-height:17px; font-size:10px;}

.calculate .item.in .body {
  display: block;
}
.calculate .head,
.calculate .body {
  border: 1px solid #ddd;
  border-top: 0;
  background-color: #fff;
  box-sizing: border-box;
}
.calculate .head a {
  display: block;
  padding: 20px;
}
.calculate .body {
  display: none;
    background-color: #fff;
  padding: 20px 40px;
  padding-bottom:50px;
}

.count-class { font-size:12px;}
.count-class span {margin-right:10px;  line-height:20px;}
.calculate-price {font-size:12px;}


.withdraw-table {width:100%; display:table; color:#333; font-weight:14px; background:#fff; border:1px solid #d9d9d9}
.withdraw-table th {font-size:12px; background:#d9d9d9; padding:10px; border-bottom:1px solid #fff; display:table-cell;}
.withdraw-table td {font-size:12px; border-bottom:1px dashed #888;  padding:10px}
.withdraw-table .class_name p {margin-bottom:0;}
.withdraw-table thead {width:100%; display:table;}
.withdraw-table tbody {width:100%; display:table;}
.withdraw-table tfoot {font-weight:bold; width:100%; display:table;}
.withdraw-table .totalfoot-th {background:#f3f2f3}
.withdraw-table .totalfoot-td {background:#333; color:#fff; border-bottom:0;}




.class_schedule {padding:15px;} 
.select_title {font-size:24px; color:#333;  text-align:left; padding:0px 0 0; margin-bottom:35px;}
.class_schedule {padding:0;}
.class_schedule_list {list-style:none; margin-top:10px ; font-size:14px;  background:#fbfbfb; border-bottom:1px dashed #6c1ed4;  padding:15px 15px 25px;}

.class_schedule_list .class_title {font-weight:900;}
.class_schedule_list .times strong {color:#6c1ed4 !important}
.class_schedule_list .decription {margin-top:10px;  font-size:12px;}
.class_schedule_join {font-size:12px!important; padding:5px 10px !important; border-radius:3px;}



 @media (max-width:768px) {
 .select_title {font-size:12px; color:#333;  text-align:left; padding:0px 0 0; margin-bottom:20px;}
 .select_title {margin-top:25px; }
 .fc-widget-content {height:40px !important}
 .fc-scroller {height:385px !important;}
 .fc-day-top {text-align:center !important}
 .fc-day-number {float:none; width:100%; text-align:Center;}
 .section-sub .my-class {padding-top:0}
 .class_schedule_join {font-size:12px!important; padding:5px 10px !important;  margin:15px 0; border-radius:3px;}


.fc-event-container {text-align:center !important; position:relative; width:100%; display:block;}
 .fc-day-grid-event  {float:none; margin:0 auto !important;   width:30%;}

 }


.schedule_table {width:100%; display:table;  font-size:14px;}
.schedule_table_bt {background: #6c1ed4; color: #fff; font-size:12px; border-radius: 8px; padding: 8px 15px; font-weight:400; text-align: center;}