.size--1, #teachingPost #infoText, #register #copywriting {
  font-size: calc(16px + (2px * -1));
}

.size-0 {
  font-size: calc(16px + (2px * 0));
}

.size-1 {
  font-size: calc(16px + (2px * 1));
}

.size-2, #Sitemap .nd-table, #news #sortingTopBtns button, #DiscussionIndex #sortingTopBtns button, #classMar #sortingTopBtns button {
  font-size: calc(16px + (2px * 2));
}

.size-3, #tagMar .tag-name, #classMar #teachingClassList .main-class-text {
  font-size: calc(16px + (2px * 3));
}

.size-4 {
  font-size: calc(16px + (2px * 4));
}

.size-5 {
  font-size: calc(16px + (2px * 5));
}

.size-6, #TeachingSigningArticle #signingForm h4 {
  font-size: calc(16px + (2px * 6));
}

.size-7 {
  font-size: calc(16px + (2px * 7));
}

.size-8 {
  font-size: calc(16px + (2px * 8));
}

.size-9 {
  font-size: calc(16px + (2px * 9));
}

.size-10 {
  font-size: calc(16px + (2px * 10));
}

.size-11 {
  font-size: calc(16px + (2px * 11));
}

.size-12 {
  font-size: calc(16px + (2px * 12));
}

.size-13 {
  font-size: calc(16px + (2px * 13));
}

.size-14 {
  font-size: calc(16px + (2px * 14));
}

.size-15 {
  font-size: calc(16px + (2px * 15));
}

.size-16, #businessCard #userNickname {
  font-size: calc(16px + (2px * 16));
}

.size-17 {
  font-size: calc(16px + (2px * 17));
}

.size-18 {
  font-size: calc(16px + (2px * 18));
}

.size-19 {
  font-size: calc(16px + (2px * 19));
}

.size-20 {
  font-size: calc(16px + (2px * 20));
}

/* $defaultSize: 20px;
$defalutMinSize: 18px;
$pmtb: 4px;
$pmlr: 8px;
$paddingMin: $pmtb $pmlr;
$transition: all 0.3s;

$pad: 15px;
$padmin: 8px;
$padmax: 30px;

$topW: 400px;
$topH: $topW/5;
$topMargin: 4%;
$hih: 50px;

$mainMar: 5%;

$mar: 16px; */
#donation #donationArticle {
  padding: 15px;
}
#donation #addressDiv select {
  margin-bottom: 8px;
}
#donation .receipt-div {
  display: none;
}

#donors #search-div {
  margin-bottom: 15px;
}

#login #loginForm {
  border: 1px solid rgba(111, 66, 193, 0.7);
  padding: 15px;
}
#login #remember-div {
  text-align: right;
}
#login #forgetPWBtn {
  position: absolute;
  right: 15px;
  top: auto;
}
#login #forgetPWModal .fps02 {
  display: none;
}

#register > .row #article {
  padding: 15px;
}
#register > .row #registerForm {
  padding: 15px;
  border: 1px solid rgba(111, 66, 193, 0.7);
}
#register #copywriting {
  color: #6c757d;
  background-color: #e9ecef;
  padding: 15px;
  border: 1px #6c757d solid;
}
#register #copywriting p {
  margin: 0;
  line-height: 1.5em;
}
#register #copywriting li {
  line-height: 1.5em;
}
#register #createDiv {
  padding-top: 15px;
}

#teaching #searchForm {
  display: none;
}
#teaching #searchForm .nd-input-group:first-child {
  padding-left: 0;
}
#teaching #searchForm .nd-input-group:last-child {
  padding-right: 0;
}

#teachingPost #infoText {
  max-height: 300px;
  overflow-y: auto;
  color: #6c757d;
  background-color: #e9ecef;
  padding: 15px;
  border: 1px #6c757d solid;
  border-radius: 4px;
}
#teachingPost #authorDiv .form-control-static, #teachingPost #authorDiv #publicAuthorSwitch {
  display: inline-block;
}
#teachingPost #authorDiv .form-control-static#publicAuthorSwitch, #teachingPost #authorDiv #publicAuthorSwitch#publicAuthorSwitch {
  margin-left: 64px;
}

#DiscussionIndex #searchForm {
  display: none;
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  border: #6f42c1 1px solid;
  border-radius: 8px;
  background-color: rgba(111, 66, 193, 0.03);
}
#DiscussionIndex #delSJ {
  font-weight: bold;
}

#DiscussionIndex #sortingTopBtns button, #classMar #sortingTopBtns button {
  text-align: center;
  margin-left: calc(15px/2);
  margin-right: calc(15px/2);
}

#RefinedIndex #top-item > * {
  float: left;
}
#RefinedIndex #top-item > *:last-child {
  clear: both;
}
#RefinedIndex #searchForm {
  display: none;
}

#TeachingSigningArticle .remunerations {
  display: none;
}
#TeachingSigningArticle #signingForm .signing-check-item {
  border: #343a40 1px solid;
  border-radius: calc(15px/2);
  margin: 15px 0;
  padding: 15px;
  background-color: rgba(111, 66, 193, 0.05);
}
#TeachingSigningArticle #signingForm .signing-check-item > .col-xl-3.col-md-4:not(.remswitch) {
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}
#TeachingSigningArticle #signingForm h4, #TeachingSigningArticle #signingForm .remswitch {
  text-align: center;
}
#TeachingSigningArticle #signingForm #remunerationsSet {
  display: none;
}

#TeachingSigningArticle #slh3, #TeachingSigningArticle #ssh3, #TeachingSigningArticle #tarh3, #teachingRecordArticle #slh3, #teachingRecordArticle #ssh3, #teachingRecordArticle #tarh3 {
  margin-top: calc(15px/2);
}
#TeachingSigningArticle .signing-logs, #teachingRecordArticle .signing-logs {
  padding: 15px;
  border-radius: calc(15px/2);
  border: 1px #343a40 solid;
  max-height: 450px;
  overflow-y: auto;
}
#TeachingSigningArticle .signing-logs td[headers=th_st], #teachingRecordArticle .signing-logs td[headers=th_st] {
  vertical-align: top !important;
}

#teachingRecordArticle #editForm, #teachingRecordArticle #suEditForm, #teachingArticle #editForm, #teachingArticle #suEditForm {
  display: none;
}
#teachingRecordArticle .action-td, #teachingArticle .action-td {
  display: table-cell !important;
}

#teachingRecord #raTitle, #teachingRecordArticle #raTitle {
  font-weight: bold;
  color: #dc3545;
  text-decoration: underline;
}

.teachingClass > *:not(:first-child) {
  display: none;
}

#discussionArticle #deleteLeave .nd-form {
  padding: 0 calc(15px * 4);
}

#RefinedPost #discussionPostsItems, #RefinedArticle #discussionPostsItems {
  padding: 0;
}
#RefinedPost #discussionPostsItems li, #RefinedArticle #discussionPostsItems li {
  clear: both;
  margin-bottom: calc(15px/2);
}
#RefinedPost #discussionPostsItems li:after, #RefinedArticle #discussionPostsItems li:after {
  content: "";
  display: block;
  clear: both;
}
#RefinedPost #discussionPostsItems li > *, #RefinedArticle #discussionPostsItems li > * {
  float: left;
}
#RefinedPost #discussionPostsItems li a, #RefinedArticle #discussionPostsItems li a {
  margin-right: calc(15px/2);
  background-color: #e9ecef;
  padding-left: calc(15px/2);
  padding-right: calc(15px/2);
  text-decoration: none;
}

#news #sortingTopBtns button {
  text-align: center;
  margin-left: calc(15px/2);
  margin-right: calc(15px/2);
}

#index {
  padding-top: 0;
  margin-top: calc(15px/-2);
}
#index .index-items {
  padding: 0 15px;
}
#index .index-items h2 {
  border-bottom: 1px #dee2e6 solid;
  margin: 15px 0;
}
#index .index-items h2 a {
  color: #6f42c1;
  font-weight: bold;
  text-decoration: none;
}

#UserHome-UserData #userImgDiv #userImg {
  text-align: center;
  height: calc(150px + 10px);
  line-height: 150px;
}
#UserHome-UserData #userImgDiv #userImg img {
  max-width: 150px;
  max-height: 150px;
  vertical-align: middle;
}
#UserHome-UserData #userImgDiv #editBtns {
  margin: 15px 0;
  display: flex;
  justify-content: center;
}
#UserHome-UserData #userImgDiv #editBtns button {
  width: 50%;
}
#UserHome-UserData #addressDiv select {
  margin-bottom: 8px;
}
#UserHome-UserData #showImgFileDiv {
  height: 200px;
  line-height: 200px;
  text-align: center;
}
#UserHome-UserData #showImgFile {
  max-width: 150px;
  margin: 0 auto;
  vertical-align: middle;
}

#Sitemap h2 {
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 15px;
}
#Sitemap .browser-icons {
  width: calc(15px * 2);
  stroke-width: calc(15px * 2);
  stroke-height: calc(15px * 2);
  height: calc(15px * 2);
  vertical-align: middle;
}
#Sitemap #mapul a, #Sitemap #mapul span {
  color: #007bff;
  cursor: pointer;
}

#userDonationLog #donorDataModal .modal-body.col-md-12.nd-form, #userDonationLog #receiptDataModal .modal-body.col-md-12.nd-form {
  padding: 15px;
}

#CreateRole .perm-item, #EditRole .perm-item {
  padding-bottom: 15px;
}
#CreateRole .perm-item h3, #EditRole .perm-item h3 {
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
#CreateRole .perm-item .perm-checkbox, #EditRole .perm-item .perm-checkbox {
  margin: calc(15px/2) 0;
}
#CreateRole #permErr, #EditRole #permErr {
  color: #dc3545;
  display: block;
  font-weight: bold;
  white-space: pre;
}

#ShowRoleUser #roleDelUserModal .modal-body.nd-form.col-md-12, #userRoleManagement #roleDelUserModal .modal-body.nd-form.col-md-12 {
  padding: 15px;
}
#ShowRoleUser #dataRow, #userRoleManagement #dataRow {
  padding: 15px 0;
}

#classMar #funsBtnItems button {
  margin-right: 15px;
}
#classMar #funsBtnItems button:last-child {
  margin-right: 0;
}
#classMar #teachingClassList ul, #classMar #teachingClassList li {
  width: 100%;
  margin: 0;
}
#classMar #teachingClassList .class-item-li {
  margin: calc(15px/2) 0;
  padding-top: calc(15px/2);
  border: 1px solid #343a40;
  border-radius: calc(15px/2);
  transition: all 0.4s;
}
#classMar #teachingClassList .class-item-li:hover {
  background-color: rgba(111, 66, 193, 0.1);
}
#classMar #teachingClassList .main-class-item {
  padding-bottom: calc(15px/2);
}
#classMar #teachingClassList .main-class-text {
  font-weight: bold;
}
#classMar #teachingClassList .sub-item-li {
  margin: 0;
  padding: calc(calc(15px/2)/2) 0;
  transition: all 0.4s;
}
#classMar #teachingClassList .sub-item-li:hover {
  background-color: rgba(111, 66, 193, 0.2);
}
#classMar #teachingClassList .sub-item-class {
  padding-left: calc(15px*2);
}
#classMar #teachingClassList .items {
  margin: 0;
}

#tagMar #funsBtnItems button {
  margin-right: 15px;
}
#tagMar #funsBtnItems button:last-child {
  margin-right: 0;
}
#tagMar #tagList > ul {
  padding: 0 calc(15px/2);
}
#tagMar .tag-item {
  margin: calc(15px/2) 0;
  text-align: right;
  padding: 0;
  min-width: 25%;
}
#tagMar .mark-item {
  margin: 0 calc(15px/2);
  line-height: 1.5em;
  vertical-align: middle;
  padding: calc(15px/2);
  border: #6f42c1 2px solid;
  border-radius: calc(15px/2);
  transition: all 0.4s;
}
#tagMar .mark-item.del {
  background-color: #6f42c1;
  color: #fff;
}
#tagMar .mark-item.del button {
  color: #fff;
}
#tagMar .mark-item:after {
  clear: both;
  display: block;
  content: "";
}
#tagMar .tag-name {
  padding: 0;
  margin-right: 15px;
  float: left;
  text-decoration: none;
  color: #343a40;
  font-weight: bold;
}
#tagMar .tag-name > + * {
  clear: both;
}

#relatedArticle .related-list .items {
  margin: 15px 0;
  border: #343a40 1px solid;
  background-color: rgba(111, 66, 193, 0.02);
  border-radius: calc(15px/2);
}
#relatedArticle .related-list .items h2 {
  background-color: #6f42c1;
  color: #fff;
  margin-top: 0;
  padding: 15px;
}
#relatedArticle .related-list .items .article-item {
  margin: 15px 0;
}
#relatedArticle .related-list .items .article-item li {
  display: block;
  padding: 0 15px;
}
#relatedArticle .related-list .items .funs {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

#createRelatedArticle #talist .item {
  border: #343a40 1px solid;
  border-radius: calc(15px/2);
  background-color: rgba(111, 66, 193, 0.05);
  padding: 15px;
  margin: 15px 0;
  transition: all 0.4s;
}
#createRelatedArticle #talist .item .title a {
  color: #6f42c1;
}
#createRelatedArticle #talist .item .funs {
  line-height: 1em;
}
#createRelatedArticle #talist .item.set-title {
  background-color: #6f42c1;
}
#createRelatedArticle #talist .item.set-title .title a, #createRelatedArticle #talist .item.set-title .input-item .text {
  color: #fff;
}

#businessCard .user-img-div {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#businessCard .user-img-div img {
  max-width: 150px;
  max-height: 150px;
  border: #6c757d 1px solid;
  border-radius: 15px;
}
#businessCard #userNickname {
  width: 100%;
  border-bottom: #343a40 2px solid;
  margin-bottom: calc(15px/2);
}
#businessCard #articleDiv {
  margin-top: 15px;
}
#businessCard .nd-table {
  padding: 0;
}
#businessCard .nd-table table {
  border-top: none !important;
}

#DiscussionIndex .dp-tr.show-0 .subjectTd .subTitle {
  font-weight: 500;
}
#DiscussionIndex .dp-tr.show-1 .subjectTd .subTitle {
  color: #6f42c1;
}
#DiscussionIndex .view-level-icons {
  font-size: 22px;
  color: #6f42c1;
}

#fullStatistics .nd-table, #discussionStatistics .nd-table, #refinedStatistics .nd-table, #teachingStatistics .nd-table, #userStatistics .nd-table {
  padding-bottom: 15px;
}
#fullStatistics .nd-table tbody tr:hover, #discussionStatistics .nd-table tbody tr:hover, #refinedStatistics .nd-table tbody tr:hover, #teachingStatistics .nd-table tbody tr:hover, #userStatistics .nd-table tbody tr:hover {
  background-color: rgba(111, 66, 193, 0.05);
}

@media screen and (max-width: 992px) {
  #businessCard #userNickname {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .nd-header .header-items .top-group .sf-submenu ul {
    position: relative;
    width: 100%;
  }

  #DiscussionIndex #barItem {
    padding: 15px;
    padding-bottom: 0;
  }
  #DiscussionIndex #rightList {
    padding-left: 0;
    padding-top: 15px;
    padding-right: 15px;
    justify-content: flex-start !important;
  }
  #DiscussionIndex #sortingTopBtns button {
    width: 100%;
    margin-top: calc(15px/2);
    margin-bottom: calc(15px/2);
    margin-left: 0;
    margin-right: 0;
  }

  #donation #addressDiv .date-select-item select, #UserHome-UserData #addressDiv .date-select-item select {
    margin-top: 0;
  }

  #index {
    margin-top: 0;
  }

  #CreateRole .perm-item .items {
    padding: 0;
  }

  #classMar #teachingClassList .sub-item-class-item {
    padding: 0 calc(15px*2);
  }
}
/* FireFox only */
@supports (-moz-appearance: none) {
  .nd-table th {
    white-space: normal !important;
  }
}