/* ============================================================================================ */
.ui-dialog {
  display: none;
  position: fixed;
  top: 40px !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9000;
  width: 100%;
  height: auto;
  margin: auto;
  font-family: 'SCDream' !important;
  background: white;
  border-radius: 1em;
  -webkit-box-shadow: 0 12px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 12px 8px rgba(0, 0, 0, 0.2);
}

.ui-dialog.dialogSbscr-wrap {
  top: 111px !important;
  left: auto !important;
}

.ui-dialog-content {
  width: 100% !important;
  padding: 18px 20px !important;
}

.ui-dialog-content .search__wrapper {
  margin: 0;
}

.ui-dialog-content .search__wrapper + .labelGroup_wrap {
  margin: 12px 0 0;
}

.ui-dialog-buttonset {
  width: 100%;
  /*padding: 0 40px 22px;*/
  padding: 0 0 20px;
  overflow: hidden;
  text-align: center;
}

.ui-dialog .ui-dialog-buttonpane {
  padding: 0.3em 1em 0.5em;
  margin: 0;
  border: 0;
}

.ui-dialog-buttonpane .ui-button {
  /* float: left; */
  /* display: block; */
  height: 2.875em;
  padding: 0.4em 0.2em;
  /*font-size: inherit;*/
  font-size: 0.938em;
  font-family: 'SCDream';
  border-radius: 4px;
}

.ui-dialog-buttonpane .ui-button.cancle {
  color: white;
  background: #667788;
  border: 1px solid #667788;
}

.ui-dialog-buttonpane .ui-button.save {
  color: white;
  background: #2c5dcd;
  border: 1px solid #2c5dcd;
}

.fileUploadWrap {
  display: block;
  width: 100%;
  height: 2.875em;
  padding: 0.5em;
  margin: 0 0 2px 0;
  border: 1px solid #d3dcee;
  border-radius: 0.25em;
}
.fileUploadWrap .formControl {
  width: 100%;
}

/* ============================================================================================ */
.dialog_tableForm {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px 0;
}
.dialog_tableForm .form_th { padding-right: 1em; }
.dialog_tableForm .form_td { }
/* ============================================================================================ */
[class*='nonMovingModal__titlebar'] {
  position: relative;
  padding-left: 20px;
  padding-right: 50px;
  border-bottom: 1px solid var(--black);
  font-weight: 600;
  color: #333;
  font-size: 18px;
  height: 52px;
  line-height: 52px;
}

[class*='nonMovingModal__titlebar'] .ui-dialog-titlebar-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 52px;
  height: 52px;
  padding: 0;
  margin: 0;
  color: transparent;
  overflow: hidden;
  background-color: transparent;
  background-size: 30px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(/images/edunavi/web/arc/btn_close.png);
  border: 0;
}

[class*='nonMovingModal__titlebar'] .ui-dialog-titlebar-close span {
  background: none !important;
}

.nonMovingModal__titlebar + .ui-dialog-content {
  padding-top: 0 !important;
}

[class*='nonMovingModal__titlebar__icon'] {
  border-bottom: 1px solid #dadde2;
}

.nonMovingModal__titlebar__icon1 {
  padding-left: 58px;
  font-size: 1.25em;
  font-weight: 600;
  color: #333;
  text-align: left;
  background-position: 20px 10px;
  background-size: 32px;
  background-repeat: no-repeat;
  background-image: url(/images/edunavi/web/arc/main_user_type_bullet.png);
}

.nonMovingModal__titlebar__icon2 {
  padding-left: 58px;
  font-size: 1.25em;
  font-weight: 600;
  color: #333;
  text-align: left;
  background-position: 20px 10px;
  background-size: 32px;
  background-repeat: no-repeat;
  background-image: url(/images/edunavi/web/arc/my_group_bullet.png);
}

/* ============================================================================================ */
.overflowScollBox::-webkit-scrollbar {
  width: 17px;
  background: #ddd;
}

.overflowScollBox::-webkit-scrollbar-thumb {
  background: #b7b7b7;
}

.overflowScollBox::-webkit-scrollbar-track {
  background: #ddd;
}

/* ============================================================================================ */
.dialog__form::after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}

.dialog__textarea {
  float: left;
  height: 180px;
}

/* ============================================================================================ */
.ui-widget-overlay.custom-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100 !important;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}

/* ============================================================================================ */
.sns__items {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.sns__items::after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}

.sns__item {
  float: left;
  display: block;
  width: 19%;
  text-align: center;
}

.sns__item:nth-child(n+2) {
  margin-left: 1.25%;
}

.sns__item a {
  display: block;
  width: 3.125em;
  height: 3.125em;
  margin: 0 auto;
  background-position: 50%;
  background-size: 3.125em;
  background-repeat: no-repeat;
  border-radius: 50%;
}

.sns__item.blog a {
  background-image: url(/images/edunavi/web/arc/sns_blog.png);
}

.sns__item.facebook a {
  background-image: url(/images/edunavi/web/arc/sns_facebook.png);
}

.sns__item.twitter a {
  background-image: url(/images/edunavi/web/arc/sns_twitter.png);
}

.sns__item.kakaotalk a {
  background-image: url(/images/edunavi/web/arc/sns_kakaotalk.png);
}

.sns__item.kakaostory a {
  background-image: url(/images/edunavi/web/arc/sns_kakaostory.png);
}

/* ============================== */
.timer__wrapper::after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}

.timer__wrapper .timer__check {
  float: left;
  margin: .5em 0;
  border: 1px solid #ccc;
  border-radius: .25em;
}

.timer__wrapper .timer__title {
  float: left;
  margin: .5em;
}

.timer__wrapper .timer__number {
  float: left;
  padding: 0 .125em;
  margin: .375em 0 0;
  width: 4em;
  height: 1.5em !important;
  line-height: 1.5em !important;
  color: #666;
  border: 0;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}

.timer__wrapper .timer__check:checked ~ .timer__number {
  color: #2c5dcd;
}

/* ============================== */
.copy__wrapper {
  padding: .5em 4em .5em .5em;
  background-color: #f7fafd;
  border: 1px solid #e2e7f1;
  border-radius: .5em;
  position: relative;
}

.copy__wrapper input[type='text'].copy__url {
  width: 100%;
  padding: .5em .2em;
  height: 2em;
  line-height: 2em;
  letter-spacing: 0;
  border: 0;
  font-size: .875em;
  background-color: transparent;
}

.copy__wrapper .copy__btn {
  width: 3em;
  height: 2em;
  line-height: 2em;
  color: white;
  background-color: #333;
  border-radius: .25em;
  position: absolute;
  top: .388em;
  right: .5em;
}

/* ============================== */
.PreviewNotifications__item:first-child {
  margin-top: 0;
}

.PreviewNotifications__item {
  position: relative;
  padding-left: 2.5em;
  margin-top: 1em;
}

.PreviewNotifications__item::after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}

.PreviewNotifications__item .thumb {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2em;
  height: 2em;
  background-color: aqua;
  border-radius: 50%;
  overflow: hidden;
}

.PreviewNotifications__item .MCbox__body .description {
  width: 100%;
  max-height: 2.8em;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  color: inherit;
  text-decoration: inherit;
  font-size: .875em;
  font-weight: 500;
  letter-spacing: 0;
}

.PreviewNotifications__item .MCbox__body .description:hover {
  color: #2c5dcd;
}

.PreviewNotifications__item .MCbox__body .date {
  display: block;
  margin-top: .5em;
  font-size: .75em;
  color: #555;
  letter-spacing: 0;
}

/* ============================== */
.ui-dialog table tbody tr th {
  text-align: left;
  letter-spacing: -0.05em;
  font-size: 14px;
}

.ui-dialog table tbody tr td {
  padding: 6px 0;
  vertical-align: top;
}

.ui-dialog table tbody tr td input[type='text'] {
  height: 36px;
}

.ui-dialog table tbody tr td input[type='number'] {
  height: 36px;
}

.ui-dialog table tbody tr td select {
  height: 36px;
}

.dialog_contents * {
  font-size: inherit;
}

@media screen and (min-width: 768px) {
  .dialog_contents .maxForm .maxFormFieldset .maxFormTable .maxFormTr .maxFormTh {
    width: 120px;
    background-color: white;
  }
  .dialog_contents .maxForm .maxFormFieldset .maxFormTable .maxFormTr .maxFormTd {
    width: calc(100% - 120px);
  }
  .dialog_contents .maxForm .maxFormFieldset .maxFormTable .maxFormTr .maxFormTh.maxFormTh_col6 + .maxFormTd {
    width: calc(50% - 120px);
  }
  .dialog_contents .maxForm .maxFormFieldset:last-child {
    margin: 0;
  }
}

/* ============================== */

.downloadBanner_items {
  overflow: hidden;
  margin: 0 0 16px;
}

.downloadBanner_item {
  float: left;
  width: 49%;
  height: 3.75em;
  margin: 0;
  padding: 1.125em 3.5em 1.125em 1.125em;
  color: inherit;
  text-decoration: none;
  font-weight: 600;
  font-size: 1em;
  border: 1px solid #D3DCEE;
  background-color: #EFF5FF;
  background-image: url(/images/edunavi/web/arc/btn_down02.png);
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 1.875em 1.875em;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.downloadBanner_item:first-of-type {
  float: left;
  width: 49%;
  margin: 0 2% 0 0;
  border: 1px solid #D3DCEE;
  background-color: #FFEFEF;
  background-image: url(/images/edunavi/web/arc/btn_down01.png);
}

@media screen and (max-width: 414px) {
  .downloadBanner_item {
    height: 3.625em;
    font-size: 0.938em;
  }
}

@media screen and (max-width: 360px) {
  .downloadBanner_item {
    padding: 1em 2.75em 1em 1.125em;
    width: 100%;
    height: 3.375em;
    font-size: 0.938em;
    background-position: right 16px center;
    background-size: 2em;
  }
  .downloadBanner_item:first-of-type {
    width: 100%;
    margin: 0 0 8px;
  }
}

/* ============================== */
.private_description {
  position: relative;
  width: 100%;
  margin: 0 auto 18px;
  line-height: 1.5em;
  color: #222;
  word-break: keep-all;
  text-align: center;
  font-size: 1.094em;
}

.private_description::after {
  content: '';
  display: block;
  width: 100%;
}

input.private_description__pw {
  width: 100%;
  background-color: #f8fafe;
}

/* ============================== */
.ui-dialog input[type='password'],
.ui-dialog input[type='text'],
.ui-dialog select {
  height: 2.5em;
  line-height: 2.5;
}

/* ============================== */