@font-face {
  font-family: "NanumSquareWebFont";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local("NanumSquare"),url("https://xcdn.home-learn.com/homelearn/fonts/NanumSquare/NanumSquareL.woff") format("woff");
}

@font-face {
  font-family: "NanumSquareWebFont";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local("NanumSquare"),url("https://xcdn.home-learn.com/homelearn/fonts/NanumSquare/NanumSquareR.woff") format("woff");
}

@font-face {
  font-family: "NanumSquareWebFont";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local("NanumSquare"),url("https://xcdn.home-learn.com/homelearn/fonts/NanumSquare/NanumSquareB.woff") format("woff");
}

@font-face {
  font-family: "NanumSquareWebFont";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: local("NanumSquare"),url("https://xcdn.home-learn.com/homelearn/fonts/NanumSquare/NanumSquareEB.woff") format("woff");
}

.hams-tutor-student .unit-table.table-digest-calendar .plan-list li,
.part-timetable .timetable-calendar .plan-list li {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
}

.hams-tutor-counsel-report-main .counsel-report-box .memobox .txt {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.part-link .link-process .link-process-view .tit.tit-blind .tit,
.part-uptake .uptake-choice-item .tit-wrap .tit.tit-blind,
.part-assay-estimate .estimate-choice-item .tit-wrap.tit-blind .tit {
  visibility: hidden;
}

.blind,
legend {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -999em;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-align: left;
}

caption {
  position: relative;
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.part-assay-performance .performance-card-case .card-case-group .card-case-item:before,
.part-assay-performance .performance-card-case .card-case-group .card-case-item:after {
  content: '';
  display: table;
}

.part-assay-performance .performance-card-case .card-case-group .card-case-item:after {
  clear: both;
}

.part-timetable::after,
.part-timetable-list::after,
.part-course-other::after {
  contents: '';
  display: block;
  clear: both;
}

.ico,
.share-paging-box .paging.paging1 i.paging-btn,
.share-ico {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999em;
}

.no-img .ico,
.no-img .share-paging-box .paging.paging1 i.paging-btn,
.share-paging-box .paging.paging1 .no-img i.paging-btn,
.no-img .share-ico {
  overflow: auto;
  text-indent: 0;
}

html {
  font-family: "Nanum Gothic",sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #000;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

div,
span,
object,
iframe,
p,
a,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
textarea,
figure,
figcaption,
footer,
header,
hgroup,
menu,
main,
nav,
section,
audio,
video,
input,
button,
select {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  word-wrap: break-word;
  vertical-align: baseline;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

em,
address {
  font-style: normal;
}

dl,
ul,
ol,
li {
  list-style: none;
}

img {
  -webkit-touch-callout: none;
}

img,
fieldset {
  border: 0 none;
}

img,
input,
select,
textarea,
i,
span,
em {
  vertical-align: baseline;
}

a {
  text-decoration: none;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
}

a,
button {
  cursor: pointer;
}

a,
a:link,
a:active,
a:hover {
  text-decoration: none;
  color: #000;
}

a::hover {
  text-decoration: underline;
}

a::active,
a::hover {
  outline: 0;
}

select {
  border-radius: 0;
  -webkit-apperance: listbox;
  -moz-apperance: listbox;
  -webkit-appearance: listbox;
  -moz-appearance: listbox;
  appearance: listbox;
}

input[placeholder] {
  line-height: 1;
}

input::-webkit-input-placeholder {
  text-align: center;
  color: #fff;
}

input::-moz-placeholder {
  text-align: center;
  color: #fff;
}

input:-moz-placeholder {
  text-align: center;
  color: #fff;
}

input:-ms-input-placeholder {
  text-align: center;
  color: #fff;
}

input:focus::-webkit-input-placeholder {
  opacity: 0;
}

input:focus::-moz-placeholder {
  opacity: 0;
}

input:focus::-ms-input-placeholder {
  opacity: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  padding: 0 !important;
}

button {
  border: 0 none;
  background-color: transparent;
  outline: 0 none;
}

body {
  font-family: "Nanum Gothic",sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  overflow: hidden;
  background-color: #fff;
}

body.overflow-auto {
  overflow: auto;
}

.overflow-auto {
  overflow: auto;
}

.overflow-auto-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x {
  overflow-x: auto;
}

.dp-table {
  display: table;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}

.dp-cell {
  display: table-cell;
  vertical-align: middle;
}

.dp-block {
  display: block;
}

.dp-inline {
  display: inline-block;
}

.vt {
  vertical-align: top;
}

.vm {
  vertical-align: middle;
}

.vb {
  vertical-align: bottom;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

.txt-center {
  text-align: center;
}

.pos-r {
  position: relative;
}

.pos-a {
  position: absolute;
}

.mt-5 {
  margin-top: 5px;
}

.mt-3 {
  margin-top: 3px;
}

.ml-5 {
  margin-left: 5px;
}

.t-bold {
  font-weight: 700;
}

.t-extrabold {
  font-weight: 800;
}

.underline {
  text-decoration: underline;
}

.wrapper {
  letter-spacing: 0;
}

.wrapper.wrap1 {
  min-width: 963px;
  padding: 10px 20px;
}

.wrapper.wrap2 {
  height: 100%;
}

.wrapper.wrap2 form {
  height: 100%;
}

.ico {
  display: inline-block;
}

.ico.i-ascending,
.ico.i-up {
  vertical-align: top;
  font-size: 0;
}

.ico.i-ascending:before,
.ico.i-up:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -3px;
  margin-left: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 5px solid #b2b2b2;
  content: "";
}

.ico.i-descending,
.ico.i-down {
  vertical-align: top;
  font-size: 0;
}

.ico.i-descending:before,
.ico.i-down:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -3px;
  margin-left: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #b2b2b2;
  content: "";
}

a.sem-admin-link {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin: 0 15px;
  border-radius: 4px;
  background-color: #ff8331;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
}

.hams-take-calendar .inputbox,
.hams-take-calendar .t-calendar {
  display: inline-block;
}

.hams-take-calendar .t-calendar {
  margin: 0 5px;
  font-size: 13px;
  vertical-align: middle;
}

.share-paging-box {
  margin: 10px 0;
  font-size: 12px;
}

.share-paging-box.mtb-15 {
  margin: 15px 0;
}

.share-paging-box .paging {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.share-paging-box .paging li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.share-paging-box .paging.paging1 li {
  display: inline-block;
  margin: 0 2px;
  vertical-align: top;
}

.share-paging-box .paging.paging1 li span {
  display: inline-block;
  width: auto;
  height: 20px;
  padding: 0 6px;
  line-height: 18px;
  border: 1px solid #d4d4d4;
  background-color: #fff;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: center;
}

.share-paging-box .paging.paging1 li.on span {
  border-color: #b3b3b3;
  background-color: #b3b3b3;
  color: #fff;
}

.share-paging-box .paging.paging1 i.paging-btn {
  display: inline-block;
  width: 5px;
  height: 9px;
  margin-top: 5px;
  vertical-align: top;
}

.share-paging-box .paging.paging1 i.paging-btn.paging-prev {
  background-image: url("../images/today/i-paginng-prev.png");
}

.share-paging-box .paging.paging1 i.paging-btn.paging-next {
  background-image: url("../images/today/i-paginng-next.png");
}

.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-70 {
  margin-top: 70px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.mr-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.share {
  font-family: "Nanum Gothic",sans-serif;
}

.share.dp-inline {
  display: inline-block !important;
}

.share.dp-block {
  display: block !important;
}

.share.dp-flex {
  display: flex;
}

.share.dp-table {
  display: table !important;
  margin: 0;
  text-align: left;
}

.share.dp-table .dp-cell {
  display: table-cell;
}

.share.dp-table.col-2 .dp-cell {
  width: 50% !important;
}

.share.dp-table.col-3 .dp-cell {
  width: 33.3% !important;
}

.share.dp-table.col-4 .dp-cell {
  width: 25% !important;
}

.share.dp-table.col-5 .dp-cell {
  width: 20% !important;
}

.share.vt {
  vertical-align: top !important;
}

.share.vm {
  vertical-align: middle !important;
}

.share.vb {
  vertical-align: bottom !important;
}

.share.vt {
  vertical-align: top !important;
}

.share.txt-left {
  text-align: left !important;
}

.share.txt-center {
  text-align: center !important;
}

.share.txt-right {
  text-align: right !important;
}

.share.mt-0 {
  margin-top: 0px !important;
}

.share.mt-10 {
  margin-top: 10px !important;
}

.share.mt-20 {
  margin-top: 20px !important;
}

.share.mt-30 {
  margin-top: 30px !important;
}

.share.mt-40 {
  margin-top: 40px !important;
}

.share.mt-50 {
  margin-top: 50px !important;
}

.share.mt-60 {
  margin-top: 60px !important;
}

.share.mt-70 {
  margin-top: 70px !important;
}

.share.mt-80 {
  margin-top: 80px !important;
}

.share.mt-90 {
  margin-top: 90px !important;
}

.share.mt-5 {
  margin-top: 5px !important;
}

.share.mt-15 {
  margin-top: 15px !important;
}

.share.mt-25 {
  margin-top: 25px !important;
}

.share.mt-35 {
  margin-top: 35px !important;
}

.share.mt-45 {
  margin-top: 45px !important;
}

.share.mt-55 {
  margin-top: 55px !important;
}

.share.mt-65 {
  margin-top: 65px !important;
}

.share.mt-75 {
  margin-top: 75px !important;
}

.share.mt-85 {
  margin-top: 85px !important;
}

.share.mt-95 {
  margin-top: 95px !important;
}

.share.mb-0 {
  margin-bottom: 0px !important;
}

.share.mb-10 {
  margin-bottom: 10px !important;
}

.share.mb-20 {
  margin-bottom: 20px !important;
}

.share.mb-30 {
  margin-bottom: 30px !important;
}

.share.mb-40 {
  margin-bottom: 40px !important;
}

.share.mb-50 {
  margin-bottom: 50px !important;
}

.share.mb-60 {
  margin-bottom: 60px !important;
}

.share.mb-70 {
  margin-bottom: 70px !important;
}

.share.mb-80 {
  margin-bottom: 80px !important;
}

.share.mb-90 {
  margin-bottom: 90px !important;
}

.share.mb-5 {
  margin-bottom: 5px !important;
}

.share.mb-15 {
  margin-bottom: 15px !important;
}

.share.mb-25 {
  margin-bottom: 25px !important;
}

.share.mb-35 {
  margin-bottom: 35px !important;
}

.share.mb-45 {
  margin-bottom: 45px !important;
}

.share.mb-55 {
  margin-bottom: 55px !important;
}

.share.mb-65 {
  margin-bottom: 65px !important;
}

.share.mb-75 {
  margin-bottom: 75px !important;
}

.share.mb-85 {
  margin-bottom: 85px !important;
}

.share.mb-95 {
  margin-bottom: 95px !important;
}

.share.ml-0 {
  margin-left: 0px !important;
}

.share.ml-10 {
  margin-left: 10px !important;
}

.share.ml-20 {
  margin-left: 20px !important;
}

.share.ml-30 {
  margin-left: 30px !important;
}

.share.ml-40 {
  margin-left: 40px !important;
}

.share.ml-50 {
  margin-left: 50px !important;
}

.share.ml-60 {
  margin-left: 60px !important;
}

.share.ml-70 {
  margin-left: 70px !important;
}

.share.ml-80 {
  margin-left: 80px !important;
}

.share.ml-90 {
  margin-left: 90px !important;
}

.share.ml-5 {
  margin-left: 5px !important;
}

.share.ml-15 {
  margin-left: 15px !important;
}

.share.ml-25 {
  margin-left: 25px !important;
}

.share.ml-35 {
  margin-left: 35px !important;
}

.share.ml-45 {
  margin-left: 45px !important;
}

.share.ml-55 {
  margin-left: 55px !important;
}

.share.ml-65 {
  margin-left: 65px !important;
}

.share.ml-75 {
  margin-left: 75px !important;
}

.share.ml-85 {
  margin-left: 85px !important;
}

.share.ml-95 {
  margin-left: 95px !important;
}

.share.mr-0 {
  margin-right: 0px !important;
}

.share.mr-10 {
  margin-right: 10px !important;
}

.share.mr-20 {
  margin-right: 20px !important;
}

.share.mr-30 {
  margin-right: 30px !important;
}

.share.mr-40 {
  margin-right: 40px !important;
}

.share.mr-50 {
  margin-right: 50px !important;
}

.share.mr-60 {
  margin-right: 60px !important;
}

.share.mr-70 {
  margin-right: 70px !important;
}

.share.mr-80 {
  margin-right: 80px !important;
}

.share.mr-90 {
  margin-right: 90px !important;
}

.share.mr-5 {
  margin-right: 5px !important;
}

.share.mr-15 {
  margin-right: 15px !important;
}

.share.mr-25 {
  margin-right: 25px !important;
}

.share.mr-35 {
  margin-right: 35px !important;
}

.share.mr-45 {
  margin-right: 45px !important;
}

.share.mr-55 {
  margin-right: 55px !important;
}

.share.mr-65 {
  margin-right: 65px !important;
}

.share.mr-75 {
  margin-right: 75px !important;
}

.share.mr-85 {
  margin-right: 85px !important;
}

.share.mr-95 {
  margin-right: 95px !important;
}

.share .underline {
  text-decoration: underline;
}

.share-ico {
  display: inline-block;
}

.share-ico.i-ascending,
.share-ico.i-up {
  vertical-align: top;
  font-size: 0;
}

.share-ico.i-ascending:before,
.share-ico.i-up:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -3px;
  margin-left: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 5px solid #b2b2b2;
  content: "";
}

.share-ico.i-descending,
.share-ico.i-down {
  vertical-align: top;
  font-size: 0;
}

.share-ico.i-descending:before,
.share-ico.i-down:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -3px;
  margin-left: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #b2b2b2;
  content: "";
}

.share-popup-ui {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.share-popup-ui .dim {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.23;
}

.share-popup-ui .pos-a {
  position: absolute;
  top: 0;
  left: 0;
}

.share-popup-ui .dp-table {
  display: table;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}

.share-popup-ui .dp-cell {
  display: table-cell;
  vertical-align: middle;
}

.share-popup-ui.open {
  display: block;
}

.share-button {
  border-radius: 4px !important;
}

.share-button .button-txt {
  display: inline-block !important;
  color: #fff !important;
  font-family: "Nanum Gothic",sans-serif !important;
  line-height: 1.75 !important;
}

.share-button .button-txt.txt-size-12 {
  font-size: 12px !important;
}

.share-button .button-txt.txt-size-13 {
  font-size: 13px !important;
}

.share-button.color-default {
  background-color: #9f9f9f !important;
}

.share-button.color-primary {
  background-color: #5c70a4 !important;
}

.share-button.color-secondary {
  background-color: #ff946a !important;
}

.share-button.size-small {
  min-width: 60px !important;
  padding: 2px 20px !important;
}

.share-button.size-medium {
  min-width: 93px !important;
  padding: 4px 20px !important;
}

.share-button.size-full {
  width: 100% !important;
}

.share-button.size-icon {
  min-width: 30px !important;
  padding: 3px 0 !important;
}

.share-button.size-icon .ico.i-search {
  margin-top: 3px;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("../images/schoolrecord/i-search.png");
  background-position: 0 0;
}

.share-inputbox {
  width: auto !important;
}

.share-inputbox.size-full {
  width: 100% !important;
}

.share-inputbox input[type='text'],
.share-inputbox input[type='password'],
.share-inputbox input[type='submit'],
.share-inputbox input[type='search'],
.share-inputbox input[type='number'] {
  height: 29px !important;
  padding: 0 5px !important;
  border: 1px solid #d9d9d9 !important;
  line-height: 1 !important;
  box-sizing: border-box;
}

.share-inputbox .share-input {
  width: 100% !important;
  height: 29px !important;
  border: 1px solid #dbdbdb !important;
  padding: 0 10px !important;
  color: #5c5c5c !important;
  font-size: 12px !important;
  font-family: "Nanum Gothic",sans-serif !important;
  text-align: left !important;
}

.share-inputbox .share-input.input-basic {
  height: 26px !important;
  line-height: 26px !important;
}

.share-grp {
  font-size: 0;
}

.share-selectbox {
  position: relative;
  display: inline-block;
  width: auto;
  min-width: 90px;
  height: 25px;
  line-height: 1;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  box-sizing: border-box;
}

.share-selectbox.size-full {
  width: 100%;
}

.share-selectbox:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #afaeae;
  content: "";
}

.share-selectbox select.share-select {
  width: 100% !important;
  height: 100% !important;
  padding: 0 40px 0 10px !important;
  border: 0 none !important;
  background-color: transparent !important;
  color: #5c5c5c !important;
  font-size: 13px !important;
  text-align: left !important;
  opacity: 1 !important;
  -moz-appearance: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  outline: none;
}

.share-selectbox select.share-select:disabled {
  background-color: #fafafa !important;
}

.share-selectbox option {
  min-height: 1.6em !important;
}

.share-tablebox .share-selectbox.size-full .share-select {
  width: auto !important;
}

.share-tablebox table.share-table {
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
  color: #5c5c5c !important;
  word-break: break-all !important;
}

.share-tablebox table.share-table.layout-fixed {
  table-layout: fixed !important;
}

.share-tablebox table.share-table th,
.share-tablebox table.share-table td {
  text-align: center !important;
  line-height: 1.4em !important;
  border: 1px solid #dbdbdb !important;
  vertical-align: middle !important;
}

.share-tablebox table.share-table th input,
.share-tablebox table.share-table th span,
.share-tablebox table.share-table th button,
.share-tablebox table.share-table td input,
.share-tablebox table.share-table td span,
.share-tablebox table.share-table td button {
  vertical-align: middle !important;
}

.share-tablebox table.share-table th .head-area {
  position: relative !important;
  color: #000 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  font-family: "Nanum Gothic",sans-serif !important;
}

.share-tablebox table.share-table th .txt-order-grp {
  display: inline-block;
  margin-right: 26px;
}

.share-tablebox table.share-table td.td-left {
  text-align: left !important;
}

.share-tablebox table.share-table td.td-right {
  text-align: right !important;
}

.share-tablebox table.share-table td .body-area {
  position: relative !important;
  color: #000 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: "Nanum Gothic",sans-serif !important;
}

.share-tablebox table.share-table .btn-order-grp {
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -25px;
}

.share-tablebox table.share-table .btn-order-grp .btn-order {
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #dbdbdb;
  background-color: #f6f6f6;
}

.share-tablebox table.share-table .btn-order-grp .btn-order.btn-ascending {
  position: absolute;
  top: 10px;
  right: 0;
}

.share-tablebox table.share-table .btn-order-grp .btn-order.btn-descending {
  position: absolute;
  top: 26px;
  right: 0;
  border-top: 0 none;
}

.share-tablebox table.share-table.table-default th {
  padding: 7px 5px !important;
  background-color: #efefef !important;
  border-bottom-width: 2px !important;
}

.share-tablebox table.share-table.table-default td {
  padding: 7px 5px !important;
  background-color: #fff !important;
}

.wrapper,
.wrapper form,
.hams-tutor-student,
.ai-wrapper {
  height: 100%;
}

.hams-tutor-student .hams-tutor-schoolrecord-main {
  width: 100%;
  height: calc(100% - 43px);
  margin-top: 0;
}

.hams-tutor-student .ai-scroll {
  position: relative;
  height: 100%;
  overflow-y: hidden;
}

.hams-tutor-student .unit-fixedbar {
  display: none;
}

.hams-tutor-student .unit-quick {
  top: 43px;
}

.hams-tutor-student .unit-quick.ai-quick {
  top: 43px;
}

.hams-tutor-student .unit-quick.on {
  right: 20px;
}

.hams-tutor-student.fixedbar-on .unit-fixedbar {
  display: block;
}

.hams-tutor-student.fixedbar-on .hams-tutor-schoolrecord-main {
  height: calc(100% - 86px);
  margin-top: 43px;
}

.hams-tutor-student.fixedbar-on .unit-quick {
  top: 86px;
}

.hams-tutor-student.fixedbar-on .unit-quick.ai-quick {
  top: 86px;
}

.hams-tutor-student.fixedbar-on .unit-quick.on {
  right: 20px;
}

.hams-tutor-student.submenu-off .unit-quick {
  top: 86px;
}

.hams-tutor-student.submenu-off .unit-quick.ai-quick {
  top: 86px;
}

.hams-tutor-student input,
.hams-tutor-student textarea,
.hams-tutor-student select,
.hams-tutor-student button,
.hams-tutor-student h1,
.hams-tutor-student h2,
.hams-tutor-student h3,
.hams-tutor-student h4,
.hams-tutor-student h5,
.hams-tutor-student h6 {
  font-family: "Nanum Gothic",sans-serif;
}

.hams-tutor-student .ico.i-paging-prev {
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("../images/schoolrecord/i-paging-prev.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-paging-next {
  display: inline-block;
  width: 5px;
  height: 10px;
  background: url("../images/schoolrecord/i-paging-next.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-digest-calendar-smile {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/schoolrecord/i-digest-calendar-smile.png");
  background-position: 0 0;
  vertical-align: middle;
}

.hams-tutor-student .ico.i-digest-calendar-smile-dim {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("../images/schoolrecord/i-digest-calendar-smile-dim.png");
  background-position: 0 0;
  vertical-align: middle;
}

.hams-tutor-student .ico.i-calendar-prev {
  display: inline-block;
  width: 10px;
  height: 18px;
  background: url("../images/schoolrecord/i-calendar-prev.png");
  background-position: 0 0;
  vertical-align: middle;
}

.hams-tutor-student .ico.i-calendar-next {
  display: inline-block;
  width: 10px;
  height: 18px;
  background: url("../images/schoolrecord/i-calendar-next.png");
  background-position: 0 0;
  vertical-align: middle;
}

.hams-tutor-student .ico.i-digest-calendar-bg {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #fff1cc;
  border: 1px solid #d9d9d9;
  vertical-align: middle;
  box-sizing: border-box;
}

.hams-tutor-student .ico.i-search {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("../images/schoolrecord/i-search.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-timetable-delete {
  display: inline-block;
  width: 7px;
  height: 8px;
  background: url("../images/schoolrecord/i-timetable-delete.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-timetable-close {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../images/schoolrecord/i-timetable-close.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-timetable-calendar {
  display: inline-block;
  width: 10px;
  height: 12px;
  background: url("../images/schoolrecord/i-timetable-calendar.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-state-bad {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/schoolrecord/i-state-bad-nodata.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-state-normal {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/schoolrecord/i-state-normal-nodata.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-state-good {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/schoolrecord/i-state-good-nodata.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-pop-star {
  display: inline-block;
  width: 14px;
  height: 13px;
  background: url("../images/schoolrecord/i-star-chk-on.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-star-chk-off {
  display: inline-block;
  width: 14px;
  height: 13px;
  background: url("../images/schoolrecord/i-star-chk-off.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-request-delete {
  display: inline-block;
  width: 7px;
  height: 8px;
  background: url("../images/schoolrecord/i-request-delete.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-counsel-report-star {
  display: inline-block;
  width: 7px;
  height: 6px;
  background: url("../images/schoolrecord/i-counsel-report-star.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-interface-prev {
  display: inline-block;
  width: 6px;
  height: 9px;
  background: url("../images/schoolrecord/i-interface-prev.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-interface-next {
  display: inline-block;
  width: 6px;
  height: 9px;
  background: url("../images/schoolrecord/i-interface-next.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-favorite {
  display: inline-block;
  width: 17px;
  height: 16px;
  background: url("../images/schoolrecord/i-favorite-off.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-favorite.on {
  display: inline-block;
  width: 17px;
  height: 16px;
  background: url("../images/schoolrecord/i-favorite-on.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-dropbox-add-plus {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../images/schoolrecord/i-dropbox-add-plus.png");
  background-position: 0 0;
}

.hams-tutor-student .ico.i-dropbox-close-x {
  display: inline-block;
  width: 7px;
  height: 8px;
  background: url("../images/schoolrecord/i-dropbox-close-x.png");
  background-position: 0 0;
}

.hams-tutor-student .dp-inline {
  display: inline-block;
  vertical-align: middle;
}

.hams-tutor-student .vm {
  vertical-align: middle;
}

.hams-tutor-student .mt-5 {
  margin-top: 5px;
}

.hams-tutor-student .mt-10 {
  margin-top: 10px;
}

.hams-tutor-student .mt-15 {
  margin-top: 15px;
}

.hams-tutor-student .mt-20 {
  margin-top: 20px;
}

.hams-tutor-student .mt-25 {
  margin-top: 25px;
}

.hams-tutor-student .mt-30 {
  margin-top: 30px;
}

.hams-tutor-student .mt-35 {
  margin-top: 35px;
}

.hams-tutor-student .mt-40 {
  margin-top: 40px;
}

.hams-tutor-student .mt-45 {
  margin-top: 45px;
}

.hams-tutor-student .mt-50 {
  margin-top: 50px;
}

.hams-tutor-student .mt-70 {
  margin-top: 70px;
}

.hams-tutor-student .mr-5 {
  margin-right: 5px;
}

.hams-tutor-student .mr-10 {
  margin-right: 10px;
}

.hams-tutor-student .mr-20 {
  margin-right: 20px;
}

.hams-tutor-student .ml-10 {
  margin-left: 10px;
}

.hams-tutor-student .ml-20 {
  margin-left: 20px;
}

.hams-tutor-student .mb-20 {
  margin-bottom: 20px;
}

.hams-tutor-student .mb-30 {
  margin-bottom: 30px;
}

.hams-tutor-student .mb-40 {
  margin-bottom: 40px;
}

.hams-tutor-student .mb-50 {
  margin-bottom: 50px;
}

.hams-tutor-student .mb-60 {
  margin-bottom: 60px;
}

.hams-tutor-student .hams-tutor-schoolrecord-main {
  position: relative;
  padding: 10px;
  box-sizing: border-box;
  overflow-y: auto;
}

.hams-tutor-student .hams-tutor-schoolrecord-main-wrap {
  height: auto;
  margin-right: 115px;
}

.hams-tutor-student .hams-tutor-planner-main {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

.hams-tutor-student .hams-tutor-grand-panel {
  padding: 17px 23px 23px;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
}

.hams-tutor-student .hams-tutor-grand-panel.panel-grey {
  background-color: #fafafa;
}

.hams-tutor-student .hams-tutor-grand-panel.panel-white {
  background-color: #fff;
}

.hams-tutor-student .hams-tutor-point-panel {
  padding: 30px 20px;
  border: 2px solid #dbdbdb;
  background-color: #fafafa;
  box-sizing: border-box;
}

.hams-tutor-student .hams-tutor-point-panel.panel-inner {
  padding: 16px 18px;
}

.hams-tutor-student .hams-tutor-empty-panel {
  background-color: #edf1fa;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
}

.hams-tutor-student .navigation-head .navigation-nav {
  position: relative;
  display: block;
  background-color: #666;
}

.hams-tutor-student .navigation-head .navigation-nav .navigation-nav-group {
  font-size: 0;
}

.hams-tutor-student .navigation-head .navigation-nav .navigation-nav-item {
  position: relative;
  display: inline-block;
  height: 43px;
}

.hams-tutor-student .navigation-head .navigation-nav .navigation-nav-item .btn {
  padding: 0 43px;
  box-sizing: border-box;
}

.hams-tutor-student .navigation-head .navigation-nav .navigation-nav-item .btn .txt {
  line-height: 43px;
  color: #cbcaca;
  font-size: 15px;
  font-weight: 700;
}

.hams-tutor-student .navigation-head .navigation-nav .navigation-nav-item.on {
  background-color: #ed7c38;
}

.hams-tutor-student .navigation-head .navigation-nav .navigation-nav-item.on .btn .txt {
  color: #fff;
}

.hams-tutor-student .navigation-head .navigation-nav .navigation-nav-item .label {
  display: none;
  position: absolute;
  top: 5px;
  right: -5px;
  width: 38px;
  height: 18px;
  border-radius: 4px;
  background-color: #f6db27;
  box-sizing: border-box;
}

.hams-tutor-student .navigation-head .navigation-nav .navigation-nav-item .label::before {
  position: absolute;
  bottom: -8px;
  left: 6px;
  width: 0px;
  height: 0px;
  border-top: 4px solid #f6db27;
  border-right: 3px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 3px solid transparent;
  content: '';
}

.hams-tutor-student .navigation-head .navigation-nav .navigation-nav-item .label .txt {
  display: inline-block;
  color: #000;
  font-size: 11px;
  font-family: "Nanum Gothic",sans-serif;
  letter-spacing: -0.1em;
  line-height: 1.8;
}

.hams-tutor-student .navigation-head .navigation-nav .navigation-nav-item .label.on {
  display: inline-block;
}

.hams-tutor-student .navigation-nav-sub {
  display: none;
  position: relative;
  width: 100%;
  background-color: #ededed;
  font-size: 0;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-sub-group {
  margin-left: 213px;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-sub-item {
  position: relative;
  display: inline-block;
  height: 50px;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-sub-item::after {
  position: absolute;
  top: 50%;
  right: -2px;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #c1c1c1;
  content: '';
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-sub-item.on .btn .txt {
  color: #000;
  font-weight: 800;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-sub-item:last-child::after {
  display: none;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-sub-item .btn {
  padding: 0 15px;
  line-height: 50px;
  box-sizing: border-box;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-sub-item .txt {
  color: #808080;
  font-size: 16px;
  font-weight: 700;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail {
  position: absolute;
  top: 50%;
  right: 27px;
  margin-top: -12px;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .tit-wrap {
  margin-right: 9px;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .tit-wrap .tit {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .nav-detail-select {
  position: relative;
  display: inline-block;
  min-width: 178px;
  height: 25px;
  line-height: 25px;
  margin-right: 5px;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  z-index: 0;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .nav-detail-select label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 9px;
  color: #333;
  z-index: -1;
  box-sizing: border-box;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .nav-detail-select select {
  width: 100%;
  height: 100%;
  line-height: 100%;
  padding-left: 9px;
  border: 0 none;
  background-color: transparent;
  text-align: center;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .nav-detail-select:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #afaeae;
  content: "";
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .nav-detail-select option {
  min-height: 1.6em;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .nav-detail-btn {
  text-align: center;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .nav-detail-btn .btn-item {
  display: inline-block;
  margin: 0 3px;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .nav-detail-btn .btn-item:first-child {
  margin-left: 0;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .nav-detail-btn .btn-item:last-child {
  margin-right: 0;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .nav-detail-btn .btn {
  display: inline-block;
  width: auto;
  min-width: 69px;
  height: 25px;
  padding: 0 10px;
  line-height: 1;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .nav-detail-btn .btn.btn-tab {
  min-width: 79px;
  background-color: #9f9f9f;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .nav-detail-btn .btn.btn-tab.on {
  background-color: #ed7c38;
}

.hams-tutor-student .navigation-nav-sub .navigation-nav-detail .nav-detail-btn .txt {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.hams-tutor-student .navigation-nav-sub.on {
  display: block;
}

.hams-tutor-student .title-plain {
  display: inline-block;
  position: relative;
  width: 100%;
  font-size: 0;
}

.hams-tutor-student .title-plain.plain-sm {
  left: 10px;
}

.hams-tutor-student .title-plain.plain-sm .tit {
  font-size: 18px;
  font-weight: 700;
}

.hams-tutor-student .title-plain .tit-wrap {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.hams-tutor-student .title-plain .tit {
  display: inline-block;
  color: #000;
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
}

.hams-tutor-student .title-plain .tit-point {
  display: inline-block;
  color: #ed7c38;
  font-weight: 700;
}

.hams-tutor-student .title-plain .tit-radio .input-radio {
  vertical-align: middle;
}

.hams-tutor-student .title-plain .tit-radio .txt-chk {
  display: inline-block;
  margin-left: 3px;
  margin-right: 10px;
  vertical-align: middle;
  font-size: 13px;
  color: #5c5c5c;
  font-weight: 700;
}

.hams-tutor-student .title-plain .tit-checkbox .input-check {
  vertical-align: middle;
}

.hams-tutor-student .title-plain .tit-checkbox .txt-chk {
  display: inline-block;
  margin-left: 3px;
  margin-right: 10px;
  vertical-align: middle;
  font-size: 13px;
  color: #5c5c5c;
  font-weight: 700;
}

.hams-tutor-student .title-plain .tit-select {
  position: relative;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  margin-right: 5px;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  z-index: 0;
}

.hams-tutor-student .title-plain .tit-select label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 9px;
  color: #333;
  z-index: -1;
  box-sizing: border-box;
}

.hams-tutor-student .title-plain .tit-select select {
  width: 100%;
  height: 100%;
  line-height: 100%;
  padding-left: 9px;
  border: 0 none;
  background-color: transparent;
  text-align: center;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.hams-tutor-student .title-plain .tit-select:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #afaeae;
  content: "";
}

.hams-tutor-student .title-plain .tit-select option {
  min-height: 1.6em;
}

.hams-tutor-student .title-plain .tit-select.select-short {
  width: 104px;
}

.hams-tutor-student .title-plain .tit-select.select-long {
  width: 178px;
}

.hams-tutor-student .title-plain .tit-btn {
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
}

.hams-tutor-student .title-plain .tit-btn .btn-item {
  display: inline-block;
  margin: 0 3px;
}

.hams-tutor-student .title-plain .tit-btn .btn-item:first-child {
  margin-left: 0;
}

.hams-tutor-student .title-plain .tit-btn .btn-item:last-child {
  margin-right: 0;
}

.hams-tutor-student .title-plain .tit-btn .btn {
  display: inline-block;
  width: auto;
  min-width: 79px;
  height: 25px;
  padding: 0 10px;
  line-height: 1;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-student .title-plain .tit-btn .txt {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.hams-tutor-student .title-plain .tit-detail {
  color: #5c5c5c;
  font-size: 12px;
}

.hams-tutor-student .title-plain .tit-detail .tit-point {
  color: #ff8900;
}

.hams-tutor-student .title-line {
  display: inline-block;
  position: relative;
  margin-top: 14px;
}

.hams-tutor-student .title-line::before {
  position: absolute;
  top: -14px;
  left: 0;
  width: 15px;
  height: 2px;
  background-color: #fe7d4a;
  content: '';
}

.hams-tutor-student .title-line .tit {
  color: #000;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.hams-tutor-student .title-line .tit-point {
  color: #fe7d4a;
}

.hams-tutor-student .title-line .txt {
  color: #333;
  font-size: 18px;
}

.hams-tutor-student .title-dot {
  display: inline-block;
  position: relative;
  font-size: 0;
}

.hams-tutor-student .title-dot::before {
  position: absolute;
  top: 50%;
  left: 1px;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-radius: 50%;
  background-color: #3c4043;
  content: '';
}

.hams-tutor-student .title-dot .tit-wrap {
  display: inline-block;
  margin-left: 14px;
}

.hams-tutor-student .title-dot .tit-wrap .tit {
  display: inline-block;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
}

.hams-tutor-student .title-dot .tit-wrap .tit-point {
  color: #f25d3e;
}

.hams-tutor-student .title-dot .txt-wrap {
  margin-left: 15px;
}

.hams-tutor-student .title-dot .txt-wrap .txt {
  color: #000;
  font-size: 13px;
}

.hams-tutor-student .title-dot .txt-wrap .txt-point {
  color: #f2642c;
}

.hams-tutor-student .title-dot .txt-value-wrap {
  margin-left: 10px;
  vertical-align: middle;
}

.hams-tutor-student .title-dot .txt-value-wrap .txt {
  font-size: 16px;
  font-weight: 700;
}

.hams-tutor-student .title-dot-square {
  position: relative;
}

.hams-tutor-student .title-dot-square::before {
  position: absolute;
  top: 50%;
  left: 1px;
  width: 5px;
  height: 5px;
  margin-top: -2px;
  background-color: #ff7800;
  content: '';
}

.hams-tutor-student .title-dot-square .tit-wrap {
  display: inline-block;
  margin-left: 12px;
}

.hams-tutor-student .title-dot-square .tit-wrap .tit {
  display: inline-block;
  color: #000;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -0.035em;
  vertical-align: middle;
}

.hams-tutor-student .title-dot-square .txt-wrap {
  margin-left: 15px;
}

.hams-tutor-student .title-dot-square .txt-wrap .txt {
  color: #000;
  font-size: 13px;
}

.hams-tutor-student .title-dot-square .txt-wrap .txt-point {
  color: #f2642c;
}

.hams-tutor-student .unit-palette {
  display: inline-block;
  text-align: right;
  width: 100%;
  height: 20px;
}

.hams-tutor-student .unit-palette .palette-group {
  display: inline-block;
  position: relative;
  font-size: 0;
  *zoom: 1;
}

.hams-tutor-student .unit-palette .palette-group::after {
  display: block;
  clear: both;
  content: '';
}

.hams-tutor-student .unit-palette .palette-group .palette-item {
  float: right;
  width: 20px;
  height: 20px;
  margin: 0 2px;
}

.hams-tutor-student .unit-palette .palette-group .palette-item.level01 {
  background-color: #fadddb;
}

.hams-tutor-student .unit-palette .palette-group .palette-item.level02 {
  background-color: #eac3c4;
}

.hams-tutor-student .unit-palette .palette-group .palette-item.level03 {
  background-color: #e9a4a2;
}

.hams-tutor-student .unit-palette .palette-group .palette-item.level04 {
  background-color: #ec8289;
}

.hams-tutor-student .unit-palette .palette-group .palette-item.level05 {
  background-color: #ef525a;
}

.hams-tutor-student .unit-palette .palette-group .palette-item.level06 {
  background-color: #e8212a;
}

.hams-tutor-student .unit-palette .palette-group .palette-item.level07 {
  background-color: #cd2835;
}

.hams-tutor-student .unit-palette .palette-group .palette-item.level08 {
  background-color: #ab252f;
}

.hams-tutor-student .unit-palette .palette-group .palette-item.level09 {
  background-color: #930d17;
}

.hams-tutor-student .unit-palette .palette-group .palette-item.level10 {
  background-color: #9d0c17;
}

.hams-tutor-student .unit-palette .palette-group .palette-item:first-child {
  margin-right: 30px;
}

.hams-tutor-student .unit-palette .palette-group .palette-item:first-child::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
  color: #5c5c5c;
  font-size: 12px;
  line-height: 1;
  content: '낮음';
}

.hams-tutor-student .unit-palette .palette-group .palette-item:last-child {
  margin-left: 30px;
}

.hams-tutor-student .unit-palette .palette-group .palette-item:last-child::before {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  color: #5c5c5c;
  font-size: 12px;
  line-height: 1;
  content: '높음';
}

.hams-tutor-student .unit-table {
  word-break: break-all;
  letter-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.hams-tutor-student .unit-table.table-digest-calendar table {
  width: 100%;
  table-layout: fixed;
}

.hams-tutor-student .unit-table.table-digest-calendar tr:first-child td .num {
  margin-top: 7px;
}

.hams-tutor-student .unit-table.table-digest-calendar td {
  padding: 0 20px;
  border: 1px solid #ddd;
  background-color: #fff;
  vertical-align: top;
  text-align: center;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-digest-calendar .on {
  background-color: #fff1cc;
}

.hams-tutor-student .unit-table.table-digest-calendar .t-date .weekday,
.hams-tutor-student .unit-table.table-digest-calendar .t-date .num {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-digest-calendar .t-date .weekday {
  margin-top: 10px;
  color: #70757a;
}

.hams-tutor-student .unit-table.table-digest-calendar .t-date .num {
  margin-top: 10px;
  color: #3c4043;
}

.hams-tutor-student .unit-table.table-digest-calendar .plan-view {
  min-height: 126px;
  text-align: left;
}

.hams-tutor-student .unit-table.table-digest-calendar .plan-list li {
  position: relative;
  display: block;
  height: 14px;
  margin: 9px 0;
  color: #3c4043;
  font-size: 12px;
}

.hams-tutor-student .unit-table.table-digest-calendar .plan-confirm {
  margin-top: 23px;
  font-size: 0;
}

.hams-tutor-student .unit-table.table-digest-calendar .btn {
  vertical-align: middle;
  margin-left: 5px;
  min-width: 54px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
}

.hams-tutor-student .unit-table.table-digest-calendar .btn .txt {
  color: #fff;
  font-size: 12px;
}

.hams-tutor-student .unit-table.table-digest-calendar .btn.btn-complete {
  background-color: #6f8ad1;
}

.hams-tutor-student .unit-table.table-digest-calendar .btn.btn-incomplete {
  background-color: #f25d3e;
}

.hams-tutor-student .unit-table.table-digest-calendar .btn.btn-unvisited {
  margin-left: 5px;
  min-width: 54px;
  height: 20px;
  line-height: 20px;
  border-radius: 4px;
  background-color: #999;
}

.hams-tutor-student .unit-table.table-default table {
  width: 100%;
  table-layout: fixed;
}

.hams-tutor-student .unit-table.table-default th,
.hams-tutor-student .unit-table.table-default td {
  line-height: 1.4em;
  border: 1px solid #dbdbdb;
  vertical-align: middle;
  text-align: center;
}

.hams-tutor-student .unit-table.table-default th input,
.hams-tutor-student .unit-table.table-default th span,
.hams-tutor-student .unit-table.table-default td input,
.hams-tutor-student .unit-table.table-default td span {
  display: inline-block;
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table-default th {
  padding: 18px 10px;
  background-color: #efefef;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-default td {
  padding: 11px 10px;
  line-height: 1.4;
  background-color: #fff;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-default td.level01 {
  background-color: #fadddb;
}

.hams-tutor-student .unit-table.table-default td.level02 {
  background-color: #eac3c4;
}

.hams-tutor-student .unit-table.table-default td.level03 {
  background-color: #e9a4a2;
}

.hams-tutor-student .unit-table.table-default td.level04 {
  background-color: #ec8289;
}

.hams-tutor-student .unit-table.table-default td.level05 {
  background-color: #ef525a;
}

.hams-tutor-student .unit-table.table-default td.level05 .txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-default td.level06 {
  background-color: #e8212a;
}

.hams-tutor-student .unit-table.table-default td.level06 .txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-default td.level07 {
  background-color: #cd2835;
}

.hams-tutor-student .unit-table.table-default td.level07 .txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-default td.level08 {
  background-color: #ab252f;
}

.hams-tutor-student .unit-table.table-default td.level08 .txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-default td.level09 {
  background-color: #930d17;
}

.hams-tutor-student .unit-table.table-default td.level09 .txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-default td.level10 {
  background-color: #9d0c17;
}

.hams-tutor-student .unit-table.table-default td.level10 .txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-default thead th {
  border-bottom: 0 none;
}

.hams-tutor-student .unit-table.table-default thead .tit {
  color: #282828;
  font-size: 14px;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-default thead .tit.tit-underline {
  text-decoration: underline;
}

.hams-tutor-student .unit-table.table-default tbody .txt {
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.035em;
}

.hams-tutor-student .unit-table.table-default tbody .txt.txt-underline {
  text-decoration: underline;
}

.hams-tutor-student .unit-table.table-deep table {
  width: 100%;
  table-layout: fixed;
}

.hams-tutor-student .unit-table.table-deep th,
.hams-tutor-student .unit-table.table-deep td {
  line-height: 1.4em;
  border: 1px solid #dbdbdb;
  vertical-align: middle;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-deep th input,
.hams-tutor-student .unit-table.table-deep th span,
.hams-tutor-student .unit-table.table-deep td input,
.hams-tutor-student .unit-table.table-deep td span {
  display: inline-block;
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table-deep th {
  padding: 10px;
  text-align: center;
  background-color: #efefef;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-deep td {
  line-height: 1.4;
  background-color: #fff;
}

.hams-tutor-student .unit-table.table-deep td .btn {
  display: inline-block;
  width: auto;
  min-width: 70px;
  height: 26px;
  padding: 0 10px;
  margin: 3px;
  background-color: #9f9f9f;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-deep td .btn .btn-txt {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 26px;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-default {
  width: auto;
  min-width: auto;
  height: 100%;
  line-height: 1;
  padding: 3px 10px;
  background-color: #9f9f9f;
  font-size: 0;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-default .btn-txt {
  line-height: 1.4em;
  vertical-align: baseline;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-complete {
  background-color: #6f8ad1;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-complete .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-detail {
  background-color: #716fd1;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-detail .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-comment {
  background-color: #d16fc9;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-comment .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-study {
  background-color: #f1743d;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-study .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-yet {
  background-color: #999;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-yet .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-incorrect {
  width: 123px;
  background-color: #999;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-incorrect .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-unit-incorrect {
  width: 123px;
  background-color: #f25d3e;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-unit-incorrect .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-deep td .btn.btn-normal {
  position: relative;
  min-width: 65px;
  height: 21px;
  background-color: #9f9f9f;
}

.hams-tutor-student .unit-table.table-deep thead th {
  border-bottom: 2px solid #dbdbdb;
}

.hams-tutor-student .unit-table.table-deep thead .tit {
  color: #282828;
  font-size: 13px;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-deep tbody.on td {
  background-color: #fff1cc;
}

.hams-tutor-student .unit-table.table-deep tbody .txt {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.035em;
  padding: 15px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-deep tbody .txt.txt-underline {
  text-decoration: underline;
}

.hams-tutor-student .unit-table.table-deep a {
  display: inline-block;
}

.hams-tutor-student .unit-table.table-deep-scroll {
  overflow: hidden;
  overflow-x: scroll;
}

.hams-tutor-student .unit-table.table-deep-scroll table {
  width: 100%;
  table-layout: fixed;
}

.hams-tutor-student .unit-table.table-deep-scroll th,
.hams-tutor-student .unit-table.table-deep-scroll td {
  line-height: 1.4em;
  border: 1px solid #dbdbdb;
  vertical-align: middle;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-deep-scroll th input,
.hams-tutor-student .unit-table.table-deep-scroll th span,
.hams-tutor-student .unit-table.table-deep-scroll td input,
.hams-tutor-student .unit-table.table-deep-scroll td span {
  display: inline-block;
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table-deep-scroll th {
  padding: 10px;
  text-align: center;
  background-color: #efefef;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-deep-scroll td {
  line-height: 1.4;
  background-color: #fff;
  font-size: 0;
  padding: 15px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn {
  display: inline-block;
  width: auto;
  min-width: 70px;
  height: 26px;
  padding: 0 10px;
  margin: 3px;
  background-color: #9f9f9f;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn .btn-txt {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-complete {
  background-color: #6f8ad1;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-complete .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-detail {
  background-color: #716fd1;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-detail .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-comment {
  background-color: #d16fc9;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-comment .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-study {
  background-color: #f1743d;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-study .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-yet {
  background-color: #999;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-yet .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-incorrect {
  width: 123px;
  background-color: #999;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-incorrect .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-unit-incorrect {
  width: 123px;
  background-color: #f25d3e;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-unit-incorrect .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-deep-scroll td .btn.btn-normal {
  position: relative;
  min-width: 65px;
  height: 21px;
  background-color: #9f9f9f;
}

.hams-tutor-student .unit-table.table-deep-scroll thead th {
  border-bottom: 2px solid #dbdbdb;
}

.hams-tutor-student .unit-table.table-deep-scroll thead .tit {
  color: #282828;
  font-size: 13px;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-deep-scroll tbody.on td {
  background-color: #fff1cc;
}

.hams-tutor-student .unit-table.table-deep-scroll tbody .txt {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.035em;
}

.hams-tutor-student .unit-table.table-deep-scroll tbody .txt.txt-underline {
  text-decoration: underline;
}

.hams-tutor-student .unit-table.table-deep-scroll a {
  display: inline-block;
}

.hams-tutor-student .unit-table.table-no-scroll {
  overflow: hidden;
}

.hams-tutor-student .unit-table.table-no-scroll table {
  width: 100%;
  table-layout: auto;
}

.hams-tutor-student .unit-table.table-no-scroll th,
.hams-tutor-student .unit-table.table-no-scroll td {
  line-height: 1.4em;
  border: 1px solid #dbdbdb;
  vertical-align: middle;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-no-scroll th input,
.hams-tutor-student .unit-table.table-no-scroll th span,
.hams-tutor-student .unit-table.table-no-scroll td input,
.hams-tutor-student .unit-table.table-no-scroll td span {
  display: inline-block;
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table-no-scroll th {
  padding: 10px 5px;
  text-align: center;
  background-color: #efefef;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-no-scroll td {
  line-height: 1.4;
  background-color: #fff;
  font-size: 0;
  padding: 15px 5px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn {
  display: inline-block;
  width: auto;
  height: 100%;
  padding: 0 3px;
  margin: 3px 0;
  background-color: #9f9f9f;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn .btn-txt {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-default {
  display: inline-block;
  width: auto;
  height: 100%;
  padding: 0 3px;
  margin: 3px 0;
  background-color: #9f9f9f;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-default .btn-txt {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-complete {
  background-color: #6f8ad1;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-complete .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-detail {
  background-color: #716fd1;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-detail .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-comment {
  background-color: #d16fc9;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-comment .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-study {
  background-color: #f1743d;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-study .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-yet {
  background-color: #999;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-yet .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-incorrect {
  width: 123px;
  background-color: #999;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-incorrect .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-unit-incorrect {
  width: 123px;
  background-color: #f25d3e;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-unit-incorrect .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-no-scroll td .btn.btn-normal {
  position: relative;
  background-color: #9f9f9f;
}

.hams-tutor-student .unit-table.table-no-scroll thead th {
  border-bottom: 2px solid #dbdbdb;
}

.hams-tutor-student .unit-table.table-no-scroll thead .tit {
  color: #282828;
  font-size: 13px;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-no-scroll tbody.on td {
  background-color: #fff1cc;
}

.hams-tutor-student .unit-table.table-no-scroll tbody .txt {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.035em;
  padding: 0;
}

.hams-tutor-student .unit-table.table-no-scroll tbody .txt.txt-underline {
  text-decoration: underline;
}

.hams-tutor-student .unit-table.table-no-scroll a {
  display: inline-block;
}

.hams-tutor-student .unit-table.table-deep-2rows table {
  width: 100%;
  table-layout: fixed;
}

.hams-tutor-student .unit-table.table-deep-2rows th,
.hams-tutor-student .unit-table.table-deep-2rows td {
  line-height: 1.4em;
  border: 1px solid #dbdbdb;
  vertical-align: middle;
  text-align: center;
}

.hams-tutor-student .unit-table.table-deep-2rows th input,
.hams-tutor-student .unit-table.table-deep-2rows th span,
.hams-tutor-student .unit-table.table-deep-2rows td input,
.hams-tutor-student .unit-table.table-deep-2rows td span {
  display: inline-block;
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table-deep-2rows th.txt-left,
.hams-tutor-student .unit-table.table-deep-2rows td.txt-left {
  text-align: left;
}

.hams-tutor-student .unit-table.table-deep-2rows th {
  padding: 4px 9px;
  background-color: #efefef;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-deep-2rows td {
  padding: 11px 9px;
  line-height: 1.4;
  background-color: #fff;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-deep-2rows thead .tit {
  color: #282828;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.5;
}

.hams-tutor-student .unit-table.table-deep-2rows tbody {
  border-top: 2px solid #dbdbdb;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-deep-2rows tbody td .txt {
  color: #000;
  font-size: 13px;
  letter-spacing: -0.035em;
  line-height: 1.5;
}

.hams-tutor-student .unit-table.table-deep-2rows tbody td .btn {
  display: inline-block;
  width: auto;
  min-width: 60px;
  height: 25px;
  padding: 0 10px;
  line-height: 1;
  background-color: #9f9f9f;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-deep-2rows tbody td .btn .btn-txt {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-2rows table {
  width: 100%;
  table-layout: fixed;
}

.hams-tutor-student .unit-table.table-2rows th,
.hams-tutor-student .unit-table.table-2rows td {
  line-height: 1.4em;
  border: 1px solid #dbdbdb;
  vertical-align: middle;
  text-align: center;
}

.hams-tutor-student .unit-table.table-2rows th input,
.hams-tutor-student .unit-table.table-2rows th span,
.hams-tutor-student .unit-table.table-2rows td input,
.hams-tutor-student .unit-table.table-2rows td span {
  display: inline-block;
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table-2rows th.txt-left,
.hams-tutor-student .unit-table.table-2rows td.txt-left {
  text-align: left;
}

.hams-tutor-student .unit-table.table-2rows th {
  padding: 18px 9px;
  background-color: #efefef;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-2rows td {
  padding: 11px 9px;
  line-height: 1.4;
  background-color: #fff;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-2rows thead th {
  border-bottom: 0 none;
}

.hams-tutor-student .unit-table.table-2rows thead .tit {
  color: #282828;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.5;
}

.hams-tutor-student .unit-table.table-2rows tbody td .txt {
  color: #000;
  font-size: 13px;
  letter-spacing: -0.035em;
  line-height: 1.5;
}

.hams-tutor-student .unit-table.table-2rows tbody td .btn {
  display: inline-block;
  width: auto;
  min-width: 60px;
  height: 25px;
  padding: 0 10px;
  line-height: 1;
  background-color: #9f9f9f;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-2rows tbody td .btn .btn-txt {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-apart {
  position: relative;
  width: 100%;
  height: 422px;
  border: 1px solid #dbdbdb;
  padding-top: 45px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-apart .thead-bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: #efefef;
  height: 45px;
  border-bottom: 1px solid #dbdbdb;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-apart .table-wrapper {
  overflow-y: auto;
  height: 100%;
}

.hams-tutor-student .unit-table.table-apart .tit {
  color: #282828;
  font-size: 14px;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-apart .txt {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.035em;
}

.hams-tutor-student .unit-table.table-apart table {
  width: 100%;
  table-layout: fixed;
}

.hams-tutor-student .unit-table.table-apart thead th:last-child .tit-btn-group {
  position: absolute;
  top: 50%;
  right: -3px;
}

.hams-tutor-student .unit-table.table-apart tbody tr {
  border-bottom: 1px solid #dbdbdb;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-apart tbody tr:last-child {
  border-bottom: 0;
}

.hams-tutor-student .unit-table.table-apart td {
  padding: 5px 10px;
  vertical-align: middle;
  background-color: #fff;
  text-align: center;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-apart td.td-left {
  text-align: left;
}

.hams-tutor-student .unit-table.table-apart td .btn {
  display: inline-block;
  width: auto;
  min-width: 70px;
  height: 25px;
  padding: 0 10px;
  line-height: 1;
  background-color: #9f9f9f;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-apart td .btn .btn-txt {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-apart td .btn.btn-plan {
  background-color: #6da7f5;
}

.hams-tutor-student .unit-table.table-apart td .btn.btn-plan .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-apart td .btn.btn-study {
  background-color: #f1743d;
}

.hams-tutor-student .unit-table.table-apart td .btn.btn-study .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-apart td .btn.btn-later {
  background-color: #30c4aa;
}

.hams-tutor-student .unit-table.table-apart td .btn.btn-later .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-apart td .btn.btn-self {
  background-color: #c8b4be;
}

.hams-tutor-student .unit-table.table-apart td .btn.btn-self .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-apart td .btn.btn-early {
  background-color: #6d93f5;
}

.hams-tutor-student .unit-table.table-apart td .btn.btn-early .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-apart td .btn.btn-lack {
  background-color: #e24d4d;
}

.hams-tutor-student .unit-table.table-apart td .btn.btn-lack .btn-txt {
  color: #fff;
}

.hams-tutor-student .unit-table.table-apart td+td {
  border-left: 1px solid #dbdbdb;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-apart th {
  text-align: center;
  padding: 0px;
}

.hams-tutor-student .unit-table.table-apart .th-title {
  position: absolute;
  top: 0;
  width: inherit;
  height: 45px;
  line-height: 45px;
  border-left: 1px solid #dbdbdb;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-apart .tit-btn-group {
  position: absolute;
  top: 50%;
  right: 9px;
  margin-top: -18px;
}

.hams-tutor-student .unit-table.table-apart .tit-btn-group .btn {
  display: block;
  position: relative;
  width: 16px;
  height: 17px;
  border: 1px solid #dbdbdb;
  background-color: #f6f6f6;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-apart .tit-btn-group .btn.btn-ascending::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -3px;
  margin-left: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 5px solid #b2b2b2;
  content: '';
}

.hams-tutor-student .unit-table.table-apart .tit-btn-group .btn.btn-descending::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -3px;
  margin-left: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #b2b2b2;
  content: '';
}

.hams-tutor-student .unit-table.table-apart th:first-child .th-title {
  border-left: none;
}

.hams-tutor-student .unit-table.table-apart .th-title-select {
  position: relative;
  display: inline-block;
  min-width: 120px;
  height: 25px;
  line-height: 25px;
  margin-right: 5px;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  z-index: 0;
}

.hams-tutor-student .unit-table.table-apart .th-title-select label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 9px;
  color: #333;
  z-index: -1;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-apart .th-title-select select {
  width: 100%;
  height: 100%;
  line-height: 100%;
  padding-left: 9px;
  border: 0 none;
  background-color: transparent;
  text-align: center;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-apart .th-title-select:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #afaeae;
  content: "";
}

.hams-tutor-student .unit-table.table-apart .th-title-select option {
  min-height: 1.6em;
}

.hams-tutor-student .unit-table.table-left table {
  width: 100%;
  table-layout: fixed;
}

.hams-tutor-student .unit-table.table-left th,
.hams-tutor-student .unit-table.table-left td {
  height: 35px;
  border: 1px solid #dbdbdb;
  vertical-align: middle;
  text-align: left;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.hams-tutor-student .unit-table.table-left th input,
.hams-tutor-student .unit-table.table-left th span,
.hams-tutor-student .unit-table.table-left th button,
.hams-tutor-student .unit-table.table-left td input,
.hams-tutor-student .unit-table.table-left td span,
.hams-tutor-student .unit-table.table-left td button {
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table-left th {
  padding: 0 10px;
  background-color: #efefef;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-left td {
  padding: 0 20px;
  background-color: #fff;
}

.hams-tutor-student .unit-table.table-left td.td-only {
  padding: 4px 10px;
}

.hams-tutor-student .unit-table.table-left .tit {
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-left .txt {
  display: inline-block;
  margin-right: 10px;
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 400;
}

.hams-tutor-student .unit-table.table-left .text-ellipsis {
  display: table;
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}

.hams-tutor-student .unit-table.table-left .text-ellipsis>* {
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hams-tutor-student .unit-table.table-left .btn-item {
  display: inline-block;
  margin: 0 3px;
}

.hams-tutor-student .unit-table.table-left .btn-item:first-child {
  margin-left: 0;
}

.hams-tutor-student .unit-table.table-left .btn-item:last-child {
  margin-right: 0;
}

.hams-tutor-student .unit-table.table-left .btn {
  display: inline-block;
  width: auto;
  min-width: 67px;
  height: 25px;
  padding: 0 10px;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-left .btn .btn-txt {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.hams-tutor-student .unit-table.table-left .btn.btn-addition {
  position: relative;
  min-width: 65px;
  height: 21px;
  background-color: #9f9f9f;
}

.hams-tutor-student .unit-table.table-left .test {
  position: relative;
}

.hams-tutor-student .unit-table.table-left input[type='checkbox'] {
  display: inline-block;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #c0c0c0;
  vertical-align: middle;
  outline: none;
  background: #fff;
  cursor: pointer;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-left input[type='checkbox']::before {
  display: block;
  content: '';
}

.hams-tutor-student .unit-table.table-left input[type='checkbox']:checked {
  border: 0 none;
  border-right-style: 2px;
}

.hams-tutor-student .unit-table.table-left input[type='checkbox']:checked::before {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../images/schoolrecord/i-checked.png");
  background-position: 0 0;
  background-color: #ff8900;
}

.hams-tutor-student .unit-table.table-deadline {
  font-size: 13px;
}

.hams-tutor-student .unit-table.table-deadline table {
  width: 100%;
}

.hams-tutor-student .unit-table.table-deadline th,
.hams-tutor-student .unit-table.table-deadline td {
  line-height: 1.4em;
  border: 1px solid #dbdbdb;
  vertical-align: middle;
  text-align: left;
}

.hams-tutor-student .unit-table.table-deadline th {
  padding: 8px 6px;
  background-color: #efefef;
  border-right: 0 none;
}

.hams-tutor-student .unit-table.table-deadline td {
  padding: 8px 30px;
  border-left: 0 none;
  background-color: #fff;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day {
  display: inline-block;
  width: 35px;
  height: 18px;
  line-height: 18px;
  padding: 0 15px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day1 {
  background-color: #416ee1;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day2 {
  background-color: #e74747;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day3 {
  background-color: #6ac230;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day4 {
  background-color: #fb9914;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day5 {
  background-color: #e1b400;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day6 {
  background-color: #757575;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day7 {
  background-color: #5ba1bb;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day8 {
  background-color: #6b5eb8;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day9 {
  background-color: #ec6383;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day10 {
  background-color: #b1bc03;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day11 {
  background-color: #d8866c;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day12 {
  background-color: #b1926e;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day13 {
  background-color: #e364c7;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day14 {
  background-color: #b04ff5;
}

.hams-tutor-student .unit-table.table-deadline .t-d-day.day15 {
  background-color: #646464;
}

.hams-tutor-student .unit-table.table-deadline .t-deadline {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0 12px;
  margin-left: 5px;
  background-color: #fff;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table-deadline .t-study-subject {
  color: #5c5c5c;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-deadline .t-study-subject:hover {
  text-decoration: underline;
}

.hams-tutor-student .unit-table.table-deadline .btn.btn-delete {
  width: 19px;
  height: 19px;
  line-height: 19px;
  margin-left: 10px;
  background-color: #b3b3b3;
}

.hams-tutor-student .unit-table.table2 {
  font-size: 13px;
}

.hams-tutor-student .unit-table.table2 table {
  width: 100%;
}

.hams-tutor-student .unit-table.table2 th,
.hams-tutor-student .unit-table.table2 td {
  line-height: 1.4em;
  border: 1px solid #dbdbdb;
  vertical-align: middle;
  text-align: left;
  color: #5c5c5c;
  font-weight: 400;
  font-size: 12px;
}

.hams-tutor-student .unit-table.table2 th {
  padding: 9px 10px;
  background-color: #efefef;
}

.hams-tutor-student .unit-table.table2 th.th-center {
  text-align: center;
}

.hams-tutor-student .unit-table.table2 td {
  padding: 9px 20px;
  background-color: #fff;
}

.hams-tutor-student .unit-table.table2 td input,
.hams-tutor-student .unit-table.table2 td span,
.hams-tutor-student .unit-table.table2 td label {
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table2 td.pd-4 {
  padding: 4px 10px;
}

.hams-tutor-student .unit-table.table2 td.pd-10 {
  padding: 10px;
}

.hams-tutor-student .unit-table.table2 td.td-grey {
  padding: 9px 10px;
  background-color: #fafafa;
}

.hams-tutor-student .unit-table.table2 td .btn-adress {
  margin-top: 8px;
}

.hams-tutor-student .unit-table.table2 .th-title {
  position: relative;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-counsel-report {
  font-size: 13px;
}

.hams-tutor-student .unit-table.table-counsel-report table {
  width: 100%;
}

.hams-tutor-student .unit-table.table-counsel-report th,
.hams-tutor-student .unit-table.table-counsel-report td {
  line-height: 1.4em;
  border: 1px solid #dbdbdb;
  vertical-align: middle;
  text-align: left;
  color: #5c5c5c;
  font-weight: 400;
  font-size: 12px;
}

.hams-tutor-student .unit-table.table-counsel-report th {
  padding: 9px 10px;
  background-color: #efefef;
}

.hams-tutor-student .unit-table.table-counsel-report th.th-center {
  text-align: center;
}

.hams-tutor-student .unit-table.table-counsel-report td {
  padding: 9px 20px;
  background-color: #fff;
}

.hams-tutor-student .unit-table.table-counsel-report td input,
.hams-tutor-student .unit-table.table-counsel-report td span,
.hams-tutor-student .unit-table.table-counsel-report td label {
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table-counsel-report td.pd-4 {
  padding: 4px 10px;
}

.hams-tutor-student .unit-table.table-counsel-report td.pd-10 {
  padding: 10px;
}

.hams-tutor-student .unit-table.table-counsel-report td.td-grey {
  padding: 9px 10px;
  background-color: #fafafa;
}

.hams-tutor-student .unit-table.table-counsel-report td .btn-adress {
  margin-top: 8px;
}

.hams-tutor-student .unit-table.table-counsel-report .th-title {
  position: relative;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-counsel-report .txt-wrap {
  display: inline-block;
  margin-left: 5px;
}

.hams-tutor-student .unit-table.table-call-report {
  font-size: 13px;
}

.hams-tutor-student .unit-table.table-call-report table {
  width: 100%;
}

.hams-tutor-student .unit-table.table-call-report th,
.hams-tutor-student .unit-table.table-call-report td {
  line-height: 1.4em;
  border: 1px solid #dbdbdb;
  vertical-align: middle;
  text-align: left;
  color: #5c5c5c;
  font-weight: 400;
  font-size: 12px;
}

.hams-tutor-student .unit-table.table-call-report th {
  padding: 9px 10px;
  background-color: #efefef;
}

.hams-tutor-student .unit-table.table-call-report th.th-center {
  text-align: center;
}

.hams-tutor-student .unit-table.table-call-report td {
  padding: 9px 20px;
  background-color: #fff;
}

.hams-tutor-student .unit-table.table-call-report td input,
.hams-tutor-student .unit-table.table-call-report td span,
.hams-tutor-student .unit-table.table-call-report td label {
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table-call-report td.pd-4 {
  padding: 4px 10px;
}

.hams-tutor-student .unit-table.table-call-report td.pd-10 {
  padding: 10px;
}

.hams-tutor-student .unit-table.table-call-report td.td-grey {
  padding: 9px 10px;
  background-color: #fafafa;
}

.hams-tutor-student .unit-table.table-call-report td .btn-adress {
  margin-top: 8px;
}

.hams-tutor-student .unit-table.table-call-report .th-title {
  position: relative;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-call-report .txt-wrap {
  display: inline-block;
  margin-left: 5px;
}

.hams-tutor-student .unit-table.table-course {
  font-size: 13px;
  border: 1px solid #dbdbdb;
}

.hams-tutor-student .unit-table.table-course table {
  width: 100%;
}

.hams-tutor-student .unit-table.table-course th,
.hams-tutor-student .unit-table.table-course td {
  vertical-align: middle;
  text-align: left;
}

.hams-tutor-student .unit-table.table-course th {
  position: relative;
  padding: 9px 26px;
  line-height: 1;
  background-color: #efefef;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  font-size: 14px;
  font-weight: 800;
  color: #000;
}

.hams-tutor-student .unit-table.table-course td {
  background-color: #fff;
}

.hams-tutor-student .unit-table.table-course td input,
.hams-tutor-student .unit-table.table-course td span,
.hams-tutor-student .unit-table.table-course td label {
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table-course td.td-width-md {
  width: 18%;
}

.hams-tutor-student .unit-table.table-course td.td-width-sm {
  width: 13%;
}

.hams-tutor-student .unit-table.table-course td.td-width-xs {
  width: 10%;
}

.hams-tutor-student .unit-table.table-course td.td-width-xxs {
  width: 6%;
}

.hams-tutor-student .unit-table.table-course .categ-title {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #dbdbdb;
  background-color: #efefef;
  line-height: 1;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-course .categ-title .title-txt {
  display: table-cell;
  padding: 10px 5px;
  vertical-align: middle;
  text-align: center;
  color: #282828;
  font-size: 14px;
  font-weight: 800;
  border-right: 1px solid #dbdbdb;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-course .categ-title .title-txt.noline-right {
  border-right: 0 none;
}

.hams-tutor-student .unit-table.table-course .categ-list {
  height: 209px;
  overflow: hidden;
}

.hams-tutor-student .unit-table.table-course .categ-list ul {
  height: 210px;
  border-left: 1px solid #dbdbdb;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-course .categ-list li {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #dbdbdb;
  min-height: 30px;
  line-height: 1;
  box-sizing: border-box;
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table-course .categ-list li a {
  display: table-cell;
  width: 100%;
  padding: 8px 5px;
  vertical-align: middle;
  color: #5c5c5c;
  text-align: center;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-course .categ-list li a span {
  position: relative;
  display: inline-block;
}

.hams-tutor-student .unit-table.table-course .categ-list li a span::after {
  position: absolute;
  display: block;
  top: -3px;
  right: -30px;
  clear: both;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #fff;
  font-size: 13px;
  background-color: #f46a4a;
  border-radius: 50%;
  content: '추';
}

.hams-tutor-student .unit-table.table-course .categ-list li a.area-favorite {
  padding-right: 42px;
}

.hams-tutor-student .unit-table.table-course .categ-list li:first-child {
  border-top: 0 none;
}

.hams-tutor-student .unit-table.table-course .categ-list li.on {
  box-shadow: inset 0 0 0 3px #ff6f3d;
}

.hams-tutor-student .unit-table.table-course .categ-list li.on a {
  color: #f46a4a;
  font-weight: 800;
}

.hams-tutor-student .unit-table.table-course .categ-list li .btn-bookmark {
  display: none;
  position: absolute;
  top: -25px;
  right: 5%;
  min-width: 93px;
  padding: 8px 10px;
  background-color: #fff;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-course .categ-list li .btn-bookmark .txt {
  color: #3c4043;
  font-size: 12px;
  font-weight: 400;
}

.hams-tutor-student .unit-table.table-course .categ-list li .btn-bookmark.on {
  display: block;
}

.hams-tutor-student .unit-table.table-course .categ-list.categ-list-img a {
  padding: 7px 5px;
}

.hams-tutor-student .unit-table.table-course .categ-list .btn-favorite-box {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -8px;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
}

.hams-tutor-student .unit-table.table-course .categ-list .btn-favorite {
  display: inline-block;
  margin: 0 5px;
}

.hams-tutor-student .unit-table.table-choice {
  font-size: 13px;
  border: 2px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}

.hams-tutor-student .unit-table.table-choice table {
  width: 100%;
}

.hams-tutor-student .unit-table.table-choice th,
.hams-tutor-student .unit-table.table-choice td {
  vertical-align: middle;
  text-align: left;
}

.hams-tutor-student .unit-table.table-choice tr {
  border-bottom: 1px solid #cdcdcd;
}

.hams-tutor-student .unit-table.table-choice th {
  position: relative;
  padding: 9px 26px;
  line-height: 1;
  background-color: #efefef;
  border-bottom: 0 none;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.hams-tutor-student .unit-table.table-choice td {
  display: table;
  background-color: #fff;
}

.hams-tutor-student .unit-table.table-choice td input,
.hams-tutor-student .unit-table.table-choice td span,
.hams-tutor-student .unit-table.table-choice td label {
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table-choice td.setting-list-date-wrapper {
  display: block;
}

.hams-tutor-student .unit-table.table-choice .input {
  border: 1px solid #dbdbdb;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: left;
  font-size: 13px;
  letter-spacing: 0;
}

.hams-tutor-student .unit-table.table-choice .input.input-2 {
  width: 100px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

.hams-tutor-student .unit-table.table-choice .select {
  position: relative;
  display: inline-block;
  width: 156px;
  height: 26px;
  line-height: 26px;
  margin-right: 5px;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  z-index: 0;
}

.hams-tutor-student .unit-table.table-choice .select label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 9px;
  color: #333;
  z-index: -1;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-choice .select select {
  width: 100%;
  height: 100%;
  line-height: 100%;
  padding-left: 9px;
  border: 0 none;
  background-color: transparent;
  text-align: center;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  color: #5c5c5c;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 400;
}

.hams-tutor-student .unit-table.table-choice .select:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #afaeae;
  content: "";
}

.hams-tutor-student .unit-table.table-choice .select option {
  min-height: 1.6em;
}

.hams-tutor-student .unit-table.table-choice .setting-list-info-wrapper {
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-choice .setting-list-info-scroll {
  height: 146px;
  padding: 0 10px;
  overflow-y: auto;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-choice .setting-list-info-grp {
  *zoom: 1;
  width: 100%;
}

.hams-tutor-student .unit-table.table-choice .setting-list-info-grp::before {
  display: block;
  clear: both;
  content: '';
}

.hams-tutor-student .unit-table.table-choice .setting-list-info {
  float: left;
  width: 100%;
  padding: 5px 20px;
  text-align: left;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-choice .setting-list-info .txt {
  color: #5c5c5c;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 400;
}

.hams-tutor-student .unit-table.table-choice .setting-list-info:first-child {
  padding-top: 0;
}

.hams-tutor-student .unit-table.table-choice .setting-list-info:last-child {
  padding-bottom: 0;
}

.hams-tutor-student .unit-table.table-choice .setting-list-info.on .txt {
  color: #f46a4a;
  font-weight: 800;
}

.hams-tutor-student .unit-table.table-choice .setting-list-date-wrapper {
  margin-right: 26px;
}

.hams-tutor-student .unit-table.table-choice .setting-list-date-wrapper:last-child {
  margin-right: 0 none;
}

.hams-tutor-student .unit-table.table-choice .setting-list-date-wrapper .setting-list-date-grp .setting-list-date.setting-day label {
  cursor: pointer;
}

.hams-tutor-student .unit-table.table-choice .setting-list-date-wrapper .setting-list-date-grp .setting-list-date.setting-day .selectbox-title {
  position: relative;
  top: 6px;
}

.hams-tutor-student .unit-table.table-choice .setting-list-date-wrapper .setting-list-date-grp .selectbox-title {
  margin-right: 12px;
}

.hams-tutor-student .unit-table.table-choice .setting-list-date-grp {
  text-align: center;
  padding: 12px 10px;
  font-size: 0;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-choice .setting-list-date-grp .setting-list-date {
  display: inline-block;
  margin-right: 50px;
  vertical-align: top;
}

.hams-tutor-student .unit-table.table-choice .setting-list-date-grp .selectbox-title {
  margin-right: 10px;
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 700;
}

.hams-tutor-student .unit-table.table-choice .setting-list-clse {
  position: absolute;
  top: 7px;
  right: 7px;
}

.hams-tutor-student .unit-table.table-choice .setting-list-clse .btn {
  display: inline-block;
}

.hams-tutor-student .unit-table.table-choice .setting-list-clse .btn.btn-delete {
  width: 19px;
  height: 19px;
  line-height: 19px;
  margin-left: 10px;
  background-color: #b3b3b3;
}

.hams-tutor-student .unit-table.table-choice .multidrop-box {
  display: inline-block;
  width: 380px;
  text-align: left;
  box-sizing: border-box;
  z-index: 10;
}

.hams-tutor-student .unit-table.table-choice .multidrop-box .multidrop-checkbox {
  display: inline-block;
  vertical-align: middle;
}

.hams-tutor-student .unit-table.table-choice .multidrop-box .multidrop-checkbox ul {
  width: 100%;
  *zoom: 1;
}

.hams-tutor-student .unit-table.table-choice .multidrop-box .multidrop-checkbox ul li {
  float: left;
  padding: 5px;
  text-align: left;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table.table-choice .multidrop-box .multidrop-checkbox ul li.col-2 {
  width: 50%;
}

.hams-tutor-student .unit-table.table-choice .multidrop-box .multidrop-checkbox ul li.col-3 {
  width: 33.3%;
}

.hams-tutor-student .unit-table.table-choice .multidrop-box .multidrop-checkbox ul.after {
  display: block;
  clear: both;
  content: '';
}

.hams-tutor-student .unit-table.table-choice .multidrop-box .multidrop-checkbox ul input,
.hams-tutor-student .unit-table.table-choice .multidrop-box .multidrop-checkbox ul label {
  vertical-align: middle;
  cursor: pointer;
}

.hams-tutor-student .unit-table.table-choice .multidrop-box .multidrop-checkbox ul label {
  margin-left: 5px;
  color: #5c5c5c;
  font-family: "Nanum Gothic",sans-serif;
  font-size: 13px;
}

.hams-tutor-student .unit-table .table-info-box {
  margin-top: 10px;
  margin-left: 25px;
  font-size: 13px;
  color: #5c5c5c;
  letter-spacing: -0.05em;
}

.hams-tutor-student .unit-table .table-info-box .txt-info-list {
  position: relative;
  margin: 10px 0;
  padding-left: 10px;
}

.hams-tutor-student .unit-table .table-info-box .txt-info-list:before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #5c5c5c;
  content: '';
}

.hams-tutor-student .unit-box {
  display: block;
  border: 2px solid #cdcdcd;
  background-color: #fafafa;
  box-sizing: border-box;
}

.hams-tutor-student .unit-box.on {
  display: block;
}

.hams-tutor-student .unit-box.off {
  display: none;
}

.hams-tutor-student .unit-box.box05 {
  padding: 0px;
  border: 1px solid #dbdbdb;
}

.hams-tutor-student .unit-table-notice .txt {
  color: #5c5c5c;
  font-size: 13px;
  padding: 2px 0;
  box-sizing: border-box;
}

.hams-tutor-student .unit-graph-panel .graph-look {
  height: 309px;
  background-color: #e5e5e5;
}

.hams-tutor-student .unit-graph-panel .graph-look .txt {
  font-size: 13px;
  color: #000;
}

.hams-tutor-student .unit-quick {
  position: fixed;
  top: 43px;
  right: 20px;
  padding: 10px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-quick.ai-quick {
  top: 43px;
  right: 20px;
}

.hams-tutor-student .unit-quick .quick-group {
  width: 95px;
  height: auto;
  text-align: center;
  border: 1px solid #bacaf3;
  border-bottom: 0 none;
  background-color: #ecf1ff;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1.4em;
}

.hams-tutor-student .unit-quick .quick-item {
  border-top: 1px solid #d9d9d9;
}

.hams-tutor-student .unit-quick .quick-item:first-child {
  border-top: 0;
}

.hams-tutor-student .unit-quick .quick-item.quick-item-top {
  width: 100%;
  margin-top: 1px;
  margin-left: -1px;
  border: 1px solid #e9d3a7;
  border-top: 1px solid #bacaf3;
  background-color: #fff5e1;
}

.hams-tutor-student .unit-quick .quick-item.quick-item-top button.btn-counsel-top {
  display: inline-block;
  padding: 5px 0;
  font-size: 14px;
}

.hams-tutor-student .unit-quick .quick-item.quick-item-top button.btn-counsel-top::before {
  content: none;
}

.hams-tutor-student .unit-quick .quick-item.quick-item-top button.btn-counsel-top::after {
  display: inline-block;
  width: 11px;
  height: 14px;
  background: url("../images/schoolrecord/i-counsel-top.png");
  background-position: 0 0;
  margin-top: 2px;
  vertical-align: top;
  content: '';
}

.hams-tutor-student .unit-quick .quick-item button {
  position: relative;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 7px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-quick .quick-item button::before {
  position: absolute;
  top: 8px;
  left: 50%;
  content: '';
}

.hams-tutor-student .unit-quick .quick-item button.btn-counsel-report::before {
  display: inline-block;
  width: 26px;
  height: 24px;
  background: url("../images/schoolrecord/i-counsel-report.png");
  background-position: 0 0;
  margin-left: -13px;
}

.hams-tutor-student .unit-quick .quick-item button.btn-counsel-history::before {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url("../images/schoolrecord/i-counsel-history.png");
  background-position: 0 0;
  margin-left: -13px;
}

.hams-tutor-student .unit-quick .quick-item button.btn-counsel-script::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/schoolrecord/i-counsel-script.png");
  background-position: 0 0;
  margin-left: -12px;
}

.hams-tutor-student .unit-quick.scroll {
  right: 17px;
}

.hams-tutor-student .unit-tab.tab-line {
  border-bottom: 1px solid #d9d9d9;
}

.hams-tutor-student .unit-tab .tab-group {
  margin-bottom: -1px;
  font-size: 0;
}

.hams-tutor-student .unit-tab .tab-item {
  position: relative;
  display: inline-block;
  margin-right: -1px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  text-align: center;
  box-sizing: border-box;
}

.hams-tutor-student .unit-tab .tab-item button {
  padding: 8px 21px;
  min-width: 100px;
}

.hams-tutor-student .unit-tab .tab-item button .txt {
  color: #282828;
  font-size: 14px;
  font-weight: 700;
}

.hams-tutor-student .unit-tab .tab-item.item-short button {
  min-width: 80px;
}

.hams-tutor-student .unit-tab .tab-item.item-big button {
  padding: 14px 21px;
}

.hams-tutor-student .unit-tab .tab-item.item-big button .txt {
  color: #5c5c5c;
}

.hams-tutor-student .unit-tab .tab-item .tab-checkit {
  display: none;
  position: absolute;
  top: -20px;
  left: 50%;
  width: 58px;
  height: 21px;
  padding: 5px;
  margin-left: -29px;
  border-radius: 4px;
  background-color: #f6db27;
  box-sizing: border-box;
}

.hams-tutor-student .unit-tab .tab-item .tab-checkit .txt {
  color: #000;
  font-size: 11px;
  letter-spacing: -0.1em;
  font-family: "Nanum Gothic",sans-serif;
}

.hams-tutor-student .unit-tab .tab-item .tab-checkit::after {
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 0px;
  height: 0px;
  margin-left: -3px;
  border-top: 4px solid #f6db27;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  content: '';
}

.hams-tutor-student .unit-tab .tab-item .tab-checkit.on {
  display: block;
}

.hams-tutor-student .unit-tab .tab-item.on {
  background-color: #ff946a;
  border: 1px solid #ff946a;
}

.hams-tutor-student .unit-tab .tab-item.on button .txt {
  color: #fff;
}

.hams-tutor-student .unit-empty {
  font-size: 0;
  height: 782px;
}

.hams-tutor-student .unit-empty .txt-wrap {
  margin-top: 15px;
}

.hams-tutor-student .unit-empty .txt-wrap .txt {
  display: inline-block;
  color: #000;
  font-size: 18px;
  line-height: 1;
}

.hams-tutor-student .unit-search {
  font-size: 0;
}

.hams-tutor-student .unit-search .tit-wrap {
  min-width: 100px;
  margin-right: 28px;
  padding-left: 16px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-search .tit-wrap .tit {
  color: #000;
  font-size: 13px;
  font-weight: 700;
}

.hams-tutor-student .unit-search .search-input {
  width: 208px;
  height: 25px;
  text-align: left;
  line-height: 25px;
  border: 1px solid #dbdbdb;
  letter-spacing: 0;
  font-size: 13px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-search .search-btn {
  text-align: center;
  margin-left: 7px;
}

.hams-tutor-student .unit-search .search-btn .btn-item {
  display: inline-block;
  margin: 0 3px;
}

.hams-tutor-student .unit-search .search-btn .btn-item:first-child {
  margin-left: 0;
}

.hams-tutor-student .unit-search .search-btn .btn-item:last-child {
  margin-right: 0;
}

.hams-tutor-student .unit-search .search-btn .btn {
  display: inline-block;
  width: auto;
  min-width: 55px;
  height: 25px;
  padding: 0 10px;
  background-color: #9f9f9f;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-search .search-btn .txt {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.hams-tutor-student .unit-calendar-month .btn {
  display: inline-block;
  width: 23px;
  height: 23px;
  border: 1px solid #dadce0;
  box-sizing: border-box;
}

.hams-tutor-student .unit-calendar-month .txt-wrap {
  margin: 0 10px;
}

.hams-tutor-student .unit-calendar-month .txt {
  display: inline-block;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  vertical-align: top;
}

.hams-tutor-student .unit-fixedbar {
  display: none;
  position: fixed;
  top: 43px;
  background-color: #999999;
  width: 100%;
  height: 43px;
  padding: 0 10px;
  line-height: 43px;
  box-sizing: border-box;
  z-index: 10;
}

.hams-tutor-student .unit-fixedbar .txt {
  display: inline-block;
  color: #fffefe;
  font-size: 15px;
  font-weight: 700;
}

.hams-tutor-student .unit-fixedbar.on {
  display: block;
}

.hams-tutor-student .unit-table-interface {
  width: 100%;
  padding: 10px;
  background: #fafafa;
  border: 1px solid #dbdbdb;
  font-size: 0;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table-interface .btn.btn-interface-arrow {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-color: #b3b3b3;
  border: 0;
  vertical-align: middle;
}

.hams-tutor-student .unit-table-interface .input {
  width: 100px;
  height: 26px;
  padding: 0 5px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  font-size: 12px;
}

.hams-tutor-student .unit-table-interface .txt-wrap {
  display: inline-block;
  margin: 0 5px;
}

.hams-tutor-student .unit-table-interface .txt-wrap .txt {
  display: inline-block;
  font-size: 13px;
  color: #5c5c5c;
}

.hams-tutor-student .unit-table-interface .interface-tit {
  padding: 10px;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table-interface .interface-tit .tit {
  color: #5c5c5c;
  font-size: 14px;
  font-weight: 700;
}

.hams-tutor-student .unit-table-interface .interface-tit .tit-point {
  color: #ff8900;
}

.hams-tutor-student .unit-table-interface .interface-select {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  z-index: 0;
}

.hams-tutor-student .unit-table-interface .interface-select.select-short {
  width: 100px;
}

.hams-tutor-student .unit-table-interface .interface-select label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 9px;
  color: #333;
  z-index: -1;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table-interface .interface-select select {
  width: 100%;
  height: 100%;
  line-height: 100%;
  padding-left: 9px;
  border: 0 none;
  background-color: transparent;
  text-align: center;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.hams-tutor-student .unit-table-interface .interface-select:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #afaeae;
  content: "";
}

.hams-tutor-student .unit-table-interface .interface-select option {
  min-height: 1.6em;
}

.hams-tutor-student .unit-table-interface .interface-search {
  display: inline-block;
  vertical-align: middle;
}

.hams-tutor-student .unit-table-interface .interface-search .btn {
  display: inline-block;
  width: 30px;
  height: 26px;
  background-color: #9f9f9f;
  border-radius: 4px;
}

.hams-tutor-visionreport-head .visionreport-nav {
  display: block;
  background-color: #666;
}

.hams-tutor-visionreport-head .visionreport-nav .visionreport-nav-item {
  display: inline-block;
  height: 43px;
}

.hams-tutor-visionreport-head .visionreport-nav .visionreport-nav-item .btn {
  padding: 0 29px;
  line-height: 43px;
  box-sizing: border-box;
}

.hams-tutor-visionreport-head .visionreport-nav .visionreport-nav-item .txt {
  color: #cbcaca;
  font-size: 15px;
  font-weight: 700;
}

.hams-tutor-visionreport-head .visionreport-nav .visionreport-nav-item.on {
  background-color: #ed7c38;
}

.hams-tutor-visionreport-head .visionreport-nav .visionreport-nav-item.on .txt {
  color: #fff;
}

.hams-tutor-visionreport-head .visionreport-nav-sub {
  position: relative;
  width: 100%;
  background-color: #ededed;
  font-size: 0;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-sub-group {
  margin-left: 213px;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-sub-item {
  position: relative;
  display: inline-block;
  height: 50px;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-sub-item::after {
  position: absolute;
  top: 50%;
  right: -2px;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #c1c1c1;
  content: '';
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-sub-item.on .btn .txt {
  color: #000;
  font-weight: 800;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-sub-item:last-child::after {
  display: none;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-sub-item .btn {
  padding: 0 15px;
  line-height: 50px;
  box-sizing: border-box;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-sub-item .txt {
  color: #808080;
  font-size: 16px;
  font-weight: 700;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-detail {
  position: absolute;
  top: 50%;
  right: 115px;
  margin-top: -12px;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-detail .tit-wrap {
  margin-right: 9px;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-detail .tit-wrap .tit {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-detail .nav-detail-btn {
  text-align: center;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-detail .nav-detail-btn .btn-item {
  display: inline-block;
  margin: 0 3px;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-detail .nav-detail-btn .btn-item:first-child {
  margin-left: 0;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-detail .nav-detail-btn .btn-item:last-child {
  margin-right: 0;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-detail .nav-detail-btn .btn {
  display: inline-block;
  width: auto;
  min-width: 69px;
  height: 25px;
  padding: 0 10px;
  line-height: 1;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-visionreport-head .visionreport-nav-sub .visionreport-nav-detail .nav-detail-btn .btn .txt {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.hams-take-calendar .mx-input {
  height: 25px;
}

.part-message {
  font-size: 0;
}

.part-message .message-view {
  border: 2px solid #dbdbdb;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 10px;
}

.part-message .message-profile {
  padding: 10px;
}

.part-message .message-profile-img {
  display: inline-block;
  width: 102px;
  height: 102px;
  border-radius: 50%;
  overflow: hidden;
}

.part-message .message-profile-img.img-boy {
  background-image: url("../images/schoolrecord/profile-default-boy.png");
  background-size: 100% 100%;
}

.part-message .message-profile-img.img-girl {
  background-image: url("../images/schoolrecord/profile-default-girl.png");
  background-size: 100% 100%;
}

.part-message .message-profile-img img {
  max-width: 101px;
  height: 100%;
}

.part-message .message-profile-caption .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.part-message .message-profile-caption .txt {
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}

.part-message .message-profile-caption .message-profile-career-item {
  display: inline-block;
  position: relative;
  margin-right: 11px;
}

.part-message .message-profile-caption .message-profile-career-item::before {
  position: absolute;
  top: 50%;
  left: -6px;
  width: 1px;
  height: 12px;
  margin-top: -6px;
  background-color: #5c5c5c;
  content: '';
}

.part-message .message-profile-caption .message-profile-career-item:first-child::before {
  display: none;
}

.part-message .message-profile-summary {
  text-align: left;
  vertical-align: top;
}

.part-message .message-profile-summary .message-profile-summary-scroll {
  padding: 17px;
  height: auto;
  box-sizing: border-box;
}

.part-message .message-profile-summary .message-profile-summary-scroll .txt {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8;
}

.part-message .all-message-grp {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: stretch;
  margin-top: 10px;
}

.part-message .all-message-grp .all-message-list {
  width: 50%;
}

.part-message .all-message-grp .message-box {
  width: 100%;
  height: 100%;
  padding: 0;
}

.part-message .all-message-grp .message-box.message-scroll {
  width: 100%;
  height: 200px;
  margin-right: 7px;
  border: 1px solid #f9ddd2;
  background-color: #fff2ed;
  overflow-y: auto;
}

.part-message .all-message-grp .message-box.message-scroll .txt {
  padding: 18px 28px;
}

.part-result {
  width: 598px;
  font-size: 0;
}

.part-result .result-view {
  border: 1px solid #dbdbdb;
  background-color: #fff;
  box-sizing: border-box;
}

.part-result .result-view-inner {
  padding: 14px 25px;
  box-sizing: border-box;
}

.part-result .result-item {
  position: relative;
  width: 50%;
}

.part-result .result-item::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #dedede;
  content: '';
}

.part-result .result-item:first-child {
  padding-right: 25px;
  box-sizing: border-box;
}

.part-result .result-item:last-child {
  padding-left: 25px;
  box-sizing: border-box;
}

.part-result .result-item:last-child::after {
  display: none;
}

.part-result .result-item .tit-wrap {
  display: inline-block;
  min-width: 116px;
  text-align: left;
}

.part-result .result-item .tit-wrap .tit {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.part-result .result-item .txt {
  color: #fe7d4a;
  font-size: 16px;
  font-weight: 700;
}

.part-result .result-summary-item {
  padding: 8px 0;
  box-sizing: border-box;
}

.part-result .result-summary-item:first-child {
  padding-top: 0;
}

.part-result .result-summary-item:last-child {
  padding-bottom: 0;
}

.part-result .info-summary-tit {
  display: inline-block;
}

.part-result .result-img {
  margin-right: 25px;
}

.part-growth {
  font-size: 0;
}

.part-growth .growth-graph {
  margin-top: 30px;
}

.part-growth .growth-graph .gs-title {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 20px;
  border-radius: 10px;
  background-color: #ffe9e1;
  font-size: 18px;
  font-weight: 400;
}

.part-growth .growth-graph .gs-con {
  margin-top: 10px;
  padding: 12px;
}

.part-growth .growth-graph .unit-graph-panel {
  margin-top: 20px;
}

.part-growth .growth-graph .growth-sort-list-grp {
  display: table;
  width: 100%;
}

.part-growth .growth-graph .growth-sort-list-grp .growth-sort-list {
  display: table-cell;
  width: 50%;
  text-align: center;
}

.part-growth .growth-graph .growth-sort-list-grp .growth-sort-list.subject-all-list .gs-title {
  background-color: #ffe9e1;
}

.part-growth .growth-graph .growth-sort-list-grp .growth-sort-list.subject-each-list .gs-title {
  background-color: #d5ebff;
}

.part-growth .growth-graph .growth-info-list-grp {
  margin-top: 20px;
  padding: 0 12px;
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list {
  position: relative;
  display: inline-block;
  padding: 12px 0;
  padding-left: 30px;
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  margin-top: -1px;
  content: '';
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list.list-line::before {
  width: 22px;
  height: 3px;
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list.list-all-answer::before {
  background-color: #58b1ff;
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list.list-all-work::before {
  background-color: #fe885b;
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-korean::before {
  background-color: #416ee1;
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-math::before {
  background-color: #ec7474;
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-social::before {
  background-color: #8ed063;
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-science::before {
  background-color: #fb9914;
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-english::before {
  background-color: #e8c63f;
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-unify::before {
  background-color: #979797;
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-member::before {
  background-color: #3f3f3f;
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-top10::before {
  background-color: #58b1ff;
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-average::before {
  background-color: #cdcdcd;
}

.part-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-top10::before {
  display: inline-block;
  width: 20px;
  height: 3px;
  background: url("../images/schoolrecord/i-growth-dotline.png");
  background-position: 0 0;
}

.part-growth .growth-graph .growth-info-list-grp .txt {
  display: inline-block;
  min-width: 45px;
  margin-left: 3px;
  margin-right: 26px;
  font-size: 12px;
}

.part-growth .growth-choice {
  text-align: left;
}

.part-growth .growth-choice .growth-choice-item {
  display: inline-block;
  width: 64%;
  vertical-align: top;
}

.part-growth .growth-choice .growth-choice-item:nth-child(odd) {
  width: 36%;
}

.part-growth .growth-choice .tit-wrap {
  display: inline-block;
  vertical-align: middle;
  margin-right: 28px;
  padding-left: 16px;
  box-sizing: border-box;
}

.part-growth .growth-choice .tit-wrap .tit {
  color: #000;
  font-size: 13px;
  font-weight: 700;
}

.part-growth .growth-choice .growth-choice-check {
  display: inline-block;
  vertical-align: middle;
}

.part-growth .growth-choice .growth-choice-check .growth-choice-check-item {
  display: inline-block;
  padding: 10px 14px;
  box-sizing: border-box;
}

.part-growth .growth-choice .growth-choice-check .growth-choice-check-item input[type='checkbox'] {
  display: inline-block;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #c0c0c0;
  vertical-align: middle;
  outline: none;
  background: #fff;
  cursor: pointer;
  box-sizing: border-box;
}

.part-growth .growth-choice .growth-choice-check .growth-choice-check-item input[type='checkbox']::before {
  display: block;
  content: '';
}

.part-growth .growth-choice .growth-choice-check .growth-choice-check-item input[type='checkbox']:checked {
  border: 0 none;
  border-right-style: 2px;
}

.part-growth .growth-choice .growth-choice-check .growth-choice-check-item input[type='checkbox']:checked::before {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../images/ai/i-checked.png");
  background-position: 0 0;
  background-color: #ff8900;
}

.part-growth .growth-choice .growth-choice-check .growth-choice-check-item .txt-wrap {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
}

.part-growth .growth-choice .growth-choice-check .growth-choice-check-item .txt {
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}

.part-link {
  font-size: 0;
}

.part-link .link-process .link-process-item {
  display: inline-block;
  position: relative;
  width: 245px;
  margin: 0 21px;
  text-align: center;
  background-color: #fff;
  box-sizing: border-box;
}

.part-link .link-process .link-process-item::after {
  position: absolute;
  top: 50%;
  right: -33px;
  display: inline-block;
  width: 22px;
  height: 32px;
  background: url("../images/ai/i-process-arrow.png");
  background-position: 0 0;
  margin-top: -16px;
  content: '';
}

.part-link .link-process .link-process-item:first-child {
  margin-left: 0;
}

.part-link .link-process .link-process-item:last-child {
  margin-right: 0;
}

.part-link .link-process .link-process-item:last-child::after {
  display: none;
}

.part-link .link-process .link-process-item:nth-last-child(2)::after {
  position: absolute;
  top: 50%;
  right: -35px;
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url("../images/ai/i-process-plus.png");
  background-position: 0 0;
  margin-top: -14px;
  content: '';
}

.part-link .link-process .link-process-title {
  position: relative;
  width: 100%;
  padding: 16px 0;
  text-align: center;
  border: 1px solid #ddd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #f5f5f5;
  box-sizing: border-box;
}

.part-link .link-process .link-process-title .tit {
  color: #333;
  font-size: 18px;
  font-weight: 700;
}

.part-link .link-process .link-process-title.panel-title-kuk {
  background-color: #e9f4ff;
}

.part-link .link-process .link-process-title.panel-title-eng {
  background-color: #fffbe9;
}

.part-link .link-process .link-process-title.panel-title-suh {
  background-color: #ffece9;
}

.part-link .link-process .link-process-title.panel-title-sah {
  background-color: #ebffe9;
}

.part-link .link-process .link-process-title.panel-title-kwa {
  background-color: #fff2e9;
}

.part-link .link-process .link-process-view {
  height: 170px;
  border: 1px solid #ddd;
  border-top-style: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow-y: auto;
}

.part-link .link-process .link-process-view .tit {
  color: #fe7d4a;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.part-link .link-process .link-process-view .txt {
  color: #666;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}

.part-link .link-process .link-process-single {
  height: 100%;
  padding: 18px 10px;
  box-sizing: border-box;
}

.part-link .link-process .link-process-list .link-process-list-item {
  min-height: 57px;
  padding: 9px 10px;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
}

.part-link .link-process .link-process-list .link-process-list-item:first-child {
  border-top: 1px solid #fff;
}

.part-analyze {
  font-size: 0;
}

.part-analyze .analyze-graph {
  padding: 19px;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  box-sizing: border-box;
}

.part-analyze .analyze-graph .analyze-graph-item {
  display: inline-block;
  width: 335px;
  height: auto;
  margin: 10px;
  background-color: #fff;
  box-sizing: border-box;
}

.part-analyze .analyze-graph .analyze-graph-title {
  position: relative;
  padding: 16px 0;
  text-align: center;
  border: 1px solid #ddd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #f5f5f5;
}

.part-analyze .analyze-graph .analyze-graph-title.analyze-title-kuk {
  background-color: #e9f4ff;
}

.part-analyze .analyze-graph .analyze-graph-title.analyze-title-eng {
  background-color: #fffbe9;
}

.part-analyze .analyze-graph .analyze-graph-title.analyze-title-suh {
  background-color: #ffece9;
}

.part-analyze .analyze-graph .analyze-graph-title.analyze-title-sah {
  background-color: #ebffe9;
}

.part-analyze .analyze-graph .analyze-graph-title.analyze-title-kwa {
  background-color: #fff2e9;
}

.part-analyze .analyze-graph .analyze-graph-title .tit {
  color: #333;
  font-size: 18px;
  font-weight: 700;
}

.part-analyze .analyze-graph .analyze-graph-view {
  height: 275px;
  padding: 15px;
  border: 1px solid #ddd;
  border-top-style: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-sizing: border-box;
}

.part-analyze .analyze-graph .analyze-graph-view .graph-look {
  background-color: #e6e6e6;
}

.part-analyze .analyze-graph .analyze-graph-view .graph-look .txt {
  color: #000;
  font-size: 13px;
  font-weight: 400;
}

.part-analyze .analyze-graph .analyze-graph-btn {
  position: absolute;
  top: 12px;
  right: 12px;
}

.part-analyze .analyze-graph .analyze-graph-btn .btn {
  display: inline-block;
  width: auto;
  min-width: 83px;
  height: 30px;
  padding: 0 10px;
  line-height: 1;
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 4px;
  box-sizing: border-box;
}

.part-analyze .analyze-graph .analyze-graph-btn .txt {
  color: #9f9f9f;
  font-size: 12px;
}

.part-analyze .section-analyze-content {
  padding: 30px 11px 10px;
  box-sizing: border-box;
}

.part-analyze .analyze-btn {
  position: absolute;
  top: 12px;
  right: 12px;
}

.part-pattern {
  font-size: 0;
}

.part-pattern .pattern-card {
  display: inline-block;
  width: 215px;
  height: 130px;
  margin: 0 7px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
}

.part-pattern .pattern-card .txt {
  color: #333;
  font-size: 18px;
  font-weight: 700;
}

.part-pattern .pattern-card .tit-wrap {
  margin-top: 10px;
}

.part-pattern .pattern-card .tit-wrap .tit {
  color: #fe7d4a;
  font-size: 28px;
  font-weight: 800;
}

.part-pattern .pattern-card .tit-wrap .tit-point {
  color: #fe7d4a;
}

.part-pattern .pattern-card:first-child {
  margin-left: 0;
}

.part-pattern .pattern-card:last-child {
  margin-right: 0;
}

.part-study {
  font-size: 0;
}

.part-study .study-view {
  border: 1px solid #dbdbdb;
  background-color: #fff;
  box-sizing: border-box;
}

.part-study .study-view .tit-wrap {
  display: inline-block;
  margin-right: 25px;
}

.part-study .study-view .tit-wrap .tit {
  color: #333;
  font-size: 18px;
  font-weight: 700;
}

.part-study .study-view .txt {
  color: #333;
  font-size: 18px;
  font-weight: 700;
}

.part-study .study-view .txt-point {
  color: #fe7d4a;
  font-weight: 800;
}

.part-study .study-view .txt-point-sub {
  color: #4acdfe;
  font-weight: 800;
}

.part-study .study-view-inner {
  padding: 20px 0;
  box-sizing: border-box;
}

.part-study .study-view-item {
  position: relative;
  padding: 0 25px;
  box-sizing: border-box;
}

.part-study .study-view-item::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #dedede;
  content: '';
}

.part-study .study-view-item:last-child::after {
  display: none;
}

.part-uptake {
  font-size: 0;
  text-align: left;
}

.part-uptake .uptake-choice-item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  text-align: left;
}

.part-uptake .uptake-choice-item .tit-wrap {
  display: inline-block;
  vertical-align: middle;
  min-width: 80px;
  margin-right: 28px;
  padding-left: 16px;
  box-sizing: border-box;
}

.part-uptake .uptake-choice-item .tit-wrap .tit {
  color: #000;
  font-size: 13px;
  font-weight: 700;
}

.part-uptake .uptake-btn {
  text-align: center;
}

.part-uptake .uptake-btn .btn-item {
  display: inline-block;
  margin: 0 3px;
}

.part-uptake .uptake-btn .btn-item:first-child {
  margin-left: 0;
}

.part-uptake .uptake-btn .btn-item:last-child {
  margin-right: 0;
}

.part-uptake .uptake-btn .btn {
  display: inline-block;
  width: auto;
  min-width: 69px;
  height: 25px;
  padding: 0 30px;
  line-height: 1;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.part-uptake .uptake-btn .txt {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.part-uptake .uptake-choice-check {
  display: inline-block;
  vertical-align: middle;
}

.part-uptake .uptake-choice-check .uptake-choice-check-item {
  display: inline-block;
  padding: 10px 14px;
  box-sizing: border-box;
}

.part-uptake .uptake-choice-check .uptake-choice-check-item input[type='checkbox'] {
  display: inline-block;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #c0c0c0;
  vertical-align: middle;
  outline: none;
  background: #fff;
  cursor: pointer;
  box-sizing: border-box;
}

.part-uptake .uptake-choice-check .uptake-choice-check-item input[type='checkbox']::before {
  display: block;
  content: '';
}

.part-uptake .uptake-choice-check .uptake-choice-check-item input[type='checkbox']:checked {
  border: 0 none;
  border-right-style: 2px;
}

.part-uptake .uptake-choice-check .uptake-choice-check-item input[type='checkbox']:checked::before {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../images/ai/i-checked.png");
  background-position: 0 0;
  background-color: #ff8900;
}

.part-uptake .uptake-choice-check .uptake-choice-check-item .txt-wrap {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
}

.part-uptake .uptake-choice-check .uptake-choice-check-item .txt-wrap .txt {
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}

.table-ai-report .t-radio li {
  position: relative;
  display: inline-block;
  margin: 2px 0;
  margin-right: 4px;
}

.table-ai-report .t-radio .radio-hidden {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.table-ai-report .t-radio label {
  cursor: pointer;
}

.table-ai-report .t-radio label span {
  display: block;
  height: 26px;
  line-height: 26px;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  text-align: center;
  box-sizing: content-box;
}

.table-ai-report .t-radio label span.w1 {
  width: 70px;
}

.table-ai-report .t-radio label span.w2 {
  width: 80px;
}

.table-ai-report .t-radio label span.w3 {
  width: 100px;
}

.table-ai-report .t-radio label span.w4 {
  width: 125px;
}

.table-ai-report .t-radio label span.w5 {
  width: 30px;
}

.table-ai-report .t-radio label span.w6 {
  width: 40px;
}

.table-ai-report .t-radio label span.w7 {
  width: 130px;
}

.table-ai-report .t-radio label .i-pop-star {
  margin-top: 6px;
  vertical-align: top;
}

.table-ai-report .t-radio input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.table-ai-report .t-radio input[type="radio"]:checked+label span {
  font-weight: 800;
  border: 1px solid #ff6f3d;
  color: #ff6f3d;
  box-shadow: inset 0 0 0 2px #ff6f3d;
  background-color: #fff;
}

.table-ai-report .t-textarea {
  display: block;
  line-height: 0;
}

.table-ai-report .t-textarea textarea {
  width: 100%;
  line-height: 1.6em;
  padding: 10px;
  letter-spacing: 0;
  color: #5c5c5c;
  font-size: 13px;
}

.table-ai-report .t-dot-item {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 100%;
  margin: 4px 0;
  margin-left: 8px;
}

.table-ai-report .t-dot-item::before {
  position: absolute;
  top: 8px;
  left: -8px;
  width: 2px;
  height: 2px;
  background-color: #5c5c5c;
  content: '';
}

.table-ai-report .t-dot-item:first-child {
  margin-top: 0;
}

.table-ai-report .t-dot-item:last-child {
  margin-bottom: 0;
}

.table-ai-report .t-dot-item .txt {
  color: #5c5c5c;
  font-size: 13px;
}

.ai-report-bottom-group {
  text-align: center;
  margin: 15px 0;
}

.report-bottom-btn-item {
  display: inline-block;
  margin: 0 2px;
}

.report-bottom-btn-item:first-child {
  margin-left: 0;
}

.report-bottom-btn-item:last-child {
  margin-right: 0;
}

.report-bottom-btn-item .btn {
  display: inline-block;
  width: auto;
  min-width: 79px;
  height: 25px;
  padding: 0 10px;
  line-height: 1;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.report-bottom-btn-item .btn .txt {
  color: #fff;
  font-weight: 400;
  font-size: 13px;
}

.part-assay-message {
  font-size: 0;
}

.part-assay-message .message-view {
  border: 2px solid #dbdbdb;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 10px;
  min-height: 286px;
}

.part-assay-message .message-profile-img {
  display: inline-block;
  width: 102px;
  height: 102px;
  border-radius: 50%;
  overflow: hidden;
}

.part-assay-message .message-profile-img.img-boy {
  background-image: url("../images/schoolrecord/profile-default-boy.png");
  background-size: 100% 100%;
}

.part-assay-message .message-profile-img.img-girl {
  background-image: url("../images/schoolrecord/profile-default-girl.png");
  background-size: 100% 100%;
}

.part-assay-message .message-profile-img img {
  max-width: 102px;
  height: 100%;
}

.part-assay-message .message-profile-caption .tit {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.part-assay-message .message-profile-caption .txt {
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}

.part-assay-message .message-profile-caption .message-profile-career-item {
  display: inline-block;
  position: relative;
  margin-right: 11px;
}

.part-assay-message .message-profile-caption .message-profile-career-item::before {
  position: absolute;
  top: 50%;
  left: -6px;
  width: 1px;
  height: 12px;
  margin-top: -6px;
  background-color: #5c5c5c;
  content: '';
}

.part-assay-message .message-profile-caption .message-profile-career-item:first-child::before {
  display: none;
}

.part-assay-message .message-profile-summary {
  text-align: left;
  vertical-align: top;
}

.part-assay-message .message-profile-summary .message-profile-summary-scroll {
  padding: 17px;
  height: 282px;
  box-sizing: border-box;
}

.part-assay-message .message-profile-summary .message-profile-summary-scroll .txt {
  margin: 20px 0;
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8;
}

.part-assay-message .message-profile-summary .message-profile-summary-scroll .tit {
  display: block;
  font-size: 16px;
  font-weight: 700;
}

.part-assay-message .message-profile-summary .message-profile-summary-scroll .tit.tit-good {
  color: #f2642c;
}

.part-assay-message .message-profile-summary .message-profile-summary-scroll .tit.tit-recipe {
  color: #3674e6;
}

.part-assay-message .message-profile-summary .all-message-list-grp {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: stretch;
  margin-top: 10px;
}

.part-assay-message .message-profile-summary .all-message-list-grp .all-message-list {
  width: 50%;
}

.part-assay-message .message-profile-summary .all-message-list-grp .message-box {
  height: 100%;
  padding: 0 28px;
}

.part-assay-message .message-profile-summary .all-message-list-grp .message-box.message-praise {
  margin-right: 7px;
  border: 1px solid #f9ddd2;
  background-color: #fff2ed;
}

.part-assay-message .message-profile-summary .all-message-list-grp .message-box.message-treat {
  margin-left: 7px;
  border: 1px solid #d6e2f6;
  background-color: #f1f6ff;
}

.part-assay-growth {
  font-size: 0;
}

.part-assay-growth .growth-graph {
  margin-top: 30px;
}

.part-assay-growth .growth-graph .gs-title {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 20px;
  border-radius: 10px;
  background-color: #ffe9e1;
  font-size: 18px;
  font-weight: 400;
}

.part-assay-growth .growth-graph .gs-con {
  margin-top: 10px;
  padding: 12px;
}

.part-assay-growth .growth-graph .unit-graph-panel {
  margin-top: 20px;
}

.part-assay-growth .growth-graph .growth-sort-list-grp {
  display: table;
  width: 100%;
}

.part-assay-growth .growth-graph .growth-sort-list-grp .growth-sort-list {
  display: table-cell;
  width: 50%;
  text-align: center;
}

.part-assay-growth .growth-graph .growth-sort-list-grp .growth-sort-list.subject-all-list .gs-title {
  background-color: #ffe9e1;
}

.part-assay-growth .growth-graph .growth-sort-list-grp .growth-sort-list.subject-each-list .gs-title {
  background-color: #d5ebff;
}

.part-assay-growth .growth-graph .growth-info-list-grp {
  margin-top: 20px;
  padding: 0 12px;
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list {
  position: relative;
  display: inline-block;
  padding: 12px 0;
  padding-left: 30px;
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  margin-top: -1px;
  content: '';
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list.list-line::before {
  width: 22px;
  height: 3px;
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list.list-all-answer::before {
  background-color: #58b1ff;
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list.list-all-work::before {
  background-color: #fe885b;
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-korean::before {
  background-color: #416ee1;
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-math::before {
  background-color: #ec7474;
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-social::before {
  background-color: #8ed063;
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-science::before {
  background-color: #fb9914;
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-english::before {
  background-color: #e8c63f;
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-unify::before {
  background-color: #979797;
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-member::before {
  background-color: #3f3f3f;
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-top10::before {
  background-color: #58b1ff;
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-average::before {
  background-color: #cdcdcd;
}

.part-assay-growth .growth-graph .growth-info-list-grp .growth-info-list.list-subject-top10::before {
  display: inline-block;
  width: 20px;
  height: 3px;
  background: url("../images/schoolrecord/i-growth-dotline.png");
  background-position: 0 0;
}

.part-assay-growth .growth-graph .growth-info-list-grp .txt {
  display: inline-block;
  min-width: 45px;
  margin-left: 3px;
  margin-right: 26px;
  font-size: 12px;
}

.part-assay-growth .growth-choice {
  text-align: left;
}

.part-assay-growth .growth-choice .tit-wrap {
  display: inline-block;
  vertical-align: top;
  margin-right: 28px;
  box-sizing: border-box;
}

.part-assay-growth .growth-choice .tit-wrap .tit {
  margin-top: 10px;
  color: #000;
  font-size: 13px;
  font-weight: 700;
}

.part-assay-growth .growth-choice .growth-choice-check {
  display: inline-block;
  vertical-align: top;
}

.part-assay-growth .growth-choice .growth-choice-check .growth-choice-check-item {
  display: inline-block;
  padding: 10px 14px;
  box-sizing: border-box;
}

.part-assay-growth .growth-choice .growth-choice-check .growth-choice-check-item input[type='checkbox'] {
  display: inline-block;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #c0c0c0;
  vertical-align: middle;
  outline: none;
  background: #fff;
  cursor: pointer;
  box-sizing: border-box;
}

.part-assay-growth .growth-choice .growth-choice-check .growth-choice-check-item input[type='checkbox']::before {
  display: block;
  content: '';
}

.part-assay-growth .growth-choice .growth-choice-check .growth-choice-check-item input[type='checkbox']:checked {
  border: 0 none;
  border-right-style: 2px;
}

.part-assay-growth .growth-choice .growth-choice-check .growth-choice-check-item input[type='checkbox']:checked::before {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../images/ai/i-checked.png");
  background-position: 0 0;
  background-color: #ff8900;
}

.part-assay-growth .growth-choice .growth-choice-check .growth-choice-check-item .txt-wrap {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
}

.part-assay-growth .growth-choice .growth-choice-check .growth-choice-check-item .txt {
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}

.part-assay-performance {
  display: none;
  font-size: 0;
}

.part-assay-performance.on {
  display: block;
}

.part-assay-performance .study-monitoring-list-grp {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  margin-top: 20px;
}

.part-assay-performance .assay-performance-card {
  display: block;
  width: 20%;
  margin: 0 7px;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-sizing: border-box;
  overflow: hidden;
}

.part-assay-performance .assay-performance-card:first-child {
  margin-left: 0;
}

.part-assay-performance .assay-performance-card:last-child {
  margin-right: 0;
}

.part-assay-performance .performance-card-title {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e8e8e8;
  padding: 15px 26px;
  text-align: center;
  box-sizing: border-box;
}

.part-assay-performance .performance-card-title .tit {
  color: #333;
  font-size: 18px;
  letter-spacing: -0.075em;
  font-weight: 700;
}

.part-assay-performance .performance-card-view {
  height: 128px;
  padding: 20px;
  box-sizing: border-box;
}

.part-assay-performance .performance-card-view .txt {
  color: #fe7d4a;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.075em;
}

.part-assay-performance .performance-card-view .txt.txt-highlight {
  color: #68d924;
}

.part-assay-performance .performance-card-view .txt-message {
  color: #666;
  font-size: 13px;
  letter-spacing: -0.05em;
  line-height: 1.5;
}

.part-assay-performance .performance-card-view .txt-message .txt-highlight {
  color: #000;
  font-weight: 800;
}

.part-assay-performance .performance-card-case {
  background-color: #fff;
}

.part-assay-performance .performance-card-case .card-case-group {
  border-top: 1px solid #e8e8e8;
}

.part-assay-performance .performance-card-case .card-case-group .card-case-item {
  height: 59px;
  line-height: 59px;
  box-sizing: border-box;
}

.part-assay-performance .performance-card-case .card-case-group .card-case-item:first-child {
  float: left;
  width: 130px;
  padding-left: 10px;
  text-align: left;
  background-color: #f5f5f5;
}

.part-assay-performance .performance-card-case .card-case-group .card-case-item:last-child {
  float: right;
  padding-right: 20px;
}

.part-assay-performance .performance-card-case .card-case-group .card-case-item .txt {
  padding-left: 10px;
  color: #333;
  font-size: 16px;
  letter-spacing: -0.075em;
}

.part-assay-performance .performance-card-case .card-case-group .card-case-item .txt-amount {
  color: #fe7d4a;
  font-size: 24px;
  letter-spacing: -0.075em;
  font-weight: 800;
}

.part-assay-performance .performance-card-case .card-case-group::after {
  display: block;
  clear: both;
  content: '';
}

.part-assay-performance .performance-card-case .card-case-group:first-child {
  border-top: 0;
}

.part-assay-performance .study-status-list-grp {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: stretch;
  margin-top: 20px;
}

.part-assay-performance .study-status-list-grp .assay-performance-card:first-child {
  margin-right: 13px;
}

.part-assay-performance .study-status-list-grp .assay-performance-card:last-child {
  margin-left: 13px;
}

.part-assay-performance .study-status-list-grp .assay-performance-card {
  width: 50%;
  margin: 0;
}

.part-assay-performance .study-status-list-grp .performance-card-case-long {
  background-color: #fff;
}

.part-assay-performance .study-status-list-grp .performance-card-case-long .card-case-group {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  border-top: 1px solid #e8e8e8;
}

.part-assay-performance .study-status-list-grp .performance-card-case-long .card-case-group .card-case-item {
  display: table-cell;
  box-sizing: border-box;
  vertical-align: middle;
}

.part-assay-performance .study-status-list-grp .performance-card-case-long .card-case-group .card-case-item:first-child {
  width: 18%;
  background-color: #f5f5f5;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}

.part-assay-performance .study-status-list-grp .performance-card-case-long .card-case-group .card-case-item:nth-child(2) {
  width: 18%;
}

.part-assay-performance .study-status-list-grp .performance-card-case-long .card-case-group .card-case-item:last-child {
  width: 64%;
  text-align: left;
}

.part-assay-performance .study-status-list-grp .performance-card-case-long .card-case-group .card-case-item .txt {
  min-height: 83px;
  color: #333;
  font-size: 18px;
  letter-spacing: -0.075em;
}

.part-assay-performance .study-status-list-grp .performance-card-case-long .card-case-group .card-case-item .txt-amount {
  color: #fe7d4a;
  font-size: 28px;
  font-weight: 800;
}

.part-assay-performance .study-status-list-grp .performance-card-case-long .card-case-group .card-case-item .txt-message {
  display: block;
  padding: 24px 10px 24px 0;
  line-height: 1.6em;
  color: #666666;
  font-size: 13px;
  letter-spacing: -0.065em;
}

.part-assay-performance .study-status-list-grp .performance-card-case-long .card-case-group::after {
  display: block;
  clear: both;
  content: '';
}

.part-assay-performance .study-status-list-grp .performance-card-case-long .card-case-group:first-child {
  border-top: 0;
}

.part-assay-performance .performance-tab .tab-group {
  margin-bottom: -1px;
}

.part-assay-performance .performance-tab .tab-item {
  position: relative;
  display: inline-block;
  margin-right: -1px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  text-align: center;
  box-sizing: border-box;
}

.part-assay-performance .performance-tab .tab-item button {
  padding: 8px 21px;
  min-width: 80px;
}

.part-assay-performance .performance-tab .tab-item button .txt {
  color: #333;
  font-size: 14px;
}

.part-assay-performance .performance-tab .tab-item.on {
  background-color: #ff946a;
  border: 1px solid #ff946a;
}

.part-assay-performance .performance-tab .tab-item.on button .txt {
  color: #fff;
  font-weight: 700;
}

.part-assay-estimate {
  display: none;
  font-size: 0;
}

.part-assay-estimate.on {
  display: block;
}

.part-assay-estimate .assay-estimate-card {
  width: 265px;
  margin: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
}

.part-assay-estimate .assay-estimate-graph {
  width: 344px;
  height: auto;
  margin: 10px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
}

.part-assay-estimate .assay-estimate-graph .estimate-graph-panel {
  height: 303px;
  padding: 15px;
  box-sizing: border-box;
}

.part-assay-estimate .assay-estimate-graph .estimate-graph-panel .graph-look {
  background-color: #e6e6e6;
}

.part-assay-estimate .assay-estimate-graph .estimate-graph-panel .graph-look .txt {
  color: #000;
  font-size: 13px;
  font-weight: 400;
}

.part-assay-estimate .estimate-card-title {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e8e8e8;
  padding: 16px 26px;
  text-align: center;
  box-sizing: border-box;
}

.part-assay-estimate .estimate-card-title .tit {
  color: #333;
  font-size: 18px;
  letter-spacing: -0.075em;
  font-weight: 700;
}

.part-assay-estimate .estimate-card-view {
  height: 102px;
  padding: 20px;
  box-sizing: border-box;
}

.part-assay-estimate .estimate-card-view .txt {
  color: #fe7d4a;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.075em;
}

.part-assay-estimate .estimate-card-case {
  height: 149px;
  padding: 20px;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}

.part-assay-estimate .estimate-card-case .card-case-group {
  *zoom: 1;
  margin: 10px 0;
}

.part-assay-estimate .estimate-card-case .card-case-group::after {
  display: block;
  clear: both;
  content: '';
}

.part-assay-estimate .estimate-card-case .card-case-group:first-child {
  margin-top: 0;
}

.part-assay-estimate .estimate-card-case .card-case-group:last-child {
  margin-bottom: 0;
}

.part-assay-estimate .estimate-card-case .card-case-group .card-case-item:first-child {
  float: left;
}

.part-assay-estimate .estimate-card-case .card-case-group .card-case-item:last-child {
  float: right;
}

.part-assay-estimate .estimate-card-case .card-case-group .card-case-item .txt {
  color: #666;
  font-size: 16px;
}

.part-assay-estimate .estimate-card-case .card-case-group .card-case-item .txt-amount {
  color: #fe7d4a;
  font-size: 16px;
  font-weight: 700;
}

.part-assay-estimate .estimate-card-default {
  height: 149px;
  padding: 20px;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}

.part-assay-estimate .estimate-card-default .card-default-group {
  margin: 10px 0;
}

.part-assay-estimate .estimate-card-default .card-default-group:first-child {
  margin-top: 0;
}

.part-assay-estimate .estimate-card-default .card-default-group:last-child {
  margin-bottom: 0;
}

.part-assay-estimate .estimate-card-default .card-default-group .card-default-item {
  text-align: left;
}

.part-assay-estimate .estimate-card-default .card-default-group .card-default-item .txt {
  color: #666;
  font-size: 16px;
}

.part-assay-estimate .estimate-card-default .card-default-group .card-default-item .txt-amount {
  color: #fe7d4a;
  font-size: 16px;
  font-weight: 700;
}

.part-assay-estimate .estimate-choice-item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  text-align: left;
}

.part-assay-estimate .estimate-choice-item .tit-wrap {
  display: inline-block;
  vertical-align: middle;
  min-width: 86px;
  margin-right: 28px;
  padding-left: 16px;
  box-sizing: border-box;
}

.part-assay-estimate .estimate-choice-item .tit-wrap .tit {
  color: #000;
  font-size: 13px;
  font-weight: 700;
}

.part-assay-estimate .estimate-choice-item .tit-wrap.tit-blind {
  width: 169px;
}

.part-assay-estimate .estimate-choice-check {
  display: inline-block;
  vertical-align: middle;
}

.part-assay-estimate .estimate-choice-check .estimate-choice-check-item {
  display: inline-block;
  padding: 10px 14px;
  box-sizing: border-box;
}

.part-assay-estimate .estimate-choice-check .estimate-choice-check-item input[type='checkbox'] {
  display: inline-block;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #c0c0c0;
  vertical-align: middle;
  outline: none;
  background: #fff;
  cursor: pointer;
  box-sizing: border-box;
}

.part-assay-estimate .estimate-choice-check .estimate-choice-check-item input[type='checkbox']::before {
  display: block;
  content: '';
}

.part-assay-estimate .estimate-choice-check .estimate-choice-check-item input[type='checkbox']:checked {
  border: 0 none;
  border-right-style: 2px;
}

.part-assay-estimate .estimate-choice-check .estimate-choice-check-item input[type='checkbox']:checked::before {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../images/ai/i-checked.png");
  background-position: 0 0;
  background-color: #ff8900;
}

.part-assay-estimate .estimate-choice-check .estimate-choice-check-item .txt-wrap {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
}

.part-assay-estimate .estimate-choice-check .estimate-choice-check-item .txt-wrap .txt {
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}

.part-assay-pattern {
  display: none;
  font-size: 0;
}

.part-assay-pattern .pattern-card {
  display: inline-block;
  width: 215px;
  height: 140px;
  margin: 0 7px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
}

.part-assay-pattern .pattern-card .txt {
  color: #333;
  font-size: 18px;
  font-weight: 700;
}

.part-assay-pattern .pattern-card .txt-message {
  color: #666;
  font-size: 13px;
  letter-spacing: -0.05em;
  line-height: 1.5;
}

.part-assay-pattern .pattern-card .tit-wrap {
  margin-top: 10px;
}

.part-assay-pattern .pattern-card .tit-wrap .tit {
  color: #fe7d4a;
  font-size: 28px;
  font-weight: 800;
}

.part-assay-pattern .pattern-card .tit-wrap .tit-point {
  color: #fe7d4a;
}

.part-assay-pattern .pattern-card:first-child {
  margin-left: 0;
}

.part-assay-pattern .pattern-card:last-child {
  margin-right: 0;
}

.part-assay-pattern.on {
  display: block;
}

.part-privacy {
  margin-top: 18px;
}

.part-privacy .privacy-student {
  margin-right: 6px;
  text-align: left;
}

.part-privacy .privacy-parents {
  margin-left: 6px;
  text-align: left;
}

.part-recommend .dp-table {
  display: flex;
  align-items: stretch;
}

.part-recommend .dp-cell {
  display: inline-block;
  width: 50%;
}

.part-recommend .discover-title .tit {
  color: #000;
  font-size: 18px;
}

.part-recommend .discover-title .tit-good {
  color: #17ba2e;
}

.part-recommend .discover-title .tit-recipe {
  color: #f25d3f;
}

.part-recommend .discover-panel {
  height: calc(100% - 35px);
  background-color: #fff;
  border-radius: 10px;
  box-sizing: border-box;
}

.part-recommend .discover-panel.discover-good {
  margin-right: 15px;
  border: 2px solid #7cdc8a;
}

.part-recommend .discover-panel.discover-recipe {
  margin-left: 15px;
  border: 2px solid #fba998;
}

.part-recommend .discover-dot {
  min-height: auto;
  padding: 20px;
  box-sizing: border-box;
}

.part-recommend .discover-dot .discover-dot-item {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 100%;
  margin: 6px 0;
  margin-left: 8px;
}

.part-recommend .discover-dot .discover-dot-item::before {
  position: absolute;
  top: 6px;
  left: -8px;
  width: 2px;
  height: 2px;
  background-color: #5c5c5c;
  content: '';
}

.part-recommend .discover-dot .discover-dot-item:first-child {
  margin-top: 0;
}

.part-recommend .discover-dot .discover-dot-item:last-child {
  margin-bottom: 0;
}

.part-recommend .discover-dot .discover-dot-item .txt {
  color: #5c5c5c;
  font-size: 13px;
}

.part-recommend .recipe-title {
  text-align: center;
}

.part-recommend .recipe-title .tit {
  color: #000;
  font-size: 18px;
}

.part-recommend .recipe-title .tit-good {
  color: #17ba2e;
}

.part-recommend .recipe-title .tit-recipe {
  color: #f25d3f;
}

.part-recommend .recipe-weak {
  margin-right: 44px;
}

.part-recommend .recipe-summary .tit {
  display: inline-block;
  color: #ff0000;
  font-size: 16px;
  font-weight: 700;
}

.part-recommend .recipe-summary .txt {
  display: inline-block;
  color: #5c5c5c;
  font-size: 13px;
  line-height: 1.8;
}

.part-recommend .recipe-notice {
  text-align: center;
}

.part-recommend .recipe-notice .txt {
  display: inline-block;
  color: #5c5c5c;
  font-size: 13px;
  line-height: 1.8;
}

.part-recommend .recipe-question {
  margin-left: 44px;
  padding-bottom: 10px;
  box-sizing: border-box;
}

.part-recommend .recipe-view {
  border: 1px solid #dbdbdb;
  background-color: #fff;
  box-sizing: border-box;
}

.part-recommend .recipe-table {
  text-align: center;
}

.part-recommend .recipe-table .recipe-table-inner {
  margin-top: 25px;
}

.part-recommend .recipe-table .txt {
  display: inline-block;
  color: #5c5c5c;
  font-size: 13px;
  line-height: 1.4;
}

.part-recommend .recipe-table .unit-table {
  margin-bottom: 10px;
}

.part-recommend .recipe-table .unit-table:last-child {
  margin-bottom: 0;
}

.part-recommend .recipe-table .unit-table .txt {
  display: inline-block;
  width: 100%;
  color: #5c5c5c;
  font-size: 13px;
  line-height: 1;
}

.part-recommend .recipe-view-scroll {
  overflow-y: auto;
  max-height: 550px;
  padding: 48px 20px 0 20px;
  box-sizing: border-box;
}

.part-recommend .recipe-view-scroll.short {
  height: 147px;
}

.part-digest {
  font-size: 0;
}

.part-digest .digest-calendar-header {
  position: relative;
}

.part-digest .digest-calendar-guide {
  position: absolute;
  top: 3px;
  right: 0;
}

.part-digest .digest-calendar-guide .calendar-guide-item {
  display: inline-block;
  margin: 0 10px;
}

.part-digest .digest-calendar-guide .calendar-guide-item .txt {
  display: inline-block;
  color: #5c5c5c;
  font-size: 13px;
  vertical-align: middle;
}

.part-digest .digest-calendar-guide .calendar-guide-item .ico {
  margin-right: 10px;
}

.part-incorrect .incorrect-setting {
  display: block;
  font-size: 0;
}

.part-incorrect .incorrect-setting .tit-wrap {
  margin-right: 30px;
}

.part-incorrect .incorrect-setting .tit {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.part-incorrect .incorrect-setting .incorrect-select {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 26px;
  line-height: 26px;
  margin-right: 10px;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  z-index: 0;
}

.part-incorrect .incorrect-setting .incorrect-select label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 9px;
  color: #333;
  z-index: -1;
  box-sizing: border-box;
}

.part-incorrect .incorrect-setting .incorrect-select select {
  width: 100%;
  height: 100%;
  line-height: 100%;
  padding-left: 9px;
  border: 0 none;
  background-color: transparent;
  text-align: center;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.part-incorrect .incorrect-setting .incorrect-select:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #afaeae;
  content: "";
}

.part-incorrect .incorrect-setting .incorrect-select option {
  min-height: 1.6em;
}

.part-incorrect .incorrect-setting .incorrect-calendar {
  position: relative;
}

.part-incorrect .incorrect-setting .incorrect-calendar .inputbox {
  vertical-align: middle;
}

.part-incorrect .incorrect-setting .incorrect-btn-incorrect {
  display: inline-block;
  vertical-align: middle;
}

.part-incorrect .incorrect-setting .incorrect-btn-incorrect .btn {
  display: inline-block;
  width: 30px;
  height: 25px;
  background-color: #9f9f9f;
  border-radius: 4px;
}

.hams-tutor-counsel-report-main {
  padding: 23px 10px;
  box-sizing: border-box;
}

.hams-tutor-counsel-report-main .counsel-report-box {
  position: relative;
  margin: 50px 10px 0;
  font-size: 0;
}

.hams-tutor-counsel-report-main .counsel-report-box .memobox {
  position: absolute;
  top: -52px;
  left: 0;
  width: 100%;
  padding-left: 20px;
  box-sizing: border-box;
}

.hams-tutor-counsel-report-main .counsel-report-box .memobox .txt {
  color: #5c5c5c;
  font-size: 13px;
  line-height: 1.3;
  margin-right: 250px;
  -webkit-line-clamp: 2;
}

.hams-tutor-counsel-report-main .counsel-report-box .counsel-report-btn-group {
  position: absolute;
  top: -52px;
  right: 0;
}

.hams-tutor-counsel-report-main .counsel-report-box .counsel-report-btn-item {
  display: inline-block;
  margin: 0 2px;
}

.hams-tutor-counsel-report-main .counsel-report-box .counsel-report-btn-item:first-child {
  margin-left: 0;
}

.hams-tutor-counsel-report-main .counsel-report-box .counsel-report-btn-item:last-child {
  margin-right: 0;
}

.hams-tutor-counsel-report-main .counsel-report-box .counsel-report-btn-item .btn {
  min-width: 81px;
  height: 25px;
  padding: 0 16px;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-counsel-report-main .counsel-report-box .counsel-report-btn-item .btn .txt {
  line-height: 25px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-radio li {
  position: relative;
  display: inline-block;
  margin: 2px 0;
  margin-right: 4px;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-radio .radio-hidden {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-radio label {
  cursor: pointer;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-radio label span {
  display: block;
  height: 26px;
  line-height: 26px;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  text-align: center;
  box-sizing: content-box;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-radio label span.w1 {
  width: 70px;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-radio label span.w2 {
  width: 80px;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-radio label span.w3 {
  width: 100px;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-radio label span.w4 {
  width: 125px;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-radio label span.w5 {
  width: 30px;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-radio label span.w6 {
  width: 40px;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-radio label span.w7 {
  width: 130px;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-radio label .i-pop-star {
  margin-top: 6px;
  vertical-align: top;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-radio input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-radio input[type="radio"]:checked+label span {
  font-weight: 800;
  border: 1px solid #ff6f3d;
  color: #ff6f3d;
  box-shadow: inset 0 0 0 2px #ff6f3d;
  background-color: #fff;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-switch .switch {
  margin-right: 20px;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-switch .dp-inline {
  margin-right: 4px;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-textarea {
  display: block;
  line-height: 0;
}

.hams-tutor-counsel-report-main .counsel-report-box .t-textarea textarea {
  width: 100%;
  min-height: 150px;
  line-height: 1.6em;
  padding: 10px;
  letter-spacing: 0;
}

.hams-tutor-counsel-report-main .counsel-report-box .construct-list .dp-inline {
  margin-right: 15px;
}

.hams-tutor-counsel-report-main .counsel-report-box .switch input {
  display: none;
}

.hams-tutor-counsel-report-main .counsel-report-box .switch input:checked+label {
  background-color: #ff6f3d;
}

.hams-tutor-counsel-report-main .counsel-report-box .switch input:checked+label:before {
  transform: translateX(28px);
}

.hams-tutor-counsel-report-main .counsel-report-box .switch input:checked+label:after {
  position: absolute;
  top: 0;
  left: 7px;
  content: 'on';
}

.hams-tutor-counsel-report-main .counsel-report-box .switch label {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 22px;
  line-height: 22px;
  background-color: #bfcbd9;
  border-radius: 20px;
  font-size: 13px;
  cursor: pointer;
}

.hams-tutor-counsel-report-main .counsel-report-box .switch label:before {
  position: absolute;
  top: 50%;
  left: 3px;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: #fff;
  border-radius: 50%;
  transition: all .4s ease;
  content: '';
}

.hams-tutor-counsel-report-main .counsel-report-box .switch label:after {
  position: absolute;
  top: 0;
  right: 7px;
  transition: all .4s ease;
  color: #fff;
  font-weight: 700;
  content: 'off';
}

.hams-tutor-counsel-report-main .counsel-report-box .switch.switch-yn input:checked+label:after {
  left: 14px;
  content: 'Y';
}

.hams-tutor-counsel-report-main .counsel-report-box .switch.switch-yn label:after {
  right: 14px;
  content: 'N';
}

.hams-tutor-counsel-report-main .counsel-report-box .inputbox .input {
  border: 1px solid #dbdbdb;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: left;
  font-size: 13px;
  letter-spacing: 0;
}

.hams-tutor-counsel-report-main .counsel-report-box .inputbox .input.input-2 {
  width: 110px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

.hams-tutor-counsel-report-main .counsel-report-box .inputbox .input.input-full {
  width: 100%;
}

.hams-tutor-counsel-report-main .counsel-report-box .selectbox {
  position: relative;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 13px;
  text-align: left;
  vertical-align: middle;
  z-index: 0;
}

.hams-tutor-counsel-report-main .counsel-report-box .selectbox label {
  position: absolute;
  top: 0;
  left: 10px;
  width: 100%;
  color: #333;
  z-index: -1;
}

.hams-tutor-counsel-report-main .counsel-report-box .selectbox select {
  width: 100%;
  height: 100%;
  line-height: 100%;
  padding: 0 40px 0 10px;
  border: 0 none;
  background-color: transparent;
  text-align: center;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.hams-tutor-counsel-report-main .counsel-report-box .selectbox option {
  min-height: 1.6em;
}

.hams-tutor-counsel-report-main .counsel-report-box .selectbox:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #afaeae;
  content: "";
}

.hams-tutor-counsel-report-main .counsel-report-box .selectbox.select1 {
  min-width: 88px;
}

.hams-tutor-counsel-report-main .counsel-report-box .selectbox.select2 {
  min-width: 118px;
}

.hams-tutor-counsel-report-main .counsel-report-box .btn {
  display: inline-block;
}

.hams-tutor-counsel-report-main .counsel-report-box .btn.btn-calendar {
  width: 30px;
  height: 26px;
  line-height: 26px;
  margin-left: 2px;
  background-color: #9f9f9f;
  border-radius: 4px;
  border: 0 none;
}

.hams-tutor-counsel-report-main .counsel-report-box .counsel-report-bottom-group {
  text-align: center;
}

.hams-tutor-counsel-report-main .counsel-report-box .report-bottom-btn-item {
  display: inline-block;
  margin: 0 2px;
}

.hams-tutor-counsel-report-main .counsel-report-box .report-bottom-btn-item:first-child {
  margin-left: 0;
}

.hams-tutor-counsel-report-main .counsel-report-box .report-bottom-btn-item:last-child {
  margin-right: 0;
}

.hams-tutor-counsel-report-main .counsel-report-box .report-bottom-btn-item .btn {
  min-width: 100px;
  height: 30px;
  line-height: 30px;
  padding: 0 16px;
  background-color: #ff6f3d;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-counsel-report-main .counsel-report-box .report-bottom-btn-item .btn .txt {
  color: #fff;
  font-weight: 400;
  font-size: 13px;
}

.hams-tutor-counsel-report-main .counsel-history-box {
  position: relative;
}

.hams-tutor-counsel-report-main .counsel-history-box .inputbox.inputbox1 input,
.hams-tutor-counsel-report-main .counsel-history-box .inputbox.inputbox1 button {
  vertical-align: top;
}

.hams-tutor-counsel-report-main .counsel-history-box .inputbox input.input-2 {
  width: 114px;
  height: 25px;
  line-height: 25px;
}

.hams-tutor-counsel-report-main .counsel-history-box .inputbox input.input-4 {
  width: 190px;
  height: 25px;
  line-height: 25px;
}

.hams-tutor-counsel-report-main .counsel-history-box .inputbox .btn.btn-search {
  width: 30px;
  height: 25px;
  line-height: 25px;
  background-color: #9f9f9f;
  border-radius: 4px;
  border: 0 none;
}

.hams-tutor-counsel-report-main .counsel-history-box .inputbox .btn.btn-search .ico.i-search {
  margin-top: -4px;
}

.hams-tutor-counsel-report-main .counsel-history-box .counsel-history-btn-group {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
}

.hams-tutor-counsel-report-main .counsel-history-box .counsel-history-btn-item {
  display: inline-block;
  margin: 0 2px;
}

.hams-tutor-counsel-report-main .counsel-history-box .counsel-history-btn-item:first-child {
  margin-left: 0;
}

.hams-tutor-counsel-report-main .counsel-history-box .counsel-history-btn-item:last-child {
  margin-right: 0;
}

.hams-tutor-counsel-report-main .counsel-history-box .counsel-history-btn-item .btn {
  min-width: 81px;
  height: 25px;
  line-height: 25px;
  padding: 0 16px;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-counsel-report-main .counsel-history-box .counsel-history-btn-item .btn .txt {
  color: #fff;
  font-weight: 400;
  font-size: 12px;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox {
  display: flex;
  width: 100%;
  height: 956px;
  margin: 8px 0 0 0;
  border: 1px solid #dbdbdb;
  background-color: #fafafa;
  line-height: 1.6em;
  font-size: 12px;
  font-weight: 700;
  color: #5c5c5c;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .historybox-important {
  width: 50%;
  height: 956px;
  overflow-y: auto;
  padding: 0 18px;
  border-right: 1px solid #dbdbdb;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .historybox-basic {
  width: 50%;
  height: 956px;
  overflow-y: auto;
  padding: 0 18px;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox ul {
  display: table;
  width: 100%;
  margin: 10px 0;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox ul.historybox-notice .counsel-content {
  background-color: #ffeded;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox ul.historybox-memo .counsel-content {
  background-color: #fff6ea;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox ul li {
  display: table-cell;
  vertical-align: top;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox ul li.cell-title {
  width: 120px;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-info {
  margin-top: 26px;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-info .h-name,
.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-info .h-date,
.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-info .h-time,
.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-info .h-audio {
  display: block;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-info .h-audio {
  margin-top: 5px;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-info .h-audio .btn.btn-grey {
  min-height: 20px;
  padding: 2px 11px;
  background-color: #9f9f9f;
  border-radius: 4px;
  border: 0 none;
  font-size: 13px;
  color: #fff;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-info .h-audio .btn.btn-grey.btn-grey-top {
  margin-top: 5px;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-info .h-audio .btn.btn-grey.audio {
  position: relative;
  padding-right: 28px;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-info .h-audio .btn.btn-grey.audio:after {
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../images/schoolrecord/i-play.png");
  background-position: 0 0;
  margin-top: -8px;
  content: '';
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-content {
  display: block;
  padding: 15px 20px;
  margin: 10px 0 8px 0;
  border: 1px solid #dbdbdb;
  background-color: #fff;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-content .c-list {
  display: block;
  margin: 5px 0;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-content .c-list:first-child {
  margin-top: 0;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-content .c-list li {
  padding: 0 10px;
  box-sizing: border-box;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-content .c-list li:first-child {
  padding-left: 0;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-content .c-list li:last-child {
  padding-right: 0;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-content .c-list .c-list-point {
  color: #ff5e00;
  font-weight: 700;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-content .c-txt {
  line-height: 1.7em;
  font-size: 13px;
  font-weight: 400;
  color: #5c5c5c;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-content .c-txt.c-txt-bold {
  font-weight: 700;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .btnbox .btn.btn-grey {
  min-height: 20px;
  padding: 2px 11px;
  background-color: #9f9f9f;
  border-radius: 4px;
  border: 0 none;
  font-size: 13px;
  color: #fff;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-end-box {
  display: none;
  text-align: center;
  margin: 30px 0;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-end-box.on {
  display: block;
}

.hams-tutor-counsel-report-main .counsel-history-box .historybox .counsel-end-box .txt {
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 700;
}

.hams-tutor-counsel-report-main .call-report-box {
  position: relative;
  margin: 30px 10px 0;
  font-size: 0;
}

.hams-tutor-counsel-report-main .call-report-box .call-report-btn-group {
  position: absolute;
  top: -30px;
  left: 0;
}

.hams-tutor-counsel-report-main .call-report-box .call-report-btn-item {
  display: inline-block;
  margin: 0 2px;
}

.hams-tutor-counsel-report-main .call-report-box .call-report-btn-item:first-child {
  margin-left: 0;
}

.hams-tutor-counsel-report-main .call-report-box .call-report-btn-item:last-child {
  margin-right: 0;
}

.hams-tutor-counsel-report-main .call-report-box .call-report-btn-item .btn {
  min-width: 64px;
  height: 25px;
  padding: 0 12px;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-counsel-report-main .call-report-box .call-report-btn-item .btn .txt {
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  line-height: 25px;
}

.hams-tutor-counsel-report-main .call-report-box .call-report-btn-item .btn.btn-point {
  background-color: #ff6f3d;
}

.hams-tutor-counsel-report-main .call-report-box .call-report-btn-item .btn.btn-default {
  background-color: #9f9f9f;
}

.hams-tutor-counsel-report-main .call-report-box .t-radio li {
  position: relative;
  display: inline-block;
  margin: 2px 0;
  margin-right: 4px;
}

.hams-tutor-counsel-report-main .call-report-box .t-radio .radio-hidden {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.hams-tutor-counsel-report-main .call-report-box .t-radio label {
  cursor: pointer;
}

.hams-tutor-counsel-report-main .call-report-box .t-radio label span {
  display: block;
  height: 26px;
  line-height: 26px;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  text-align: center;
  box-sizing: content-box;
}

.hams-tutor-counsel-report-main .call-report-box .t-radio label span.w1 {
  width: 70px;
}

.hams-tutor-counsel-report-main .call-report-box .t-radio label span.w2 {
  width: 80px;
}

.hams-tutor-counsel-report-main .call-report-box .t-radio label span.w3 {
  width: 100px;
}

.hams-tutor-counsel-report-main .call-report-box .t-radio label span.w4 {
  width: 125px;
}

.hams-tutor-counsel-report-main .call-report-box .t-radio label span.w5 {
  width: 30px;
}

.hams-tutor-counsel-report-main .call-report-box .t-radio label span.w6 {
  width: 40px;
}

.hams-tutor-counsel-report-main .call-report-box .t-radio label span.w7 {
  width: 130px;
}

.hams-tutor-counsel-report-main .call-report-box .t-radio label .i-pop-star {
  margin-top: 6px;
  vertical-align: top;
}

.hams-tutor-counsel-report-main .call-report-box .t-radio input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.hams-tutor-counsel-report-main .call-report-box .t-radio input[type="radio"]:checked+label span {
  font-weight: 800;
  border: 1px solid #ff6f3d;
  color: #ff6f3d;
  box-shadow: inset 0 0 0 2px #ff6f3d;
  background-color: #fff;
}

.hams-tutor-counsel-report-main .call-report-box .t-switch .switch {
  margin-right: 20px;
}

.hams-tutor-counsel-report-main .call-report-box .t-switch .dp-inline {
  margin-right: 4px;
}

.hams-tutor-counsel-report-main .call-report-box .t-textarea {
  display: block;
  line-height: 0;
}

.hams-tutor-counsel-report-main .call-report-box .t-textarea textarea {
  width: 100%;
  min-height: 150px;
  line-height: 1.6em;
  padding: 10px;
  letter-spacing: 0;
}

.hams-tutor-counsel-report-main .call-report-box .construct-list .dp-inline {
  margin-right: 15px;
}

.hams-tutor-counsel-report-main .call-report-box .switch input {
  display: none;
}

.hams-tutor-counsel-report-main .call-report-box .switch input:checked+label {
  background-color: #ff6f3d;
}

.hams-tutor-counsel-report-main .call-report-box .switch input:checked+label:before {
  transform: translateX(28px);
}

.hams-tutor-counsel-report-main .call-report-box .switch input:checked+label:after {
  position: absolute;
  top: 0;
  left: 7px;
  content: 'on';
}

.hams-tutor-counsel-report-main .call-report-box .switch label {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 22px;
  line-height: 22px;
  background-color: #bfcbd9;
  border-radius: 20px;
  font-size: 13px;
  cursor: pointer;
}

.hams-tutor-counsel-report-main .call-report-box .switch label:before {
  position: absolute;
  top: 50%;
  left: 3px;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: #fff;
  border-radius: 50%;
  transition: all .4s ease;
  content: '';
}

.hams-tutor-counsel-report-main .call-report-box .switch label:after {
  position: absolute;
  top: 0;
  right: 7px;
  transition: all .4s ease;
  color: #fff;
  font-weight: 700;
  content: 'off';
}

.hams-tutor-counsel-report-main .call-report-box .switch.switch-yn input:checked+label:after {
  left: 14px;
  content: 'Y';
}

.hams-tutor-counsel-report-main .call-report-box .switch.switch-yn label:after {
  right: 14px;
  content: 'N';
}

.hams-tutor-counsel-report-main .call-report-box .inputbox .input {
  border: 1px solid #dbdbdb;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: left;
  font-size: 13px;
  letter-spacing: 0;
}

.hams-tutor-counsel-report-main .call-report-box .inputbox .input.input-2 {
  width: 110px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

.hams-tutor-counsel-report-main .call-report-box .inputbox .input.input-full {
  width: 100%;
}

.hams-tutor-counsel-report-main .call-report-box .selectbox {
  position: relative;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 13px;
  text-align: left;
  vertical-align: middle;
  z-index: 0;
}

.hams-tutor-counsel-report-main .call-report-box .selectbox label {
  position: absolute;
  top: 0;
  left: 10px;
  width: 100%;
  color: #333;
  z-index: -1;
}

.hams-tutor-counsel-report-main .call-report-box .selectbox select {
  width: 100%;
  height: 100%;
  line-height: 100%;
  padding: 0 40px 0 10px;
  border: 0 none;
  background-color: transparent;
  text-align: center;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.hams-tutor-counsel-report-main .call-report-box .selectbox option {
  min-height: 1.6em;
}

.hams-tutor-counsel-report-main .call-report-box .selectbox:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #afaeae;
  content: "";
}

.hams-tutor-counsel-report-main .call-report-box .selectbox.select1 {
  min-width: 88px;
}

.hams-tutor-counsel-report-main .call-report-box .selectbox.select2 {
  min-width: 118px;
}

.hams-tutor-counsel-report-main .call-report-box .btn {
  display: inline-block;
}

.hams-tutor-counsel-report-main .call-report-box .btn.btn-calendar {
  width: 30px;
  height: 26px;
  line-height: 26px;
  margin-left: 2px;
  background-color: #9f9f9f;
  border-radius: 4px;
  border: 0 none;
}

.hams-tutor-counsel-report-main .call-report-box .call-report-bottom-group {
  text-align: right;
}

.hams-tutor-counsel-report-main .call-report-box .report-bottom-btn-item {
  display: inline-block;
  margin: 0 2px;
}

.hams-tutor-counsel-report-main .call-report-box .report-bottom-btn-item:first-child {
  margin-left: 0;
}

.hams-tutor-counsel-report-main .call-report-box .report-bottom-btn-item:last-child {
  margin-right: 0;
}

.hams-tutor-counsel-report-main .call-report-box .report-bottom-btn-item .btn {
  min-width: 62px;
  height: 25px;
  padding: 0 20px;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-counsel-report-main .call-report-box .report-bottom-btn-item .btn .txt {
  line-height: 25px;
  color: #fff;
  font-weight: 400;
  font-size: 13px;
}

.hams-tutor-counsel-report-main .call-report-box .report-bottom-btn-item .btn.btn-default {
  background-color: #9f9f9f;
}

.other-payment-card .dp-table {
  display: flex;
}

.other-payment-card .dp-cell {
  display: inline-block;
  width: 50%;
  padding: 4px 0;
  box-sizing: border-box;
}

.other-payment-card .dp-cell:nth-child(odd) .payment-panel {
  margin-right: 4px;
}

.other-payment-card .dp-cell:nth-child(even) .payment-panel {
  margin-left: 4px;
}

.other-payment-card .pay-label-txt {
  display: block;
  margin: 7px 0;
  font-size: 13px;
  color: #5c70a4;
  text-align: left;
}

.other-payment-card .pay-label-txt:first-child {
  margin-top: 0;
}

.other-payment-card .pay-label-txt:last-child {
  margin-bottom: 0;
}

.other-payment-card .payment-panel {
  height: 100%;
  background-color: #fafafa;
  border: 1px solid #dbdbdb;
  padding: 20px;
  box-sizing: border-box;
}

.other-payment-card .payment-title {
  position: relative;
  text-align: left;
}

.other-payment-card .payment-title .tit {
  color: #000;
  font-size: 16px;
}

.other-payment-card .payment-notice {
  position: relative;
  text-align: left;
  color: #ff0000;
  font-size: 13px;
  font-weight: 700;
}

.other-payment-card .payment-title-btn {
  position: absolute;
  top: -4px;
  right: -10px;
  text-align: center;
  font-size: 0;
}

.other-payment-card .payment-title-btn .btn-item {
  display: inline-block;
  margin: 0 3px;
}

.other-payment-card .payment-title-btn .btn-item:first-child {
  margin-left: 0;
}

.other-payment-card .payment-title-btn .btn-item:last-child {
  margin-right: 0;
}

.other-payment-card .payment-title-btn .btn {
  display: inline-block;
  width: auto;
  min-width: 79px;
  height: 25px;
  padding: 0 10px;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.other-payment-card .payment-title-btn .btn.btn-new {
  background-color: #f48542;
}

.other-payment-card .payment-title-btn .btn.btn-extend {
  background-color: #f59a23;
}

.other-payment-card .payment-title-btn .btn.btn-old {
  background-color: #8c8c8c;
}

.other-payment-card .payment-title-btn .txt {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.other-payment-card .payment-title-btn.pt-btn-inline-sm {
  position: initial;
  display: inline-block;
}

.other-payment-card .payment-title-btn.pt-btn-inline {
  position: initial;
  display: inline-block;
}

.other-payment-card .payment-title-btn.pt-btn-inline .btn {
  display: inline-block;
  width: auto;
  min-width: 79px;
  height: 33px;
  padding: 0 10px;
  line-height: 1;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.other-payment-card .payment-title-btn.pt-btn-inline .btn.btn-new {
  background-color: #f48542;
}

.other-payment-card .payment-title-btn.pt-btn-inline .btn.btn-extend {
  background-color: #f59a23;
}

.other-payment-card .payment-title-btn.pt-btn-inline .btn.btn-old {
  background-color: #8c8c8c;
}

.other-payment-card .payment-title-btn.pt-btn-inline .txt {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
}

.other-payment-card .btn-request-list-grp {
  display: flex;
  width: 400px;
  margin-top: 20px;
}

.other-payment-card .btn-request-list-grp .btn-request-list {
  width: 50%;
  text-align: center;
}

.other-payment-card .btn-request-list-grp .btn-request-list .btn {
  display: inline-block;
  margin-bottom: 10px;
}

.other-payment-card .btn-request-list-grp .btn-request-list .txt-info {
  position: relative;
  display: block;
  margin-top: 3px;
  padding-left: 10px;
  line-height: 1.4em;
  font-size: 12px;
  text-align: left;
  color: #5c5c5c;
}

.other-payment-card .btn-request-list-grp .btn-request-list .txt-info.txt-info-new {
  color: #f48542;
}

.other-payment-card .btn-request-list-grp .btn-request-list .txt-info:before {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  content: '*';
}

.other-payment-card .payment-dot.payment-dot-blank {
  min-height: 100px;
  margin-right: 410px;
}

.other-payment-card .payment-dot .payment-dot-item {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 100%;
  margin: 2px 0;
  margin-left: 10px;
}

.other-payment-card .payment-dot .payment-dot-item::before {
  position: absolute;
  top: 8px;
  left: -10px;
  width: 2px;
  height: 2px;
  background-color: #5c5c5c;
  content: '';
}

.other-payment-card .payment-dot .payment-dot-item:first-child {
  margin-top: 0;
}

.other-payment-card .payment-dot .payment-dot-item:last-child {
  margin-bottom: 0;
}

.other-payment-card .payment-dot .payment-dot-item .txt {
  line-height: 1.4em;
  color: #5c5c5c;
  font-size: 13px;
}

.other-payment-card .payment-dot .payment-dot-item .btn.btn-delete {
  width: 19px;
  height: 19px;
  line-height: 19px;
  margin-left: 10px;
  background-color: #b3b3b3;
}

.other-payment-card .payment-radio {
  text-align: left;
}

.other-payment-card .payment-radio .payment-radio-item {
  margin-left: 8px;
  padding: 2px 0;
  box-sizing: border-box;
}

.other-payment-card .payment-radio .payment-radio-item:first-child {
  padding-top: 0;
}

.other-payment-card .payment-radio .payment-radio-item:last-child {
  padding-bottom: 0;
}

.other-payment-card .payment-radio .payment-radio-item input {
  display: inline-block;
  vertical-align: middle;
}

.other-payment-card .payment-radio .payment-radio-item label {
  margin-left: 5px;
  color: #5c5c5c;
  font-size: 12px;
  vertical-align: middle;
}

.other-payment-card .payment-check {
  text-align: left;
}

.other-payment-card .payment-check .payment-check-item {
  position: relative;
  margin-left: 8px;
  padding: 2px 0;
  box-sizing: border-box;
}

.other-payment-card .payment-check .payment-check-item.dp-flex {
  display: flex;
  align-items: center;
}

.other-payment-card .payment-check .payment-check-item:first-child {
  padding-top: 0;
}

.other-payment-card .payment-check .payment-check-item:last-child {
  padding-bottom: 0;
}

.other-payment-card .payment-check .payment-check-item input {
  display: inline-block;
  vertical-align: middle;
}

.other-payment-card .payment-check .payment-check-item label {
  margin-left: 5px;
  color: #5c5c5c;
  font-size: 12px;
  vertical-align: middle;
}

.part-timetable {
  position: relative;
  font-size: 0;
}

.part-timetable .timetable-btn {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.part-timetable .timetable-btn .btn-left {
  float: left;
}

.part-timetable .timetable-btn .btn-right {
  float: right;
}

.part-timetable .timetable-btn-item {
  display: inline-block;
  margin: 0 2px;
}

.part-timetable .timetable-btn-item:first-child {
  margin-left: 0;
}

.part-timetable .timetable-btn-item:last-child {
  margin-right: 0;
}

.part-timetable .timetable-btn-item .btn {
  min-width: 81px;
  height: 25px;
  line-height: 25px;
  padding: 0 16px;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.part-timetable .timetable-btn-item .btn .txt {
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}

.part-timetable .timetable-btn-item .btn.btn-point {
  background-color: #ed7c38;
}

.part-timetable .timetable-interface {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin-bottom: 5px;
}

.part-timetable .timetable-interface .interface-left {
  float: left;
}

.part-timetable .timetable-interface .interface-right {
  float: right;
}

.part-timetable .timetable-select {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 26px;
  line-height: 26px;
  margin-left: 10px;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  z-index: 0;
}

.part-timetable .timetable-select.ml-0 {
  margin-left: 0;
}

.part-timetable .timetable-select label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 9px;
  color: #333;
  z-index: -1;
  box-sizing: border-box;
}

.part-timetable .timetable-select select {
  width: 100%;
  height: 100%;
  line-height: 100%;
  padding-left: 9px;
  border: 0 none;
  background-color: transparent;
  text-align: center;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.part-timetable .timetable-select:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #afaeae;
  content: "";
}

.part-timetable .timetable-select option {
  min-height: 1.6em;
}

.part-timetable .timetable-choice-check {
  display: inline-block;
  vertical-align: middle;
}

.part-timetable .timetable-choice-check .timetable-choice-check-item {
  display: inline-block;
  margin-right: 20px;
}

.part-timetable .timetable-choice-check .timetable-choice-check-item:last-child {
  margin-right: 0;
}

.part-timetable .timetable-choice-check .timetable-choice-check-item input[type='checkbox'] {
  vertical-align: middle;
}

.part-timetable .timetable-choice-check .timetable-choice-check-item .txt-wrap {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

.part-timetable .timetable-choice-check .timetable-choice-check-item .txt {
  color: #5c5c5c;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

.part-timetable .timetable-choice-check .timetable-choice-check-item .txt.txt-orange {
  color: #f4511e;
}

.part-timetable .timetable-choice-check .timetable-choice-check-item .txt.txt-blue {
  color: #3f51b5;
}

.part-timetable .timetable-choice-check .timetable-choice-check-item .txt.txt-sky {
  color: #16cec7;
}

.part-timetable .timetable-calendar {
  display: block;
}

.part-timetable .timetable-calendar table {
  width: 100%;
}

.part-timetable .timetable-calendar th,
.part-timetable .timetable-calendar td {
  line-height: 1.4em;
  border: 1px solid #dadce0;
  vertical-align: top;
  text-align: center;
  box-sizing: border-box;
}

.part-timetable .timetable-calendar td {
  width: 135px;
  max-width: 135px;
  height: 171px;
  padding: 10px 16px;
}

.part-timetable .timetable-calendar .today .t-date .num {
  background-color: #333333;
  color: #fff;
}

.part-timetable .timetable-calendar .t-date .weekday,
.part-timetable .timetable-calendar .t-date .num {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 12px;
}

.part-timetable .timetable-calendar .t-date .weekday {
  margin-bottom: 10px;
  color: #70757a;
}

.part-timetable .timetable-calendar .t-date .num {
  width: 22px;
  height: 22px;
  line-height: 22px;
  background-color: #fff;
  border-radius: 50%;
  color: #3c4043;
  font-weight: 700;
}

.part-timetable .timetable-calendar .t-plan {
  margin-top: 10px;
  text-align: left;
}

.part-timetable .timetable-calendar .t-holiday {
  color: #fc9713;
}

.part-timetable .timetable-calendar .plan-list {
  margin-top: 5px;
}

.part-timetable .timetable-calendar .plan-list li {
  position: relative;
  display: block;
  margin: 5px 0;
  padding-left: 10px;
  color: #3c4043;
  font-size: 12px;
  line-height: 1;
}

.part-timetable .timetable-calendar .plan-list li:before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #3c4043;
  border-radius: 50%;
  content: '';
}

.part-timetable .timetable-calendar .plan-list li.light {
  color: #bcbdbe;
}

.part-timetable .timetable-calendar .plan-list li.light:before {
  background-color: #bcbdbe;
}

.part-timetable .timetable-calendar .plan-list .plan-color {
  display: block;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
  overflow: hidden;
}

.part-timetable .timetable-calendar .plan-list .plan-color.color1 {
  background-color: #f4511e;
}

.part-timetable .timetable-calendar .plan-list .plan-color.color2 {
  background-color: #3f51b5;
}

.part-timetable .timetable-calendar .plan-list .plan-color.color3 {
  background-color: #16cec7;
}

.part-timetable .timetable-calendar .btn-add {
  margin-top: 20px;
}

.part-timetable .timetable-calendar .btn-add button {
  font-size: 12px;
  font-weight: 700;
  color: #3c4043;
}

.part-timetable .timetable-calendar .btn-add button:hover {
  text-decoration: underline;
}

.part-timetable .calendar-layer-popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.part-timetable .calendar-layer-popup .lp-box,
.part-timetable .calendar-layer-popup .lp-detail-box,
.part-timetable .calendar-layer-popup .lp-schedule-box {
  position: relative;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);
}

.part-timetable .calendar-layer-popup .lp-detail-box {
  width: 460px;
  padding: 20px;
  margin: 0 auto;
  text-align: center;
}

.part-timetable .calendar-layer-popup .lp-detail-box.detail2 {
  width: 440px;
}

.part-timetable .calendar-layer-popup .lp-detail-box h1 span {
  line-height: 1.4em;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}

.part-timetable .calendar-layer-popup .lp-detail-box .top1 {
  margin-top: 20px;
}

.part-timetable .calendar-layer-popup .lp-detail-box .top2 {
  margin-top: 0px;
  margin-right: 20px;
}

.part-timetable .calendar-layer-popup .lp-detail-box .top-subject,
.part-timetable .calendar-layer-popup .lp-detail-box .top-unit {
  display: block;
}

.part-timetable .calendar-layer-popup .lp-detail-box .calendar-con {
  margin-top: 10px;
}

.part-timetable .calendar-layer-popup .calendar-top {
  text-align: center;
}

.part-timetable .calendar-layer-popup .calendar-top span,
.part-timetable .calendar-layer-popup .calendar-top em {
  display: block;
  font-size: 24px;
  font-weight: 700;
  color: #3c4043;
}

.part-timetable .calendar-layer-popup .calendar-top span {
  font-size: 12px;
  font-weight: 400;
  color: #70757a;
}

.part-timetable .calendar-layer-popup .calendar-top em {
  margin: 10px 0;
}

.part-timetable .calendar-layer-popup .calendar-top .btnbox.btnbox1 {
  position: absolute;
  top: 19px;
  right: 10px;
}

.part-timetable .calendar-layer-popup .calendar-top .btnbox.btnbox2 {
  position: absolute;
  top: 19px;
  right: 10px;
  margin-top: 0;
}

.part-timetable .calendar-layer-popup .calendar-top .btnbox.btnbox2 button {
  vertical-align: top;
}

.part-timetable .calendar-layer-popup .calendar-top .btnbox.btnbox2 .pop-btn-close {
  width: 15px;
  height: 15px;
}

.part-timetable .calendar-layer-popup .calendar-top .btn {
  margin: 0 2px;
}

.part-timetable .calendar-layer-popup .calendar-top .btn:first-child {
  margin-left: 0;
}

.part-timetable .calendar-layer-popup .calendar-top .btn:last-child {
  margin-right: 0;
}

.part-timetable .calendar-layer-popup .calendar-top .btn.btn-default {
  height: 17px;
  line-height: 17px;
  padding: 0 10px;
  background-color: #9f9f9f;
  border-radius: 4px;
  border: 0 none;
  font-size: 13px;
  color: #fff;
}

.part-timetable .calendar-layer-popup .calendar-con {
  margin-top: 20px;
  text-align: left;
}

.part-timetable .calendar-layer-popup .calendar-con .input-area {
  margin-bottom: 10px;
}

.part-timetable .calendar-layer-popup .calendar-con .selectbox-area .dp-inline {
  margin-right: 3px;
}

.part-timetable .calendar-layer-popup .calendar-con .selectbox-area .dp-inline:last-child {
  margin-right: 0;
}

.part-timetable .calendar-layer-popup .calendar-con .schedule-area label {
  cursor: pointer;
}

.part-timetable .calendar-layer-popup .calendar-con .calendar-plan-list li {
  position: relative;
  display: block;
  margin: 0 5px;
  padding: 4px 10px;
  color: #3c4043;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}

.part-timetable .calendar-layer-popup .calendar-con .calendar-plan-list li span,
.part-timetable .calendar-layer-popup .calendar-con .calendar-plan-list li em {
  vertical-align: middle;
}

.part-timetable .calendar-layer-popup .calendar-con .calendar-plan-list li:hover {
  text-decoration: underline;
}

.part-timetable .calendar-layer-popup .calendar-con .calendar-plan-list li:before {
  position: absolute;
  top: 9px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #3c4043;
  border-radius: 50%;
  content: '';
}

.part-timetable .calendar-layer-popup .calendar-con .calendar-plan-list li.nocir {
  margin: 0;
  padding-left: 0;
  text-decoration: none;
}

.part-timetable .calendar-layer-popup .calendar-con .calendar-plan-list li.nocir:before {
  display: none;
}

.part-timetable .calendar-layer-popup .calendar-con .calendar-plan-list li.light {
  color: #c3c3c4;
}

.part-timetable .calendar-layer-popup .calendar-con .calendar-plan-list li.light:before {
  background-color: #c3c3c4;
}

.part-timetable .calendar-layer-popup .calendar-con .calendar-plan-list .plan-color {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  border-radius: 4px;
  color: #fff;
  font-weight: 700;
  overflow: hidden;
}

.part-timetable .calendar-layer-popup .calendar-con .calendar-plan-list .plan-color.color1 {
  background-color: #f4511e;
}

.part-timetable .calendar-layer-popup .calendar-con .calendar-plan-list .plan-color.color2 {
  background-color: #3f51b5;
}

.part-timetable .calendar-layer-popup .calendar-con .calendar-plan-list .plan-color.color3 {
  background-color: #16cec7;
}

.part-timetable .calendar-layer-popup .calendar-con .calendar-plan-list .d-day {
  display: inline-block;
  height: 17px;
  line-height: 17px;
  padding: 0 8px;
  margin-left: 5px;
  background-color: #f28f3f;
  border-radius: 4px;
  border: 0 none;
  font-size: 11px;
  color: #fff;
}

.part-timetable .personal-layer-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
}

.part-timetable .personal-layer-popup .lp-delete-box {
  position: relative;
  width: 370px;
  min-height: 200px;
  padding: 44px 40px 26px 40px;
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 0;
  box-sizing: border-box;
}

.part-timetable .personal-layer-popup .study-top h1 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.part-timetable .personal-layer-popup .study-top .pop-btn-close {
  position: absolute;
  top: 20px;
  right: 15px;
}

.part-timetable .personal-layer-popup .input {
  width: 130px;
  height: 25px;
  line-height: 25px;
  padding: 0 5px;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  font-size: 12px;
  text-align: left;
  color: #5c5c5c;
}

.part-timetable .personal-layer-popup .input::-moz-placeholder {
  color: #5c5c5c;
  font-size: 12px;
  text-align: left;
}

.part-timetable .personal-layer-popup .input:-ms-input-placeholder {
  color: #5c5c5c;
  font-size: 12px;
  text-align: left;
}

.part-timetable .personal-layer-popup .input::placeholder {
  color: #5c5c5c;
  font-size: 12px;
  text-align: left;
}

.part-timetable .personal-layer-popup .input.input-flexible {
  width: 100%;
  height: 26px;
  line-height: 26px;
}

.part-timetable .personal-layer-popup .input.input-date {
  width: 90px;
  height: 26px;
  line-height: 26px;
}

.part-timetable .personal-layer-popup .input.input-search {
  padding-left: 10px;
}

.part-timetable .personal-layer-popup .selectbox {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 26px;
  line-height: 26px;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  text-align: left;
  vertical-align: middle;
  font-size: 12px;
  z-index: 0;
}

.part-timetable .personal-layer-popup .selectbox.disabled {
  background-color: #fafafa;
}

.part-timetable .personal-layer-popup .selectbox.select-dark {
  background-color: #9f9f9f;
  border-color: #9f9f9f;
}

.part-timetable .personal-layer-popup .selectbox.select-dark label.s-label {
  color: #fff;
}

.part-timetable .personal-layer-popup .selectbox.select-dark:before {
  border-top: 4px solid #fff;
}

.part-timetable .personal-layer-popup .selectbox.select-radius {
  border-radius: 3px;
}

.part-timetable .personal-layer-popup .selectbox label.s-label {
  position: absolute;
  top: 0;
  left: 10px;
  width: calc(100% - 10px);
  color: #5c5c5c;
  z-index: -1;
}

.part-timetable .personal-layer-popup .selectbox select.s-select {
  width: 100%;
  height: 100%;
  padding: 0 50px 0 10px;
  border: 0 none;
  background-color: transparent;
  text-align: center;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.part-timetable .personal-layer-popup .selectbox select.s-select:disabled {
  background-color: #fafafa;
}

.part-timetable .personal-layer-popup .selectbox:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #afaeae;
  content: "";
}

.part-timetable .personal-layer-popup .selectbox.select1 {
  min-width: 112px;
}

.part-timetable .personal-layer-popup .selectbox.select2 {
  min-width: 100%;
}

.part-timetable .personal-layer-popup .selectbox.select3 {
  min-width: 102px;
}

.part-timetable .personal-layer-popup .selectbox.select4 {
  min-width: 138px;
}

.part-timetable .personal-layer-popup .selectbox option {
  min-height: 1.6em;
}

.part-timetable .personal-layer-popup .personal-plan-list {
  font-size: 0;
}

.part-timetable .personal-layer-popup .personal-plan-list .txt-date {
  color: #5c5c5c;
  font-size: 12px;
}

.part-timetable .personal-layer-popup .personal-plan-list li {
  position: relative;
  display: block;
  padding: 4px 10px;
  color: #3c4043;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}

.part-timetable .personal-layer-popup .personal-plan-list li span,
.part-timetable .personal-layer-popup .personal-plan-list li em {
  vertical-align: middle;
}

.part-timetable .personal-layer-popup .personal-plan-list li .i-timetable-calendar {
  margin-top: 7px;
}

.part-timetable .personal-layer-popup .personal-plan-list li:before {
  position: absolute;
  top: 15px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #3c4043;
  border-radius: 50%;
  content: '';
}

.part-timetable .personal-layer-popup .personal-plan-list li.nocir {
  margin: 0;
  padding-left: 0;
  text-decoration: none;
}

.part-timetable .personal-layer-popup .personal-plan-list li.nocir:before {
  display: none;
}

.part-timetable .personal-layer-popup .study-con {
  font-size: 0;
}

.part-timetable .personal-layer-popup .study-con input,
.part-timetable .personal-layer-popup .study-con button {
  vertical-align: middle;
}

.part-timetable .personal-layer-popup .study-con .info {
  margin: 10px 0;
  color: #3c4043;
  font-size: 12px;
}

.part-timetable .personal-layer-popup .study-bottom {
  margin-top: 10px;
}

.part-timetable .personal-layer-popup .study-bottom .btn {
  height: 25px;
  line-height: 25px;
  padding: 0 18px;
  background-color: #5c70a4;
  border-radius: 4px;
  border: 0 none;
  font-size: 12px;
  color: #fff;
}

.part-timetable .personal-layer-popup .btn-calendar {
  width: 30px;
  height: 26px;
  line-height: 26px;
  margin-left: 2px;
  background-color: #9f9f9f;
  border-radius: 4px;
  border: 0 none;
}

.part-timetable .personal-layer-popup .btnbox.btnbox1 {
  position: absolute;
  top: 16px;
  right: 12px;
}

.part-timetable .personal-layer-popup .btnbox.btnbox2 {
  position: absolute;
  top: 16px;
  right: 41px;
  margin-top: 0;
}

.part-timetable .personal-layer-popup .btnbox.btnbox2 button {
  vertical-align: top;
}

.part-timetable .personal-layer-popup .btnbox.btnbox2 .pop-btn-close {
  width: 15px;
  height: 15px;
}

.part-timetable .personal-layer-popup .btn {
  margin: 0 2px;
}

.part-timetable .personal-layer-popup .btn:first-child {
  margin-left: 0;
}

.part-timetable .personal-layer-popup .btn:last-child {
  margin-right: 0;
}

.part-timetable .personal-layer-popup .btn.btn-default {
  height: 17px;
  line-height: 17px;
  padding: 0 10px;
  background-color: #9f9f9f;
  border-radius: 4px;
  border: 0 none;
  font-size: 11px;
  color: #fff;
}

.part-timetable-list {
  font-size: 0;
}

.part-timetable-list .timetable-select {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 26px;
  line-height: 26px;
  margin-left: 10px;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  z-index: 0;
}

.part-timetable-list .timetable-select.ml-0 {
  margin-left: 0;
}

.part-timetable-list .timetable-select label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 9px;
  color: #333;
  z-index: -1;
  box-sizing: border-box;
}

.part-timetable-list .timetable-select select {
  width: 100%;
  height: 100%;
  line-height: 100%;
  padding-left: 9px;
  font-size: 12px;
  border: 0 none;
  background-color: transparent;
  text-align: center;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.part-timetable-list .timetable-select:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #afaeae;
  content: "";
}

.part-timetable-list .timetable-select option {
  min-height: 1.6em;
}

.part-timetable-list .timetable-btn {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.part-timetable-list .timetable-btn .btn-left {
  float: left;
}

.part-timetable-list .timetable-btn .btn-right {
  float: right;
}

.part-timetable-list .timetable-btn-item {
  display: inline-block;
  margin: 0 2px;
}

.part-timetable-list .timetable-btn-item:first-child {
  margin-left: 0;
}

.part-timetable-list .timetable-btn-item:last-child {
  margin-right: 0;
}

.part-timetable-list .timetable-btn-item .btn {
  min-width: 81px;
  height: 25px;
  line-height: 25px;
  padding: 0 16px;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.part-timetable-list .timetable-btn-item .btn .txt {
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}

.part-timetable-list .timetable-btn-item .btn.btn-point {
  background-color: #ed7c38;
}

.part-timetable-list .timetable-interface {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.part-timetable-list .timetable-interface .interface-left {
  float: left;
}

.part-timetable-list .timetable-interface .interface-right {
  float: right;
}

.part-timetable-list .search-box {
  display: block;
  padding: 16px 50px;
  border: 2px solid #cdcdcd;
  background-color: #fafafa;
  box-sizing: border-box;
  color: #5c5c5c;
}

.part-timetable-list .search-box .search-list {
  position: relative;
  min-height: 26px;
  padding: 6px 0;
}

.part-timetable-list .search-box .search-list:first-child {
  padding-top: 0;
}

.part-timetable-list .search-box .search-list:last-child {
  padding-bottom: 0;
}

.part-timetable-list .search-box .search-list .txt-notice {
  display: inline-block;
  color: #646464;
  font-size: 13px;
  line-height: 1.5;
}

.part-timetable-list .search-box .search-title {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
}

.part-timetable-list .search-box .search-title .t-normal {
  font-weight: 400;
}

.part-timetable-list .search-box .search-title .t-highlight {
  color: #ff5e00;
  font-weight: 700;
}

.part-timetable-list .search-box .search-title.pos-r {
  position: relative;
}

.part-timetable-list .search-box .search-con {
  position: relative;
  line-height: 1;
  margin-left: 90px;
}

.part-timetable-list .search-box .search-con.con1 {
  margin-left: 50px;
}

.part-timetable-list .search-box .search-con.con2 {
  margin-left: 80px;
}

.part-timetable-list .search-box .search-con.con3 {
  margin-left: 110px;
}

.part-timetable-list .search-box .search-con.con4 {
  margin-left: 130px;
}

.part-timetable-list .search-box .search-con.con5 {
  margin-left: 120px;
}

.part-timetable-list .search-box .search-con .dp-inline {
  vertical-align: middle;
}

.part-timetable-list .search-box .search-con input {
  vertical-align: middle;
}

.part-timetable-list .search-box .search-con .mx-datepicker {
  width: 135px;
}

.part-timetable-list .search-box .search-con .t-calendar {
  color: #000;
  font-size: 13px;
  margin: 0 12px;
}

.part-timetable-list .search-box .search-con .btnbox .btn.btn-default {
  height: 25px;
  padding: 0 21px;
  color: #fff;
  font-size: 12px;
  background-color: #999;
  border-radius: 4px;
  box-sizing: border-box;
}

.part-timetable-list .search-box .search-con .btnbox .btn.btn-point {
  height: 25px;
  padding: 0 21px;
  color: #fff;
  font-size: 12px;
  background-color: #ff946a;
  border-radius: 4px;
  box-sizing: border-box;
}

.part-timetable-list .search-box .sl-sort {
  position: relative;
  display: inline-block;
  margin-right: 80px;
  vertical-align: middle;
}

.part-timetable-list .search-box .sl-sort.sort2 {
  margin-right: 40px;
}

.part-timetable-list .search-box .sl-sort.sort3 {
  margin-right: 40px;
}

.part-timetable-list .timetable-calendar-list {
  margin-top: 15px;
}

.part-timetable-list .timetable-calendar-list table th {
  color: #000;
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle;
}

.part-timetable-list .timetable-calendar-list table td {
  color: #000;
  font-size: 13px;
  vertical-align: middle;
}

.part-timetable-list .timetable-calendar-list table td.fontCol {
  color: red;
}

.part-timetable-list .timetable-calendar-list .btn {
  height: 25px;
  line-height: 25px;
  color: #fff;
  font-size: 12px;
  padding: 0 16px;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.part-timetable-list .timetable-calendar-list .btn.btn-default {
  height: 25px;
  padding: 0 12px;
  color: #fff;
  font-size: 12px;
  background-color: #999;
  border-radius: 4px;
  box-sizing: border-box;
}

.part-timetable-list .timetable-calendar-list .btn.btn-point {
  height: 25px;
  padding: 0 21px;
  color: #fff;
  font-size: 12px;
  background-color: #ff946a;
  border-radius: 4px;
  box-sizing: border-box;
}

.part-timetable-list .timetable-calendar-list .btnX {
  background-color: #fff;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/schoolrecord/ico_x.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 0;
  border: 1px solid #ddd;
  vertical-align: middle;
  border-radius: 3px;
}

.part-timetable-list .timetable-calendar-list .delBtn {
  margin-top: 0;
}

.part-timetable-list .timetable-calendar-list .sDown,
.part-timetable-list .timetable-calendar-list .sUp {
  display: inline-block;
  width: 18px;
  height: 15px;
  font-size: 0;
}

.part-timetable-list .timetable-calendar-list .sDown {
  background-color: #fff;
  display: inline-block;
  width: 18px;
  height: 15px;
  background: url("../images/schoolrecord/ico_sort_d.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-position: center center;
}

.part-timetable-list .timetable-calendar-list .sUp {
  background-color: #fff;
  display: inline-block;
  width: 18px;
  height: 15px;
  background: url("../images/schoolrecord/ico_sort_u.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-position: center center;
}

.part-deadline {
  position: relative;
}

.part-deadline .deadline-layer-popup {
  position: absolute;
  top: -16px;
  left: 60%;
  z-index: 100;
}

.part-deadline .deadline-layer-popup .lp-delete-box {
  position: relative;
  width: 320px;
  min-height: 200px;
  padding: 20px 15px;
  background-color: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.part-deadline .deadline-layer-popup .study-top h1 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.part-deadline .deadline-layer-popup .study-top .pop-btn-close {
  position: absolute;
  top: 20px;
  right: 15px;
}

.part-deadline .deadline-layer-popup .input {
  width: 130px;
  height: 25px;
  line-height: 25px;
  padding: 0 5px;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
}

.part-deadline .deadline-layer-popup .study-con input,
.part-deadline .deadline-layer-popup .study-con button {
  vertical-align: middle;
}

.part-deadline .deadline-layer-popup .study-con .info {
  margin: 10px 0;
  color: #5c5c5c;
  font-size: 12px;
}

.part-deadline .deadline-layer-popup .study-bottom {
  margin-top: 10px;
}

.part-deadline .deadline-layer-popup .study-bottom .btn {
  height: 25px;
  line-height: 25px;
  padding: 0 11px;
  background-color: #5c70a4;
  border-radius: 4px;
  border: 0 none;
  font-size: 12px;
  color: #fff;
}

.part-deadline .deadline-layer-popup .btn-calendar {
  width: 30px;
  height: 26px;
  line-height: 26px;
  margin-left: 2px;
  background-color: #9f9f9f;
  border-radius: 4px;
  border: 0 none;
}

.part-course-other {
  font-size: 0;
}

.part-course-other .other-subject-btn {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.part-course-other .other-subject-btn-item {
  display: inline-block;
  margin: 2px;
}

.part-course-other .other-subject-btn-item.on .btn {
  background-color: #5c70a4;
}

.part-course-other .other-subject-btn-item .btn {
  height: 35px;
  line-height: 35px;
  padding: 0 16px;
  background-color: #9f9f9f;
  border-radius: 4px;
  box-sizing: border-box;
}

.part-course-other .other-subject-btn-item .btn .txt {
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}

.part-course-other .other-subject-txt {
  color: #5c5c5c;
  font-size: 13px;
}

.part-course-other .other-subject-interface {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.part-course-other .other-subject-interface .btn-left {
  float: left;
}

.part-course-other .other-subject-interface .btn-right {
  float: right;
}

.part-course-other .other-subject-interface-item {
  display: inline-block;
  margin: 2px;
}

.part-course-other .other-subject-interface-item .btn {
  height: 30px;
  line-height: 30px;
  padding: 0 16px;
  background-color: #9f9f9f;
  border-radius: 4px;
  box-sizing: border-box;
}

.part-course-other .other-subject-interface-item .btn .txt {
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}

.part-addplan .pop-course-plan {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  background-color: #fff;
}

.part-addplan .pop-course-plan h1 {
  color: #000;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  line-height: 1.5em;
}

.part-addplan .pop-course-plan .pop-btn-close {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 10px;
}

.part-addplan .pop-course-plan .course-plan-top {
  margin: 60px 20px 0px 20px;
}

.part-addplan .pop-course-plan .course-plan-con {
  max-height: 600px;
  margin: 20px 15px;
  overflow-y: auto;
}

.part-addplan .pop-course-plan .course-plan-bottom {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 50px;
  font-size: 0;
  box-sizing: border-box;
}

.part-addplan .pop-course-plan .course-plan-bottom .btn {
  height: 25px;
  line-height: 25px;
  color: #fff;
  font-size: 12px;
  padding: 0 16px;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.part-addplan .pop-course-plan .plan-table-area {
  position: relative;
  margin: 50px 0 60px 0;
}

.part-addplan .pop-course-plan .plan-table-area ol {
  display: table;
}

.part-addplan .pop-course-plan .plan-table-area ol li {
  display: table-cell;
  padding: 24px 10px;
  border: 1px solid #dbdbdb;
  border-right: 0 none;
  border-top: 0 none;
  box-sizing: border-box;
}

.part-addplan .pop-course-plan .plan-table-area ol li:last-child {
  border-right: 1px solid #dbdbdb;
}

.part-addplan .pop-course-plan .plan-table-area ol li.td-width-sm {
  width: 136px;
}

.part-addplan .pop-course-plan .plan-table-area ol li.td-width-lg {
  width: 216px;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-title ol li {
  color: #282828;
  font-family: "Nanum Gothic",sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding: 10px;
  border-top: 1px solid #dbdbdb;
  background-color: #efefef;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail {
  position: relative;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-subject,
.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-past,
.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-new,
.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-date {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  height: 62px;
  text-align: center;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-subject span,
.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-past span,
.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-new span,
.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-date span {
  display: table-cell;
  vertical-align: middle;
  height: 44px;
  padding: 0 14px;
  color: #fff;
  font-size: 12px;
  box-sizing: border-box;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-subject {
  position: absolute;
  top: 9px;
  left: -104px;
  height: 44px;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-subject span {
  width: 104px;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-subject,
.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-date {
  font-weight: 800;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-new {
  padding-left: 2px;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-new span {
  border-radius: 5px;
  height: 48px;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph .table-detail-date span {
  padding: 0 10px;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-kuk .table-detail-subject span {
  background-color: #3f83f2;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-kuk .table-detail-past span {
  background-color: rgba(63,131,242,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-kuk .table-detail-new span {
  background-color: #3f83f2;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-kuk .table-detail-date span {
  color: #3f83f2;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-suh .table-detail-subject span {
  background-color: #f33f40;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-suh .table-detail-past span {
  background-color: rgba(243,63,64,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-suh .table-detail-new span {
  background-color: #f33f40;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-suh .table-detail-date span {
  color: #f33f40;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-sah .table-detail-subject span {
  background-color: #6bc230;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-sah .table-detail-past span {
  background-color: rgba(107,194,48,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-sah .table-detail-new span {
  background-color: #6bc230;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-sah .table-detail-date span {
  color: #6bc230;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-kwa .table-detail-subject span {
  background-color: #f3903f;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-kwa .table-detail-past span {
  background-color: rgba(243,144,63,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-kwa .table-detail-new span {
  background-color: #f3903f;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-kwa .table-detail-date span {
  color: #f3903f;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-eng .table-detail-subject span {
  background-color: #e1b400;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-eng .table-detail-past span {
  background-color: rgba(225,180,0,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-eng .table-detail-new span {
  background-color: #e1b400;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-eng .table-detail-date span {
  color: #e1b400;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-tong .table-detail-subject span {
  background-color: #757575;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-tong .table-detail-past span {
  background-color: rgba(117,117,117,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-tong .table-detail-new span {
  background-color: #757575;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-tong .table-detail-date span {
  color: #757575;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-hanja .table-detail-subject span {
  background-color: #b1926e;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-hanja .table-detail-past span {
  background-color: rgba(177,146,110,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-hanja .table-detail-new span {
  background-color: #b1926e;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-hanja .table-detail-date span {
  color: #b1926e;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-read .table-detail-subject span {
  background-color: #d8866c;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-read .table-detail-past span {
  background-color: rgba(216,134,108,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-read .table-detail-new span {
  background-color: #d8866c;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-read .table-detail-date span {
  color: #d8866c;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-mathpacts .table-detail-subject span {
  background-color: #b5526e;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-mathpacts .table-detail-past span {
  background-color: rgba(181,82,110,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-mathpacts .table-detail-new span {
  background-color: #b5526e;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-mathpacts .table-detail-date span {
  color: #b5526e;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-mibo .table-detail-subject span {
  background-color: #e364c7;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-mibo .table-detail-past span {
  background-color: rgba(227,100,199,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-mibo .table-detail-new span {
  background-color: #e364c7;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-mibo .table-detail-date span {
  color: #e364c7;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-global .table-detail-subject span {
  background-color: #b1bc03;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-global .table-detail-past span {
  background-color: rgba(177,188,3,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-global .table-detail-new span {
  background-color: #b1bc03;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-global .table-detail-date span {
  color: #b1bc03;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-creative .table-detail-subject span {
  background-color: #b04ff5;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-creative .table-detail-past span {
  background-color: rgba(176,79,245,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-creative .table-detail-new span {
  background-color: #b04ff5;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-creative .table-detail-date span {
  color: #b04ff5;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-perfectmath .table-detail-subject span {
  background-color: #6b5eb8;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-perfectmath .table-detail-past span {
  background-color: rgba(107,94,184,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-perfectmath .table-detail-new span {
  background-color: #6b5eb8;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-perfectmath .table-detail-date span {
  color: #6b5eb8;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-perfecteng .table-detail-subject span {
  background-color: #5ba1bb;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-perfecteng .table-detail-past span {
  background-color: rgba(91,161,187,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-perfecteng .table-detail-new span {
  background-color: #5ba1bb;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-perfecteng .table-detail-date span {
  color: #5ba1bb;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-special .table-detail-subject span {
  background-color: #ec6383;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-special .table-detail-past span {
  background-color: rgba(236,99,131,0.5);
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-special .table-detail-new span {
  background-color: #ec6383;
}

.part-addplan .pop-course-plan .plan-table-area .plan-table-detail .plan-table-graph.detail-special .table-detail-date span {
  color: #ec6383;
}

.part-addplan .pop-course-plan .plan-table-area .plan-today-bar {
  position: absolute;
  left: 240px;
  top: 29px;
  z-index: 10;
  text-align: center;
}

.part-addplan .pop-course-plan .plan-table-area .plan-today-bar .i-dash-circle {
  position: relative;
}

.part-addplan .pop-course-plan .plan-table-area .plan-today-bar .i-dash-circle.circle-top {
  top: 4px;
}

.part-addplan .pop-course-plan .plan-table-area .plan-today-bar .i-dash-circle.circle-bottom {
  top: -4px;
}

.part-addplan .pop-course-plan .plan-table-area .plan-today-bar .i-dash-bar {
  display: block;
  width: 1px;
  height: 1025px;
  margin: 0 auto;
}

.part-addplan .pop-course-plan .plan-table-area .plan-today-bar .plan-today-txt {
  display: block;
  color: #404040;
}

.part-addplan .pop-course-plan .plan-list-area .list-notice .txt {
  color: #646464;
  font-size: 13px;
  line-height: 1.5;
}

.part-addplan .pop-course-plan .plan-list-area .list-notice .txt-point {
  color: #ff5e00;
}

.part-addplan .pop-course-plan .plan-list-area .list-interface {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.part-addplan .pop-course-plan .plan-list-area .list-interface .interface-left {
  float: left;
}

.part-addplan .pop-course-plan .plan-list-area .list-interface .interface-right {
  float: right;
}

.part-addplan .pop-course-plan .plan-list-area .list-interface .interface-center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 23px;
  margin-left: -100px;
  margin-top: -11px;
  text-align: center;
}

.part-addplan .pop-course-plan .plan-list-area .list-select {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 26px;
  line-height: 26px;
  margin-left: 10px;
  border: 1px solid #dbdbdb;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 12px;
  text-align: left;
  vertical-align: middle;
  z-index: 0;
}

.part-addplan .pop-course-plan .plan-list-area .list-select.ml-0 {
  margin-left: 0;
}

.part-addplan .pop-course-plan .plan-list-area .list-select label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 9px;
  color: #333;
  z-index: -1;
  box-sizing: border-box;
}

.part-addplan .pop-course-plan .plan-list-area .list-select select {
  width: 100%;
  height: 100%;
  line-height: 100%;
  padding-left: 9px;
  border: 0 none;
  background-color: transparent;
  text-align: center;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.part-addplan .pop-course-plan .plan-list-area .list-select:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #afaeae;
  content: "";
}

.part-addplan .pop-course-plan .plan-list-area .list-select option {
  min-height: 1.6em;
}

.part-addplan .pop-course-plan .plan-list-area .list-btn-group {
  font-size: 0;
  margin-left: 10px;
}

.part-addplan .pop-course-plan .plan-list-area .list-btn-item {
  display: inline-block;
  margin: 0 2px;
}

.part-addplan .pop-course-plan .plan-list-area .list-btn-item:first-child {
  margin-left: 0;
}

.part-addplan .pop-course-plan .plan-list-area .list-btn-item:last-child {
  margin-right: 0;
}

.part-addplan .pop-course-plan .plan-list-area .list-btn-item .btn {
  min-width: 81px;
  height: 25px;
  line-height: 25px;
  padding: 0 16px;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.part-addplan .pop-course-plan .plan-list-area .list-btn-item .btn .txt {
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}

.part-addplan .pop-course-plan .plan-list-area .list-btn-item .btn.btn-point {
  background-color: #ed7c38;
}

.part-addplan .pop-course-plan .plan-list-area .list-table .listTb {
  border-top: 1px solid #dbdbdb;
}

.part-addplan .pop-course-plan .plan-list-area .list-table .listTb thead th {
  border-bottom: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  background-color: #efefef;
  font-size: 13px;
  font-weight: 700;
}

.part-addplan .pop-course-plan .plan-list-area .list-table .listTb th,
.part-addplan .pop-course-plan .plan-list-area .list-table .listTb td {
  vertical-align: middle;
}

.part-addplan .pop-course-plan .plan-list-area .list-table .listTb td {
  border-bottom: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  font-size: 13px;
  line-height: 1.8;
}

.hams-tutor-schoolcourse-main {
  min-width: 600px;
  padding: 12px 16px;
  box-sizing: border-box;
}

.hams-tutor-schoolcourse-main .schoolcourse-title .tit {
  color: #000;
  font-size: 22px;
  font-weight: 800;
}

.hams-tutor-schoolcourse-main .schoolcourse-view-title .tit {
  color: #000;
  font-size: 18px;
  font-weight: 400;
}

.hams-tutor-schoolcourse-main .schoolcourse-view-title .tit-point {
  color: #fb7540;
}

.hams-tutor-schoolcourse-main .schoolcourse-view-title .tit-bold {
  font-weight: 700;
}

.hams-tutor-schoolcourse-main .schoolcourse-view-title .tit-exbold {
  font-weight: 700;
}

.hams-tutor-schoolcourse-main .schoolcourse-view-comment .txt {
  display: inline-block;
  color: #666;
  font-size: 14px;
  line-height: 1.3;
}

.hams-tutor-schoolcourse-main .schoolcourse-view-comment .txt-point {
  color: #000;
  background-color: #fff600;
  font-weight: 800;
}

.hams-tutor-schoolcourse-main .view-present {
  position: relative;
  padding: 11px 16px;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  box-sizing: border-box;
}

.hams-tutor-schoolcourse-main .view-present-dot {
  padding: 5px 24px 5px 1px;
  font-size: 0;
  box-sizing: border-box;
}

.hams-tutor-schoolcourse-main .view-present-dot .view-present-dot-item {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 100%;
  margin: 6px 0;
  margin-left: 8px;
}

.hams-tutor-schoolcourse-main .view-present-dot .view-present-dot-item::before {
  position: absolute;
  top: 6px;
  left: -8px;
  width: 3px;
  height: 3px;
  background-color: #000;
  content: '';
}

.hams-tutor-schoolcourse-main .view-present-dot .view-present-dot-item:first-child {
  margin-top: 0;
}

.hams-tutor-schoolcourse-main .view-present-dot .view-present-dot-item:last-child {
  margin-bottom: 0;
}

.hams-tutor-schoolcourse-main .view-present-dot .view-present-dot-item .tit {
  display: inline-block;
  width: 104px;
  color: #000;
  font-size: 13px;
}

.hams-tutor-schoolcourse-main .view-present-dot .view-present-dot-item .txt {
  color: #000;
  font-size: 13px;
}

.hams-tutor-schoolcourse-main .view-present-dot .view-present-dot-item .ico {
  margin: 0 2px;
}

.hams-tutor-schoolcourse-main .view-present-dot .view-present-dot-item .ico:first-child {
  margin-left: 0;
}

.hams-tutor-schoolcourse-main .view-present-dot .view-present-dot-item .ico:last-child {
  margin-right: 0;
}

.hams-tutor-schoolcourse-main .view-present-state {
  position: absolute;
  top: 50%;
  right: 24px;
  width: 114px;
  margin-top: -87px;
}

.hams-tutor-schoolcourse-main .view-present-state .present-state-panel {
  padding: 0 10px 5px 10px;
  border: 1px solid #c4e3eb;
  background-color: #f7fdff;
  box-sizing: border-box;
}

.hams-tutor-schoolcourse-main .view-present-state .state-panel-group {
  text-align: center;
  font-size: 0;
}

.hams-tutor-schoolcourse-main .view-present-state .state-panel-group .state-panel-item {
  padding: 7px 0 5px;
  border-bottom: 1px solid #c4e3eb;
  box-sizing: border-box;
}

.hams-tutor-schoolcourse-main .view-present-state .state-panel-group .state-panel-item:last-child {
  border-bottom: 0;
}

.hams-tutor-schoolcourse-main .view-present-state .state-panel-group .state-panel-item.on .ico {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
}

.hams-tutor-schoolcourse-main .view-present-state .state-panel-group .state-panel-item.on .ico.i-state-bad {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/schoolrecord/i-state-bad.png");
  background-position: 0 0;
}

.hams-tutor-schoolcourse-main .view-present-state .state-panel-group .state-panel-item.on .ico.i-state-normal {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/schoolrecord/i-state-normal.png");
  background-position: 0 0;
}

.hams-tutor-schoolcourse-main .view-present-state .state-panel-group .state-panel-item.on .ico.i-state-good {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/schoolrecord/i-state-good.png");
  background-position: 0 0;
}

.hams-tutor-schoolcourse-main .view-present-state .state-panel-group .state-panel-item .tit {
  display: block;
  color: #000;
  font-size: 13px;
  font-weight: 700;
}

.hams-tutor-schoolcourse-main .view-present-state .state-panel-group .state-panel-item .txt-wrap {
  position: relative;
  padding: 0 5px;
  box-sizing: border-box;
}

.hams-tutor-schoolcourse-main .view-present-state .state-panel-group .state-panel-item .txt-wrap .txt {
  display: inline-block;
  margin-left: 30px;
  color: #000;
  font-size: 18px;
  font-weight: 700;
}

.hams-tutor-schoolcourse-main .view-present-state .state-panel-group .state-panel-item .txt-wrap .txt.txt-bold {
  font-weight: 800;
}

.hams-tutor-schoolcourse-main .view-present-state .state-panel-group .state-panel-item .txt-wrap .ico {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
}

.hams-tutor-schoolcourse-main .view-notice {
  text-align: right;
}

.hams-tutor-schoolcourse-main .view-notice .txt {
  display: inline-block;
  color: #666;
  font-size: 13px;
}

.hams-tutor-schoolcourse-main .view-future {
  position: relative;
  padding: 12px 22px;
  border: 3px solid #ffcdba;
  background-color: #ffede6;
  box-sizing: border-box;
}

.hams-tutor-schoolcourse-main .future-case-group {
  font-size: 0;
}

.hams-tutor-schoolcourse-main .future-case-item {
  position: relative;
  padding: 15px 6px;
  margin: 10px 0;
  background-color: #fff;
  box-sizing: border-box;
}

.hams-tutor-schoolcourse-main .future-case-item:first-child {
  margin-top: 0;
}

.hams-tutor-schoolcourse-main .future-case-item:last-child {
  margin-bottom: 0;
}

.hams-tutor-schoolcourse-main .future-case-item .num {
  display: inline-block;
  color: #f2baa3;
  font-size: 30px;
  font-weight: 700;
  font-style: italic;
}

.hams-tutor-schoolcourse-main .future-case-summary {
  display: inline-block;
  margin-left: 20px;
}

.hams-tutor-schoolcourse-main .future-case-summary .tit {
  display: block;
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

.hams-tutor-schoolcourse-main .future-case-summary .txt {
  position: relative;
  display: inline-block;
  color: #666;
  font-size: 13px;
  font-weight: 400;
}

.hams-tutor-schoolcourse-main .future-case-summary .summary-label {
  display: none;
  position: absolute;
  top: 50%;
  right: -60px;
  width: 50px;
  height: 20px;
  margin-top: -10px;
  border-radius: 4px;
  background-color: #17ba2e;
  text-align: center;
  box-sizing: border-box;
}

.hams-tutor-schoolcourse-main .future-case-summary .summary-label::before {
  position: absolute;
  bottom: 7px;
  left: -8px;
  width: 0px;
  height: 0px;
  border-top: 3px solid transparent;
  border-right: 4px solid #17ba2e;
  border-bottom: 3px solid transparent;
  border-left: 4px solid transparent;
  content: '';
}

.hams-tutor-schoolcourse-main .future-case-summary .summary-label .txt {
  display: inline-block;
  color: #fff;
  font-size: 11px;
  font-family: "Nanum Gothic",sans-serif;
  letter-spacing: -0.1em;
}

.hams-tutor-schoolcourse-main .future-case-summary .summary-label.on {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.hams-tutor-schoolcourse-main .future-case-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  text-align: center;
  margin-top: -15px;
}

.hams-tutor-schoolcourse-main .future-case-btn .btn-item {
  display: inline-block;
  margin: 0 3px;
}

.hams-tutor-schoolcourse-main .future-case-btn .btn-item:first-child {
  margin-left: 0;
}

.hams-tutor-schoolcourse-main .future-case-btn .btn-item:last-child {
  margin-right: 0;
}

.hams-tutor-schoolcourse-main .future-case-btn .btn {
  display: inline-block;
  width: auto;
  min-width: 95px;
  height: 30px;
  padding: 0 17px;
  line-height: 1;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.hams-tutor-schoolcourse-main .future-case-btn .txt {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.planner-btn {
  text-align: center;
}

.planner-btn .btn-item {
  display: inline-block;
  margin: 0 3px;
}

.planner-btn .btn-item:first-child {
  margin-left: 0;
}

.planner-btn .btn-item:last-child {
  margin-right: 0;
}

.planner-btn .btn {
  position: relative;
  display: inline-block;
  width: auto;
  min-width: 69px;
  height: 25px;
  padding: 0 26px;
  background-color: #5c70a4;
  border-radius: 4px;
  box-sizing: border-box;
}

.planner-btn .btn .txt {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
}

.planner-btn .btn .i-planner-arrow:before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #fff;
  content: "";
}

.course-setting {
  position: relative;
  font-family: "Nanum Gothic",sans-serif;
}

.course-setting.setting-favorites .setting-explain .setting-explain-txt {
  color: #000;
  font-size: 15px;
  line-height: inherit;
}

.course-setting .setting-explain {
  margin-left: 16px;
}

.course-setting .setting-explain .setting-explain-txt {
  position: relative;
  line-height: 1.6em;
  padding-left: 10px;
  color: #000;
  font-size: 13px;
}

.course-setting .setting-explain .setting-explain-txt:before {
  position: absolute;
  top: 9px;
  left: 0px;
  display: block;
  width: 2px;
  height: 2px;
  background-color: #000;
  content: '';
}

.course-setting .add-course-setting {
  margin-top: 10px;
  margin-bottom: 10px;
}

.course-setting .add-course-setting .course-setting-part {
  display: table;
  width: auto;
}

.course-setting .add-course-setting .course-setting-part li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}

.course-setting .add-course-setting .course-setting-part li .unibox.box09 {
  min-width: 290px;
  min-height: 190px;
  padding: 15px 40px;
  margin-right: 20px;
  background-color: #e6e6e6;
  border-radius: 4px;
}

.course-setting .add-course-setting .course-setting-part li .setting-part-title {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.course-setting .add-course-setting .course-setting-part li:last-child .box09 {
  margin-right: 0;
}

.course-setting .add-course-setting .course-setting-part .btn-box {
  display: table-cell;
  vertical-align: middle;
}

.course-setting .add-course-setting .course-setting-part .btn-box.on {
  display: table;
  width: 100%;
  text-align: center;
}

.course-setting .add-course-setting .course-setting-part .btn-box.on .btn-area {
  display: table-cell;
  height: 77px;
  vertical-align: middle;
}

.course-setting .add-course-setting .drag-list {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 20px;
}

.course-setting .add-course-setting .drag-list .badge-list {
  font-size: 0;
}

.course-setting .add-course-setting .drag-list .badge-list .btn {
  display: inline-block;
  word-break: keep-all;
  word-wrap: break-word;
}

.course-setting .add-course-save {
  margin-left: 10px;
}

.course-setting .add-course-save .txt-color {
  color: #5c5c5c;
  font-size: 13px;
}

.course-setting .add-course-save input::-moz-placeholder {
  color: #666;
  font-size: 13px;
}

.course-setting .add-course-save input:-ms-input-placeholder {
  color: #666;
  font-size: 13px;
}

.course-setting .add-course-save input::placeholder {
  color: #666;
  font-size: 13px;
}

.course-setting .drop-box {
  display: table-cell;
}

.course-setting .drop-box-list {
  display: inline-block;
}

.course-setting .drop-box-list li {
  min-height: 79px;
}

.course-setting .drop-box-list .unibox.box99 {
  position: relative;
  min-width: 46px;
  min-height: 46px;
  padding: 12px 14px;
  margin-right: 20px;
  background-color: #fff;
  border: 2px dashed #666;
  border-radius: 10px;
}

.course-setting .drop-box-list .drop-box-title {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.course-setting .drop-box-list .btn-close-x {
  position: absolute;
  top: -8px;
  right: -8px;
}

.course-setting .btn {
  display: inline-block;
}

.course-setting .btn.btn-orange {
  display: inherit;
  padding: 5px 11px;
  margin: 2px;
  background-color: #eeae70;
  border-radius: 4px;
  border: 0 none;
  font-size: 13px;
  color: #fff;
  cursor: pointer;
}

.course-setting .btn.btn-dropbox-close-x {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 21px;
  height: 21px;
  background-color: #b3b3b3;
  border-radius: 50%;
  border: 0 none;
}

.course-setting .btn.btn-dropbox-add-plus {
  width: 27px;
  height: 27px;
  background-color: #fff;
  border-radius: 50%;
  border: 0 none;
}

.tui-full-calendar-layout {
  height: 100%;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
}

.tui-full-calendar-month-dayname {
  width: 100%;
  position: absolute;
  font-size: 13px;
  border-top: 0 none !important;
}

.vue-simple-context-menu {
  top: 0;
  left: 0;
  margin: 0;
  padding: 20px 25px;
  display: none;
  list-style: none;
  position: absolute;
  z-index: 1000000;
  border-bottom-width: 0;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  background-color: #ffffff;
  border-radius: 4px;
  line-height: 1.4em;
  font-family: "Nanum Gothic";
  font-size: 12px;
  color: #333;
}

.vue-simple-context-menu--active {
  display: block;
}

.vue-simple-context-menu__item {
  position: relative;
  display: flex;
  margin: 10px 0;
  padding: 0;
  padding-left: 24px;
  color: #333;
  cursor: pointer;
  align-items: center;
}

.vue-simple-context-menu__item.item-modify:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 16px;
  height: 17px;
  margin-top: -8px;
  background: url("../images/schoolrecord/i-plan-modify.png") 0 0 no-repeat;
  content: '';
}

.vue-simple-context-menu__item.item-delete:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 14px;
  height: 15px;
  margin-top: -7px;
  background: url("../images/schoolrecord/i-plan-delete.png") 0 0 no-repeat;
  content: '';
}

.vue-simple-context-menu__item:hover {
  background-color: #fff;
  color: #f44336;
  font-weight: 700;
  text-decoration: underline;
}

/*# sourceMappingURL=maps/student.css.map */