@charset "UTF-8";
.wrap.mobile .box--view__replys .replys--writebox__input .input-box--text,
.wrap.mobile .box--view__replys > ul > li .file--list,
.wrap.mobile .file--list.type--scroll,
.wrap.mobile .term--contents .table--info,
.wrap.mobile .tab-tag > .tab-box,
.wrap.mobile .timetable--table__item .timetable--table__scroll {
  -webkit-transform: translate3d(0, 0, 0);
}
.wrap.mobile .box--view__replys .replys--writebox__input .input-box--text::-webkit-scrollbar,
.wrap.mobile .box--view__replys > ul > li .file--list::-webkit-scrollbar,
.wrap.mobile .file--list.type--scroll::-webkit-scrollbar,
.wrap.mobile .term--contents .table--info::-webkit-scrollbar,
.wrap.mobile .tab-tag > .tab-box::-webkit-scrollbar,
.wrap.mobile .timetable--table__item .timetable--table__scroll::-webkit-scrollbar {
  height: 13px;
  border: 5px solid rgba(255, 255, 255, 0);
}
.wrap.mobile .box--view__replys .replys--writebox__input .input-box--text::-webkit-scrollbar-button:start:decrement,
.wrap.mobile .box--view__replys > ul > li .file--list::-webkit-scrollbar-button:start:decrement,
.wrap.mobile .file--list.type--scroll::-webkit-scrollbar-button:start:decrement,
.wrap.mobile .term--contents .table--info::-webkit-scrollbar-button:start:decrement,
.wrap.mobile .tab-tag > .tab-box::-webkit-scrollbar-button:start:decrement,
.wrap.mobile .timetable--table__item .timetable--table__scroll::-webkit-scrollbar-button:start:decrement,
.wrap.mobile .box--view__replys .replys--writebox__input .input-box--text::-webkit-scrollbar-button:end:increment,
.wrap.mobile .box--view__replys > ul > li .file--list::-webkit-scrollbar-button:end:increment,
.wrap.mobile .file--list.type--scroll::-webkit-scrollbar-button:end:increment,
.wrap.mobile .term--contents .table--info::-webkit-scrollbar-button:end:increment,
.wrap.mobile .tab-tag > .tab-box::-webkit-scrollbar-button:end:increment,
.wrap.mobile .timetable--table__item .timetable--table__scroll::-webkit-scrollbar-button:end:increment {
  display: block;
  width: 0;
  height: 0;
}
.wrap.mobile .box--view__replys .replys--writebox__input .input-box--text::-webkit-scrollbar-track,
.wrap.mobile .box--view__replys > ul > li .file--list::-webkit-scrollbar-track,
.wrap.mobile .file--list.type--scroll::-webkit-scrollbar-track,
.wrap.mobile .term--contents .table--info::-webkit-scrollbar-track,
.wrap.mobile .tab-tag > .tab-box::-webkit-scrollbar-track,
.wrap.mobile .timetable--table__item .timetable--table__scroll::-webkit-scrollbar-track {
  background: transparent;
}
.wrap.mobile .box--view__replys .replys--writebox__input .input-box--text::-webkit-scrollbar-thumb,
.wrap.mobile .box--view__replys > ul > li .file--list::-webkit-scrollbar-thumb,
.wrap.mobile .file--list.type--scroll::-webkit-scrollbar-thumb,
.wrap.mobile .term--contents .table--info::-webkit-scrollbar-thumb,
.wrap.mobile .tab-tag > .tab-box::-webkit-scrollbar-thumb,
.wrap.mobile .timetable--table__item .timetable--table__scroll::-webkit-scrollbar-thumb {
  border: 5px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  background-color: #d9d9d9;
  border-radius: 6px;
}

.wrap.mobile .header--menu__box,
.wrap.mobile .contents--search__results,
.wrap.mobile .layer-video .video-viewbox--list {
  -webkit-transform: translate3d(0, 0, 0);
}
.wrap.mobile .header--menu__box::-webkit-scrollbar,
.wrap.mobile .contents--search__results::-webkit-scrollbar,
.wrap.mobile .layer-video .video-viewbox--list::-webkit-scrollbar {
  width: 13px;
}
.wrap.mobile .header--menu__box::-webkit-scrollbar-button:start:decrement,
.wrap.mobile .contents--search__results::-webkit-scrollbar-button:start:decrement,
.wrap.mobile .layer-video .video-viewbox--list::-webkit-scrollbar-button:start:decrement,
.wrap.mobile .header--menu__box::-webkit-scrollbar-button:end:increment,
.wrap.mobile .contents--search__results::-webkit-scrollbar-button:end:increment,
.wrap.mobile .layer-video .video-viewbox--list::-webkit-scrollbar-button:end:increment {
  display: block;
  width: 0;
  height: 0;
}
.wrap.mobile .header--menu__box::-webkit-scrollbar-track,
.wrap.mobile .contents--search__results::-webkit-scrollbar-track,
.wrap.mobile .layer-video .video-viewbox--list::-webkit-scrollbar-track {
  background: transparent;
}
.wrap.mobile .header--menu__box::-webkit-scrollbar-thumb,
.wrap.mobile .contents--search__results::-webkit-scrollbar-thumb,
.wrap.mobile .layer-video .video-viewbox--list::-webkit-scrollbar-thumb {
  border: 5px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  background-color: #d9d9d9;
  border-radius: 6px;
}

.wrap.mobile .text-bullet.is--check::before,
.wrap.mobile .people--item.has--arrow::after,
.wrap.mobile .people-image,
.wrap.mobile .box--view__replys .replys--writebox__input .writebox-input__file label,
.wrap.mobile .toggle--list__button::after,
.wrap.mobile .header--button,
.wrap.mobile .header--hamburger__close,
.wrap.mobile .header--menu__box ul li .header--menu__item::after,
.wrap.mobile .header--profile__box .profile-box__users .profile-image,
.wrap.mobile .header--profile__box .profile-box__menu a .icon,
.wrap.mobile .contents--search__title .search--back,
.wrap.mobile .contents--search__title .title .search--button,
.wrap.mobile .contents--search__title .title .clear--button,
.wrap.mobile .mypage__menu--box.is--menu li a::after,
.wrap.mobile .mypage__menu--user .user-arrow,
.wrap.mobile .mypage-info__profile .image,
.wrap.mobile .class-related--box .tab-activity .box--search .input-box--text .clear,
.wrap.mobile .today-lesson.type--myclass .today-lesson--info .info-tag__menu,
.wrap.mobile .myclass__index.is--student .index__mylesson-info .people-image,
.wrap.mobile .main-login--form .login--form-title::after,
.wrap.mobile .today-lesson--info__tag .info-tag__menu,
.wrap.mobile .join-agree__title .title span::before,
.wrap.mobile .join-agree__check-show,
.wrap.mobile .layer-attendance__detail .attendance--card__header .card-header--bottom .card--left {
  background-color: transparent;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  color: transparent;
  font-size: 0;
}

.wrap.mobile .layer-area {
  min-width: 0;
  padding: 3rem 2rem;
}
.wrap.mobile .layer-area.modal-area .layer__contents {
  min-width: 0;
  min-height: 0;
  padding-top: 5.3rem;
  padding-bottom: 0;
}
.wrap.mobile .layer-area.modal-area .layer-close {
  width: 2.8rem;
  height: 2.8rem;
  top: 1.6rem;
  right: 1.6rem;
  background-image: url("../images/mobile/ico/modal-close-black.svg");
}
.wrap.mobile .layer-area.modal-area .page__button {
  padding-top: 3rem;
  padding-bottom: 1.6rem;
}
.wrap.mobile .layer-area.modal-area .page__button button,
.wrap.mobile .layer-area.modal-area .page__button a {
  max-width: 14rem;
}
.wrap.mobile .layer-area.modal-area.width-450 {
  width: 100%;
}
.wrap.mobile .layer-area.modal-area.no-button .layer__contents {
  padding-bottom: 5.3rem;
}
.wrap.mobile .layer-area.layer-full {
  padding: 0;
}
.wrap.mobile .layer-area.layer-full .layer__title {
  height: 6.4rem;
  padding: 1.6rem 1.6rem 1.6rem;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .layer-area.layer-full .layer__title-text {
  width: 100%;
  padding-left: 2.8rem;
  font-size: 1.8rem;
  line-height: 2rem;
  text-align: center;
}
.wrap.mobile .layer-area.layer-full .layer__title-text::before {
  display: none;
}
.wrap.mobile .layer-area.layer-full .layer__title-close {
  flex-shrink: 0;
  flex-grow: 0;
  width: 2.8rem;
  height: 2.8rem;
  background-image: url("../images/ico/cancel-black.svg");
}
.wrap.mobile .layer-area.layer-full .layer__container {
  height: 100%;
  border-radius: 0;
}
.wrap.mobile .layer-area.layer-full .layer__container .page__button > button,
.wrap.mobile .layer-area.layer-full .layer__container .page__button > a {
  height: 4.4rem;
}
.wrap.mobile .layer-area.layer-full .layer__contents {
  padding: 0;
}
.wrap.mobile .layer__container {
  width: 100%;
  max-height: 100%;
  max-width: inherit;
  border-radius: 1rem;
  min-width: unset; /* 241210 추가 */
}
.wrap.mobile .layer__container > .layer__title-close {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  z-index: 30;
}
.wrap.mobile .layer__container > .layer__title-close + .layer__contents {
  padding-top: 3rem;
}
.wrap.mobile .layer__container .page__button {
  gap: 0.8rem;
  padding: 2.8rem 1.6rem 3rem;
}
.wrap.mobile .layer__container .page__button > button,
.wrap.mobile .layer__container .page__button > a {
  height: 3.6rem;
  font-size: 1.4rem;
  border-radius: 0.6rem;
}
.wrap.mobile
  .layer__container
  .page__button
  > button:not(.button-text):not(.width-full):not(.is--single):not(.is--large),
.wrap.mobile .layer__container .page__button > a:not(.button-text):not(.width-full):not(.is--single):not(.is--large) {
  min-width: 0;
  width: 100%;
}
.wrap.mobile .layer__container .page__button > button.is--single,
.wrap.mobile .layer__container .page__button > a.is--single {
  min-width: 0;
  width: 14rem;
}
.wrap.mobile .layer__container .page__button > button.is--large,
.wrap.mobile .layer__container .page__button > a.is--large {
  min-width: 0;
  width: 16.8rem;
}
.wrap.mobile .layer__title {
  height: 4.8rem;
  padding: 1rem 1.6rem;
  border-radius: 0;
}
.wrap.mobile .layer__title-text {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .layer__title-text::before {
  vertical-align: middle;
  width: 1px;
  height: 1.2rem;
  margin-right: 0.6rem;
}
.wrap.mobile .layer__title-close {
  width: 2.8rem;
  height: 2.8rem;
  background-image: url("../images/ico/cancel-black.svg");
}
.wrap.mobile .layer__contents {
  flex-shrink: 1;
  flex-grow: 1;
  position: relative;
  padding: 1.6rem;
  z-index: 25;
}
.wrap.mobile .layer__contents.has--bg {
  background-color: #edf1fc;
}
.wrap.mobile .layer-calendar .layer__title-text {
  color: #000000;
}
.wrap.mobile .layer-calendar .layer__contents .calendar--area {
  height: 100%;
}
.wrap.mobile .layer-calendar .datepicker,
.wrap.mobile .layer-calendar .datepicker-inline {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
}
.wrap.mobile .layer-calendar .datepicker .datepicker--nav-title span:last-child,
.wrap.mobile .layer-calendar .datepicker-inline .datepicker--nav-title span:last-child {
  padding-left: 0.5rem;
}
.wrap.mobile .layer-calendar .datepicker .datepicker--day-name,
.wrap.mobile .layer-calendar .datepicker-inline .datepicker--day-name {
  width: 3.2rem;
}
.wrap.mobile .layer-calendar .datepicker .datepicker--cells,
.wrap.mobile .layer-calendar .datepicker-inline .datepicker--cells {
  display: grid;
  grid-template-columns: repeat(7, 3.2rem);
  justify-content: space-between;
  display: grid;
  grid-template-columns: repeat(7, 3.2rem);
  justify-content: space-between;
}
.wrap.mobile .layer-calendar .datepicker .datepicker--cell,
.wrap.mobile .layer-calendar .datepicker-inline .datepicker--cell {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
}
.wrap.mobile .layer-calendar .datepicker .datepicker--cell.-weekend-:not(.-other-month-),
.wrap.mobile .layer-calendar .datepicker-inline .datepicker--cell.-weekend-:not(.-other-month-) {
  color: #000000;
}
.wrap.mobile .layer-calendar .datepicker .datepicker--cell.-weekend-:not(.-other-month-) + .-weekend-,
.wrap.mobile .layer-calendar .datepicker-inline .datepicker--cell.-weekend-:not(.-other-month-) + .-weekend- {
  color: #ff0000;
}
.wrap.mobile .layer-calendar .datepicker .datepicker--cell.-weekend-:not(.-other-month-).-range-to-:not(.-in-range-),
.wrap.mobile .layer-calendar .datepicker .datepicker--cell.-weekend-:not(.-other-month-).-range-from-:not(.-in-range-),
.wrap.mobile .layer-calendar .datepicker .datepicker--cell.-weekend-:not(.-other-month-).-selected-:not(.-in-range-),
.wrap.mobile
  .layer-calendar
  .datepicker-inline
  .datepicker--cell.-weekend-:not(.-other-month-).-range-to-:not(.-in-range-),
.wrap.mobile
  .layer-calendar
  .datepicker-inline
  .datepicker--cell.-weekend-:not(.-other-month-).-range-from-:not(.-in-range-),
.wrap.mobile
  .layer-calendar
  .datepicker-inline
  .datepicker--cell.-weekend-:not(.-other-month-).-selected-:not(.-in-range-) {
  color: #ffffff;
}
.wrap.mobile
  .layer-calendar
  .datepicker
  .datepicker--cell.-weekend-:not(.-other-month-).-range-to-
  + .-weekend-:not(.-in-range-).-range-to-,
.wrap.mobile
  .layer-calendar
  .datepicker
  .datepicker--cell.-weekend-:not(.-other-month-).-range-to-
  + .-weekend-:not(.-in-range-).-range-from-,
.wrap.mobile
  .layer-calendar
  .datepicker
  .datepicker--cell.-weekend-:not(.-other-month-).-range-to-
  + .-weekend-:not(.-in-range-).-selected-,
.wrap.mobile
  .layer-calendar
  .datepicker
  .datepicker--cell.-weekend-:not(.-other-month-).-range-from-
  + .-weekend-:not(.-in-range-).-range-to-,
.wrap.mobile
  .layer-calendar
  .datepicker
  .datepicker--cell.-weekend-:not(.-other-month-).-range-from-
  + .-weekend-:not(.-in-range-).-range-from-,
.wrap.mobile
  .layer-calendar
  .datepicker
  .datepicker--cell.-weekend-:not(.-other-month-).-range-from-
  + .-weekend-:not(.-in-range-).-selected-,
.wrap.mobile
  .layer-calendar
  .datepicker
  .datepicker--cell.-weekend-:not(.-other-month-).-selected-
  + .-weekend-:not(.-in-range-).-range-to-,
.wrap.mobile
  .layer-calendar
  .datepicker
  .datepicker--cell.-weekend-:not(.-other-month-).-selected-
  + .-weekend-:not(.-in-range-).-range-from-,
.wrap.mobile
  .layer-calendar
  .datepicker
  .datepicker--cell.-weekend-:not(.-other-month-).-selected-
  + .-weekend-:not(.-in-range-).-selected-,
.wrap.mobile
  .layer-calendar
  .datepicker-inline
  .datepicker--cell.-weekend-:not(.-other-month-).-range-to-
  + .-weekend-:not(.-in-range-).-range-to-,
.wrap.mobile
  .layer-calendar
  .datepicker-inline
  .datepicker--cell.-weekend-:not(.-other-month-).-range-to-
  + .-weekend-:not(.-in-range-).-range-from-,
.wrap.mobile
  .layer-calendar
  .datepicker-inline
  .datepicker--cell.-weekend-:not(.-other-month-).-range-to-
  + .-weekend-:not(.-in-range-).-selected-,
.wrap.mobile
  .layer-calendar
  .datepicker-inline
  .datepicker--cell.-weekend-:not(.-other-month-).-range-from-
  + .-weekend-:not(.-in-range-).-range-to-,
.wrap.mobile
  .layer-calendar
  .datepicker-inline
  .datepicker--cell.-weekend-:not(.-other-month-).-range-from-
  + .-weekend-:not(.-in-range-).-range-from-,
.wrap.mobile
  .layer-calendar
  .datepicker-inline
  .datepicker--cell.-weekend-:not(.-other-month-).-range-from-
  + .-weekend-:not(.-in-range-).-selected-,
.wrap.mobile
  .layer-calendar
  .datepicker-inline
  .datepicker--cell.-weekend-:not(.-other-month-).-selected-
  + .-weekend-:not(.-in-range-).-range-to-,
.wrap.mobile
  .layer-calendar
  .datepicker-inline
  .datepicker--cell.-weekend-:not(.-other-month-).-selected-
  + .-weekend-:not(.-in-range-).-range-from-,
.wrap.mobile
  .layer-calendar
  .datepicker-inline
  .datepicker--cell.-weekend-:not(.-other-month-).-selected-
  + .-weekend-:not(.-in-range-).-selected- {
  color: #ffffff;
}
.wrap.mobile .layer-search__school .layer__contents .school--inner,
.wrap.mobile .layer-setting__school .layer__contents .school--inner {
  padding-bottom: 0;
}
.wrap.mobile .layer-search__school .layer__contents .search--text-desc,
.wrap.mobile .layer-setting__school .layer__contents .search--text-desc {
  margin-top: 1rem;
  margin-right: 0;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .layer-search__school .layer__contents .search--text-desc br,
.wrap.mobile .layer-setting__school .layer__contents .search--text-desc br {
  display: none;
}
.wrap.mobile .layer-search__school .layer__contents .table--list,
.wrap.mobile .layer-setting__school .layer__contents .table--list {
  margin-top: 2rem;
}
.wrap.mobile .layer-search__school .layer__contents .table--list td,
.wrap.mobile .layer-setting__school .layer__contents .table--list td {
  padding: 0;
  border: none;
}
.wrap.mobile .layer-search__school .layer__contents .table--list td label:not(.input-radio),
.wrap.mobile .layer-setting__school .layer__contents .table--list td label:not(.input-radio) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  min-width: 100%;
  line-height: 2rem;
}
.wrap.mobile .layer-search__school .layer__contents .table--list td label:not(.input-radio).box-bg__grayf4,
.wrap.mobile .layer-setting__school .layer__contents .table--list td label:not(.input-radio).box-bg__grayf4 {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.wrap.mobile .layer-search__school .layer__contents .table--list td:last-child label:not(.input-radio),
.wrap.mobile .layer-setting__school .layer__contents .table--list td:last-child label:not(.input-radio) {
  padding-right: 0.8rem;
  margin-left: 0.8rem;
}
.wrap.mobile
  .layer-search__school
  .layer__contents
  .table--list
  tr:first-child
  td
  label:not(.input-radio):not(.box-bg__grayf4),
.wrap.mobile
  .layer-setting__school
  .layer__contents
  .table--list
  tr:first-child
  td
  label:not(.input-radio):not(.box-bg__grayf4) {
  padding-top: 1.4rem;
}
.wrap.mobile
  .layer-search__school
  .layer__contents
  .table--list
  tr:first-child
  td
  label:not(.input-radio).box-bg__grayf4,
.wrap.mobile
  .layer-setting__school
  .layer__contents
  .table--list
  tr:first-child
  td
  label:not(.input-radio).box-bg__grayf4 {
  margin-top: 1.4rem;
}
.wrap.mobile .layer-search__school .layer__contents .table--list tr:first-child td:first-child,
.wrap.mobile .layer-setting__school .layer__contents .table--list tr:first-child td:first-child {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.wrap.mobile
  .layer-search__school
  .layer__contents
  .table--list
  tr:last-child
  td
  label:not(.input-radio):not(.box-bg__grayf4),
.wrap.mobile
  .layer-setting__school
  .layer__contents
  .table--list
  tr:last-child
  td
  label:not(.input-radio):not(.box-bg__grayf4) {
  padding-bottom: 1.4rem;
}
.wrap.mobile
  .layer-search__school
  .layer__contents
  .table--list
  tr:last-child
  td
  label:not(.input-radio).box-bg__grayf4,
.wrap.mobile
  .layer-setting__school
  .layer__contents
  .table--list
  tr:last-child
  td
  label:not(.input-radio).box-bg__grayf4 {
  margin-bottom: 1.4rem;
}
.wrap.mobile .layer-search__school .layer__contents .table--list tbody,
.wrap.mobile .layer-setting__school .layer__contents .table--list tbody {
  border-top: 1px solid #ededed;
}
.wrap.mobile .layer-search__school .layer__contents .table--list tbody:last-child,
.wrap.mobile .layer-setting__school .layer__contents .table--list tbody:last-child {
  border-bottom: 1px solid #ededed;
}
.wrap.mobile .layer-search__school .layer__contents .table--list tbody.empty,
.wrap.mobile .layer-setting__school .layer__contents .table--list tbody.empty {
  border: none;
}
.wrap.mobile .layer-search__school .layer__contents .table--list tbody.empty td,
.wrap.mobile .layer-setting__school .layer__contents .table--list tbody.empty td {
  padding-top: 6rem;
  padding-bottom: 8.4rem;
}
.wrap.mobile .layer-search__school .layer__contents .pagenavi--box,
.wrap.mobile .layer-setting__school .layer__contents .pagenavi--box {
  margin-top: 3rem;
}
.wrap.mobile .layer-search__school .page__button,
.wrap.mobile .layer-setting__school .page__button {
  padding-bottom: 2rem;
}
.wrap.mobile .layer-check__information .layer__contents .information--inner {
  padding-right: 0;
  padding-left: 0;
}
.wrap.mobile .layer-check__information .layer__contents .information--inner .ico-noti-violet {
  margin-right: auto;
  margin-left: auto;
}
.wrap.mobile .layer-check__information .layer__contents .information--inner .table--edit table tbody tr th,
.wrap.mobile .layer-check__information .layer__contents .information--inner .table--edit table tbody tr td {
  height: 4.4rem;
  padding: 1.6rem;
}
.wrap.mobile .layer-check__information .layer__contents .information--inner .table--edit table tbody tr th,
.wrap.mobile
  .layer-check__information
  .layer__contents
  .information--inner
  .table--edit
  table
  tbody
  tr
  th
  .input-box--text,
.wrap.mobile .layer-check__information .layer__contents .information--inner .table--edit table tbody tr td,
.wrap.mobile
  .layer-check__information
  .layer__contents
  .information--inner
  .table--edit
  table
  tbody
  tr
  td
  .input-box--text {
  color: #000000;
  font-size: 1.2rem;
  font-weight: 400;
}
.wrap.mobile
  .layer-check__information
  .layer__contents
  .information--inner
  .table--edit
  table
  tbody
  tr
  th
  .input-box--text,
.wrap.mobile
  .layer-check__information
  .layer__contents
  .information--inner
  .table--edit
  table
  tbody
  tr
  td
  .input-box--text {
  min-height: 0;
  padding: 0;
}
.wrap.mobile .layer-check__information .layer__contents .information--inner .table--edit table tbody tr th {
  padding-right: 0;
  background-color: #f8f8f8;
}
.wrap.mobile .layer-check__information .layer__contents .information--inner .table--edit + .f-center {
  line-height: 1.8rem;
  text-align: center;
}
.wrap.mobile .layer-check__information .page__button {
  padding-top: 0.8rem;
  padding-bottom: 2rem;
}
.wrap.mobile .layer-find_myid .layer__container .layer__contents .tab-box {
  padding-top: 0;
}
.wrap.mobile .layer-find_myid .layer__container .layer__contents .tab--contents {
  padding: 3rem 2rem;
}
.wrap.mobile .layer-find_myid .layer__container .layer__contents .tab--button {
  height: 4.8rem;
  padding: 0.4rem 2rem 0;
  font-size: 1.4rem;
}
.wrap.mobile .layer-find_myid .layer__container .layer__contents .tab--button:not(.active) {
  font-weight: 400;
}
.wrap.mobile .layer-find_myid .layer__container .layer__contents .items__inputbox .button-main {
  border-radius: 0.6rem;
}
.wrap.mobile .layer-find_myid .layer__container .layer__contents .button {
  margin-top: 3rem;
}
.wrap.mobile .layer-find_myid .layer__container .layer__contents .button .button-main {
  width: 100%;
  border-radius: 0.6rem;
  font-size: 1.4rem;
}
.wrap.mobile .layer-find_myid .find-myid--title {
  color: #000000;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2.2rem;
}
.wrap.mobile .layer-find_myid .find-myid--title strong {
  color: #7e44fb;
  font-weight: 800;
}
.wrap.mobile .layer-find_myid .find-id__after .find-myid--title {
  margin-top: 1rem;
  margin-bottom: 4rem;
}
.wrap.mobile .layer-find_myid .find-id__after .find-id__after--list {
  margin-top: 1rem;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
  border-radius: 0.6rem;
}
.wrap.mobile .layer-find_myid .find-id__after .find-id__after--list .find-id__after--row {
  justify-content: start;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
.wrap.mobile .layer-find_myid .find-id__after .find-id__after--list .find-id__after--row .date {
  margin-left: 1rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .layer-find_myid .find-pw__after .find-myid--title {
  margin-bottom: 3rem;
}
.wrap.mobile .layer-lesson__data .tab--button {
  font-size: 1.4rem;
}
.wrap.mobile .layer-lesson__data .tab--button:not(.active) {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
}
.wrap.mobile .layer-lesson__data .today-lesson {
  height: auto;
}
.wrap.mobile .layer-lesson__data .today-lesson--info {
  padding: 2.4rem 2rem;
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .layer-lesson__data .today-lesson--info__tag {
  margin: 0;
}
.wrap.mobile .layer-lesson__data .today-lesson--info__tag .info-tag__box p:not(.tag-text):not(.info-tag__repeat) {
  background-color: rgba(126, 68, 251, 0.1);
}
.wrap.mobile .layer-lesson__data .today-lesson--info__tag .info-tag__box p.tag-text {
  color: #7e44fb;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.wrap.mobile .layer-lesson__data .today-lesson--info__tag .info-tag__box .text {
  color: #000000;
}
.wrap.mobile .layer-lesson__data .today-lesson--info__tag .info-tag__box .tag {
  color: rgba(0, 0, 0, 0.6);
}
.wrap.mobile .layer-lesson__data .today-lesson--info__title {
  margin-top: 1.6rem;
}
.wrap.mobile .layer-lesson__data .today-lesson--info__title .title {
  color: #000000;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2rem;
}
.wrap.mobile .layer-lesson__data .tab--contents {
  padding: 2.4rem 2rem;
}
.wrap.mobile .layer-lesson__data .tab--button {
  white-space: nowrap;
}
.wrap.mobile .layer-lesson__data .today-lesson {
  display: block;
  height: auto;
}
.wrap.mobile .layer-lesson__data .today-lesson > div {
  border-radius: 0;
}
.wrap.mobile .layer-lesson__data .today-lesson--info {
  padding: 2.4rem 2rem;
  background-color: transparent;
}
.wrap.mobile .layer-lesson__data .today-lesson--data {
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
}
.wrap.mobile .layer-lesson__data .today-lesson--data__list {
  overflow: initial;
  height: auto;
  padding: 0;
  margin-top: -1.6rem;
}
.wrap.mobile .layer-lesson__data .today-lesson--data__list .data-list__box {
  height: auto;
  padding: 0;
}
.wrap.mobile .layer-lesson__data .today-lesson--data__list .data-list__box li {
  height: 6rem;
  padding: 0 0.8rem;
  border-top: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .layer-lesson__data .today-lesson--data__list .data-list__box li .state-box {
  width: auto;
  height: 2.4rem;
  padding-right: 1.2rem; /* 250324 수정 */
  padding-left: 1.2rem; /* 250324 수정 */
  font-size: 1.2rem;
  line-height: 2.4rem;
}
.wrap.mobile .layer-lesson__data .today-lesson--data__list .data-list__title {
  height: auto;
}
.wrap.mobile .layer-lesson__data .today-lesson--data__list .data-list__title,
.wrap.mobile .layer-lesson__data .today-lesson--data__list .data-list__title span {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.wrap.mobile .layer-lesson__data .today-lesson--data__list .data-list__dday {
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.6rem;
}
.wrap.mobile .layer-lesson__data .today-lesson--data__list .data-list__dday.is--dday {
  color: #7e44fb;
}
.wrap.mobile .layer-lesson__data .today-lesson--data__list .data-list__dday.is--day {
  color: #00ba13;
}
.wrap.mobile .layer-lesson__data .today-lesson--data__list .data-list__dday.is--end {
  color: #848484;
  white-space: nowrap;
}
.wrap.mobile .layer-lesson__data .today-lesson--data__list.is--quiz .data-list__box li .state-box {
  width: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
.wrap.mobile .layer-lesson__data .lesson__data--notice .f-14 {
  line-height: 2.4rem;
}
.wrap.mobile .layer-video .video-viewbox {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  overflow: hidden;
  min-width: 0;
}
.wrap.mobile .layer-video .video-viewbox--box {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .layer-video .video-viewbox--box .video-box {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.wrap.mobile .layer-video .video-viewbox--box .video-box iframe,
.wrap.mobile .layer-video .video-viewbox--box .video-box object,
.wrap.mobile .layer-video .video-viewbox--box .video-box embed {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.wrap.mobile .layer-video .video-viewbox--box .video-title {
  margin-top: 1.6rem;
  padding: 0 2rem;
  color: #000000;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 2.2rem;
  /* 241126 추가 */
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wrap.mobile .layer-video .video-viewbox--box .video-desc {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.6rem;
  margin: 1.2rem 2rem 2.8rem;
}
.wrap.mobile .layer-video .video-viewbox--box .video-desc span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.6rem;
  color: rgba(0, 0, 0, 0.4);
  font-size: 1.2rem;
}
.wrap.mobile .layer-video .video-viewbox--box .video-desc span:not(:first-child)::before {
  display: block;
  width: 1px;
  height: 1rem;
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
}
.wrap.mobile .layer-video .video-viewbox--list {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  overflow-y: auto;
  min-width: 0;
  padding: 2.4rem 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .layer-video .video-viewbox--list .viewbox-list__info .titlebox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.wrap.mobile .layer-video .video-viewbox--list .viewbox-list__info .titlebox .title {
  color: #000000;
  font-size: 16px;
  font-weight: 700;
}
.wrap.mobile .layer-video .video-viewbox--list .viewbox-list__info .titlebox .repeat {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 7.6rem;
  height: 2.2rem;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0.4rem;
  color: #000000;
  font-size: 12px;
  text-align: center;
}
.wrap.mobile .layer-video .video-viewbox--list .viewbox-list__info .titlebox .repeat [class^="ico-"] {
  margin-right: 0.4rem;
}
.wrap.mobile .layer-video .video-viewbox--list .viewbox-list__info .titlebox .total-number {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.4rem 1rem;
  background: rgba(230, 230, 230, 0.4);
  border-radius: 0.2rem;
  color: #000000;
  font-size: 1.2rem;
}
.wrap.mobile .layer-video .video-viewbox--list .viewbox-list__info .name {
  margin-top: 0.8rem;
  color: #000000;
  font-size: 1.2rem;
}
.wrap.mobile .layer-video .video-viewbox--list .viewbox-list__list {
  margin-top: 1.6rem;
}
.wrap.mobile .layer-video .video-viewbox--list .viewbox-list__list .recommend--item:not(:first-child) {
  margin-top: 1rem;
}
.wrap.mobile
  .layer-video
  .video-viewbox--list
  .viewbox-list__list
  .recommend--item:not(.is--video)
  .recommend--thum
  .image {
  background-image: none;
}
.wrap.mobile
  .layer-video
  .video-viewbox--list
  .viewbox-list__list
  .recommend--item:not(.is--video)
  .recommend--thum
  .image
  > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
}
.wrap.mobile .layer-video .video-viewbox--list .viewbox-list__list .recommend--item.is--focus .recommend--thum::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url("../images/mobile/ico/live-white.svg");
  background-repeat: no-repeat;
  background-color: rgba(126, 68, 251, 0.5);
  background-position: center;
  background-size: 3.4rem 1.8rem;
  backdrop-filter: blur(1rem);
  border: 0.2rem solid #7e44fb;
  border-radius: 1rem;
  z-index: 15;
  content: "";
}
.wrap.mobile .layer-search__participant .layer__contents {
  padding-top: 0.4rem;
  padding-bottom: 0rem;
}
.wrap.mobile .layer-search__participant .layer__contents .survey-join--title {
  margin-top: 1.6rem;
  margin-bottom: 1rem;
  color: #000000;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6rem;
}
.wrap.mobile .layer-search__participant .layer__contents .survey-join--title + .table--list {
  padding-top: 0;
}
.wrap.mobile .layer-search__participant .layer__contents.is--class {
  max-height: 55.6rem;
}
.wrap.mobile .layer-search__participant .layer__contents.is--class .people-name {
  justify-content: flex-start;
}
.wrap.mobile .layer-search__participant .layer__contents.is--class .people-desc {
  margin-top: 0.2rem;
}
.wrap.mobile .layer-search__participant .table--list ul {
  padding: 0;
}
.wrap.mobile .layer-search__participant .table--list li {
  padding: 1rem 0;
}
.wrap.mobile .layer-search__participant .table--list li:last-child {
  border-bottom-width: 0;
}
.wrap.mobile .layer-search__participant .people-image {
  width: 3.4rem;
  height: 3.4rem;
}
.wrap.mobile .layer-search__participant .people-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  gap: 0.6rem;
}
.wrap.mobile .layer-search__participant .people-name strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.4rem;
  line-height: 1.6rem;
  opacity: 0.8;
}
.wrap.mobile .layer-search__participant .people-desc {
  margin-top: 0.2rem;
}
.wrap.mobile .layer-search__participant.is--online .people-name {
  flex: 1;
  justify-content: space-between;
}
.wrap.mobile .layer-attendance__detail .table--title,
.wrap.mobile .layer-attendance__detail .table--item {
  margin-right: 2rem;
  margin-left: 2rem;
}
.wrap.mobile .layer-attendance__detail .table--title {
  margin-top: 2.4rem;
}
.wrap.mobile .layer-attendance__detail .table--item {
  margin-bottom: 2.4rem;
}
.wrap.mobile .layer-attendance__detail .table--item li {
  overflow: hidden;
  padding: 0;
}
.wrap.mobile .layer-attendance__detail .attendance--card__header {
  padding: 1.6rem 1.6rem 2.2rem 2.4rem;
}
.wrap.mobile .layer-attendance__detail .attendance--card__header .card-header--top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.wrap.mobile .layer-attendance__detail .attendance--card__header .card-header--top .card--left {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 7.6rem;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.8rem;
}
.wrap.mobile .layer-attendance__detail .attendance--card__header .card-header--bottom {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 2rem;
  margin-top: 0.9rem;
}
.wrap.mobile .layer-attendance__detail .attendance--card__header .card-header--bottom .card--left {
  align-self: flex-start;
  overflow: hidden;
  width: 7rem;
  height: 7rem;
  border-radius: 7rem;
}
.wrap.mobile .layer-attendance__detail .attendance--card__header .card-header--bottom .card--right {
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
}
.wrap.mobile .layer-attendance__detail .attendance--card__header .card--left {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .layer-attendance__detail .attendance--card__header.has--bg {
  background-color: #f8f9fd;
}
.wrap.mobile .layer-attendance__detail .attendance--card__body {
  padding: 1.4rem 1.6rem 2.2rem;
}
.wrap.mobile .layer-attendance__detail .attendance--card__body .title {
  margin-bottom: 1.4rem;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .layer-attendance__detail .attendance--card__body .text-bullet {
  flex-wrap: nowrap;
  padding-right: 1rem;
}
.wrap.mobile .layer-attendance__detail .attendance--card__body .text-bullet span {
  flex-shrink: 1;
  flex-grow: 1;
  word-break: break-all;
}
.wrap.mobile .layer-attendance__detail .attendance--card__body .text-bullet strong {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .layer-attendance__detail .text-bullet {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 0.3rem 1rem;
  padding-left: 1rem;
}
.wrap.mobile .layer-attendance__detail .text-bullet:not(:first-child) {
  margin-top: 1rem;
}
.wrap.mobile .layer-attendance__detail .text-bullet::before {
  width: 0.3rem;
  height: 0.3rem;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0;
}
.wrap.mobile .layer-attendance__detail .text-bullet span {
  flex-shrink: 0;
  flex-grow: 0;
  max-width: 75%;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.2rem;
  line-height: 1.4rem;
  word-break: keep-all;
}
.wrap.mobile .layer-attendance__detail .text-bullet strong {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.2rem;
  text-align: right;
  line-height: 1.4rem;
}
.wrap.mobile .layer-attendance__detail .layer__title-text {
  color: #000000;
}

.toast-default {
  max-width: calc(100% - 4rem);
  padding: 1.7rem 2rem;
  bottom: 6rem;
  box-shadow: 0rem 1.2rem 2rem rgba(0, 0, 0, 0.1);
}
.toast-default p {
  gap: 2rem;
  font-size: 2rem;
  line-height: 2.5rem;
}

.wrap.mobile .join-container {
  padding: 0 2rem 5rem;
}
.container.join .contents-area .join-container {
  padding: 0;
}
.container.join .contents-area.bg--white .join-container {
  padding: 2.4rem 2rem 5rem;
}

.wrap.mobile .join-agree__title {
  margin-top: 1.8rem;
  margin-bottom: 5rem;
}
.wrap.mobile .join-agree__title .desc {
  color: #7e44fb;
  font-size: 1.4rem;
  font-weight: 800;
}
.wrap.mobile .join-agree__title .title {
  margin-top: 1rem;
  color: #000000;
  font-size: 2.2rem;
  font-weight: 700;
}
.wrap.mobile .join-agree__title .title span {
  position: relative;
  display: inline-block;
}
.wrap.mobile .join-agree__title .title span::before {
  position: absolute;
  width: 3.1rem;
  height: 4.2rem;
  bottom: 0;
  right: -2.8rem;
  background-image: url("../images/mobile/img/join-title.svg");
  background-position: 0 0;
  background-size: contain;
  content: "";
  z-index: 5;
}
.wrap.mobile .join-agree__title .title span::after {
  display: block;
  position: absolute;
  height: 1.2rem;
  right: -0.4rem;
  bottom: -0.2rem;
  left: -0.4rem;
  background-color: rgba(126, 68, 251, 0.14);
  border-radius: 1.2rem;
  content: "";
  z-index: 5;
}
.wrap.mobile .join-agree__title .title span strong {
  position: relative;
  z-index: 10;
}
.wrap.mobile .join-agree__title .text {
  margin-top: 1.6rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.wrap.mobile .join-agree__box {
  max-width: initial;
  padding: 1.6rem 1.6rem 2.4rem;
}
.wrap.mobile .join-agree__check {
  margin-top: 2.6rem;
}
.wrap.mobile .join-agree__check:last-child {
  margin-top: 2.4rem;
}
.wrap.mobile .join-agree__check.join-agree__all {
  padding-bottom: 1.6rem;
  margin-top: 0;
  margin-bottom: 1.6rem;
}
.wrap.mobile .join-agree__check.join-agree__all .input--box .input--text {
  font-size: 1.4rem !important;
}
.wrap.mobile .join-agree__check-show {
  width: 2.3rem;
  height: 2.3rem;
  margin-right: 0.2rem;
  background-image: url("../images/ico/next-black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.3rem;
  border: none;
  border-radius: 2.3rem;
}
.wrap.mobile .join-formbox {
  margin: 0;
  padding: 0;
}
.wrap.mobile .join-formbox .box--edit-items .items__inputbox .button-main.is--full {
  width: 100%;
}
.wrap.mobile .join-info__box {
  padding: 0;
}
.wrap.mobile .join-info__form + .join-info__form {
  margin-top: 3rem;
  padding-top: 3.1rem;
  border-top: 1px solid #d9d9d9;
}
.wrap.mobile .join-info__form .text-title {
  margin-bottom: 2.4rem;
}
.wrap.mobile .join-info__row .dropdown--select {
  min-height: 4.2rem;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 1.2rem;
  font-size: 1.4rem;
}
.wrap.mobile .join-comp {
  padding-top: 15.8rem;
  margin-top: 9.8rem;
  margin-bottom: 4.8rem;
  background-size: auto 11.8rem;
}
.wrap.mobile .password-change {
  width: auto;
  padding: 2.4rem 2rem;
  margin: 0;
}
.wrap.mobile .password-change--title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
}
.wrap.mobile .password-change--guide {
  margin-top: 2.4rem;
}
.wrap.mobile .password-change--guide .text-bullet {
  margin-top: 0.6rem;
  line-height: 2rem;
}
.wrap.mobile .password-change--guide .text-bullet:first-child {
  margin-top: 0;
}
.wrap.mobile .password-change--form {
  margin-top: 3rem;
}
.wrap.mobile .password-change--rule {
  margin: 2rem 0 0;
}
.wrap.mobile .password-change--rule .text-bullet:first-child {
  margin-top: 0;
}
.wrap.mobile .agree-box {
  padding: 3rem 2rem 3rem;
}
.wrap.mobile .agree-box__row {
  margin-top: 2.4rem;
}
.wrap.mobile .agree-box__row:first-child {
  margin-top: 0;
}
.contents-area > .agree-box {
  padding-top: 3rem;
}

.wrap.mobile .digital-pledge--area {
  margin-left: 0rem;
  margin-right: 0rem;
}
.wrap.mobile .digital-pledge--step {
  height: 1.4rem;
  padding: 0.4rem;
  margin-top: 1.2rem;
  border-radius: 1.4rem;
}
.wrap.mobile .digital-pledge--step .pledge--steps {
  height: 0.6rem;
}
.wrap.mobile .digital-pledge--step .pledge--steps .tooltip--box-wrap {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0;
}
.wrap.mobile .digital-pledge--step .pledge--steps .tooltip--box-wrap .tooltip--button {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.6rem;
  font-size: 0;
}
.wrap.mobile .digital-pledge--step .pledge--steps .pledge--step .tooltip--button {
  overflow: visible;
}
.wrap.mobile .digital-pledge--step .pledge--bar {
  padding: 0.4rem;
  border-radius: 1.4rem;
}
.wrap.mobile .digital-pledge--step .pledge--bar::after {
  height: 1.4rem;
  margin-top: -0.4rem;
  margin-left: -0.4rem;
  border-radius: 1.4rem;
}
.wrap.mobile .digital-pledge--step.active01 .pledge--steps .pledge--step.step01 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active01 .pledge--steps .pledge--step.step01 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active01 .pledge--bar::after {
  width: calc((100% - 4.8rem) / 7 * 0 + 0.6rem + 0.8rem);
}
.wrap.mobile .digital-pledge--step.active02 .pledge--steps .pledge--step.step01 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active02 .pledge--steps .pledge--step.step01 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active02 .pledge--steps .pledge--step.step02 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active02 .pledge--steps .pledge--step.step02 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active02 .pledge--bar::after {
  width: calc((100% - 4.8rem) / 7 * 1 + 1.2rem + 0.8rem);
}
.wrap.mobile .digital-pledge--step.active03 .pledge--steps .pledge--step.step01 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active03 .pledge--steps .pledge--step.step01 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active03 .pledge--steps .pledge--step.step02 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active03 .pledge--steps .pledge--step.step02 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active03 .pledge--steps .pledge--step.step03 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active03 .pledge--steps .pledge--step.step03 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active03 .pledge--bar::after {
  width: calc((100% - 4.8rem) / 7 * 2 + 1.8rem + 0.8rem);
}
.wrap.mobile .digital-pledge--step.active04 .pledge--steps .pledge--step.step01 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active04 .pledge--steps .pledge--step.step01 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active04 .pledge--steps .pledge--step.step02 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active04 .pledge--steps .pledge--step.step02 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active04 .pledge--steps .pledge--step.step03 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active04 .pledge--steps .pledge--step.step03 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active04 .pledge--steps .pledge--step.step04 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active04 .pledge--steps .pledge--step.step04 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active04 .pledge--bar::after {
  width: calc((100% - 4.8rem) / 7 * 3 + 2.4rem + 0.8rem);
}
.wrap.mobile .digital-pledge--step.active05 .pledge--steps .pledge--step.step01 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active05 .pledge--steps .pledge--step.step01 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active05 .pledge--steps .pledge--step.step02 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active05 .pledge--steps .pledge--step.step02 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active05 .pledge--steps .pledge--step.step03 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active05 .pledge--steps .pledge--step.step03 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active05 .pledge--steps .pledge--step.step04 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active05 .pledge--steps .pledge--step.step04 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active05 .pledge--steps .pledge--step.step05 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active05 .pledge--steps .pledge--step.step05 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active05 .pledge--bar::after {
  width: calc((100% - 4.8rem) / 7 * 4 + 3rem + 0.8rem);
}
.wrap.mobile .digital-pledge--step.active06 .pledge--steps .pledge--step.step01 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active06 .pledge--steps .pledge--step.step01 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active06 .pledge--steps .pledge--step.step02 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active06 .pledge--steps .pledge--step.step02 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active06 .pledge--steps .pledge--step.step03 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active06 .pledge--steps .pledge--step.step03 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active06 .pledge--steps .pledge--step.step04 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active06 .pledge--steps .pledge--step.step04 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active06 .pledge--steps .pledge--step.step05 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active06 .pledge--steps .pledge--step.step05 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active06 .pledge--steps .pledge--step.step06 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active06 .pledge--steps .pledge--step.step06 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active06 .pledge--bar::after {
  width: calc((100% - 4.8rem) / 7 * 5 + 3.6rem + 0.8rem);
}
.wrap.mobile .digital-pledge--step.active07 .pledge--steps .pledge--step.step01 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active07 .pledge--steps .pledge--step.step01 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active07 .pledge--steps .pledge--step.step02 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active07 .pledge--steps .pledge--step.step02 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active07 .pledge--steps .pledge--step.step03 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active07 .pledge--steps .pledge--step.step03 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active07 .pledge--steps .pledge--step.step04 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active07 .pledge--steps .pledge--step.step04 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active07 .pledge--steps .pledge--step.step05 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active07 .pledge--steps .pledge--step.step05 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active07 .pledge--steps .pledge--step.step06 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active07 .pledge--steps .pledge--step.step06 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active07 .pledge--steps .pledge--step.step07 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active07 .pledge--steps .pledge--step.step07 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active07 .pledge--bar::after {
  width: calc((100% - 4.8rem) / 7 * 6 + 4.2rem + 0.8rem);
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step01 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step01 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step02 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step02 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step03 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step03 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step04 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step04 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step05 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step05 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step06 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step06 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step07 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step07 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step08 .tooltip--button.on {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: -1.1rem;
  margin-left: -1.1rem;
  box-shadow: 0.3rem 0.2rem 0.4rem 0 rgba(118, 84, 165, 0.44);
  border-radius: 2.8rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--steps .pledge--step.step08 .tooltip--button.on p {
  width: 2.8rem;
  height: 2.8rem;
  margin-top: 0;
  margin-left: 0;
  border-radius: 2.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .digital-pledge--step.active08 .pledge--bar::after {
  width: calc((100% - 4.8rem) / 7 * 7 + 4.8rem + 0.8rem);
}
.wrap.mobile .digital-pledge--box {
  margin-top: 2.7rem;
}
.wrap.mobile .digital-pledge--box .pledge__pagenation {
  width: 3.4rem;
  height: 3.4rem;
  border: 0;
  box-shadow: 0.4rem 0.2rem 1rem rgba(0, 0, 0, 0.1);
}
.wrap.mobile .digital-pledge--box .pledge__pagenation.next {
  right: -1.4rem;
}
.wrap.mobile .digital-pledge--box .pledge__pagenation.prev {
  left: -1.4rem;
}
.wrap.mobile .digital-pledge--box .box-bg__white {
  padding: 0;
}
.wrap.mobile .digital-pledge--box .pledge__contents {
  padding: 2rem;
}
.wrap.mobile .digital-pledge--box .pledge-content {
  padding: 0rem;
}
.wrap.mobile .digital-pledge--box .pledge-content .image {
  overflow: hidden;
  display: block;
  border-radius: 1rem;
  background-color: inherit;
}
.wrap.mobile .digital-pledge--box .pledge-content .image img {
  width: 100%;
}
.wrap.mobile .digital-pledge--box .pledge-content .text {
  height: 4.4rem;
  margin-top: 2.6rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  word-break: keep-all;
}
.wrap.mobile .digital-pledge--box .pledge-content .button-main {
  min-width: 0;
  width: 15.7rem;
  padding: 0;
  margin-top: 3rem;
  border-radius: 0.8rem;
  font-size: 1.4rem;
}
.wrap.mobile .digital-pledge--box .pledge-content .button-main.is--large {
  height: 4.4rem;
}
.wrap.mobile .digital-pledge--buttons {
  gap: 4rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.wrap.mobile .digital-pledge--buttons .button {
  font-size: 2rem;
  line-height: 2.3rem;
}

.wrap.mobile .intro-notice--title,
.wrap.mobile .intro-recommend--title,
.wrap.mobile .intro-mystat--title,
.wrap.mobile .intro-lesson--title {
  gap: 0.8rem;
  margin-top: 6rem;
  margin-bottom: 1.4rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.wrap.mobile .intro-notice--title::before,
.wrap.mobile .intro-recommend--title::before,
.wrap.mobile .intro-mystat--title::before,
.wrap.mobile .intro-lesson--title::before {
  width: 2.2rem;
  height: 2.2rem;
}

.wrap.mobile .intro-recommend > .box-grid,
.wrap.mobile .intro-mystat > .box-grid,
.wrap.mobile .intro-today > .box-grid {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 2rem;
}
.wrap.mobile .intro-recommend > .box-grid::after,
.wrap.mobile .intro-mystat > .box-grid::after,
.wrap.mobile .intro-today > .box-grid::after {
  display: none;
}
.wrap.mobile .intro-recommend > .box-grid > div,
.wrap.mobile .intro-mystat > .box-grid > div,
.wrap.mobile .intro-today > .box-grid > div {
  width: auto;
  height: 100%;
}

.wrap.mobile .intro-mystat.complete-graphs--stack.is--empty .month__status .status--number,
.wrap.mobile .intro-mystat.complete-graphs--stack.is--empty .month__status .status--title {
  position: relative;
  overflow: hidden;
}
.wrap.mobile .intro-mystat.complete-graphs--stack.is--empty .month__status .status--number,
.wrap.mobile .intro-mystat.complete-graphs--stack.is--empty .month__status .status--title,
.wrap.mobile .intro-mystat.complete-graphs--stack.is--empty .month__status .status--number::after,
.wrap.mobile .intro-mystat.complete-graphs--stack.is--empty .month__status .status--title::after {
  border-radius: 0.4rem;
}
.wrap.mobile .intro-mystat.complete-graphs--stack.is--empty .month__status .status--number::after,
.wrap.mobile .intro-mystat.complete-graphs--stack.is--empty .month__status .status--title::after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #f4f4f4;
  content: "";
}

.wrap.mobile .main-banner--inner {
  height: auto;
  padding: 0;
}
.wrap.mobile .main-banner--box .swiper-container {
  z-index: 5;
}
.wrap.mobile .main-banner--box .swiper-slide {
  height: 4.8rem;
}
.wrap.mobile .main-banner--box .swiper-slide img {
  display: block;
  height: 100%;
  max-height: none;
}
.wrap.mobile .main-banner--close {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  top: 50%;
  right: 1rem;
  z-index: 10;
  transform: translateY(-50%);
}
.wrap.mobile .main-banner--indicator {
  position: absolute;
  width: auto;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.wrap.mobile .main-banner--indicator,
.wrap.mobile .main-banner--indicator .swiper-pagination {
  gap: 0.4rem;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 1;
}
.wrap.mobile .main-banner--indicator-bullet,
.wrap.mobile .main-banner--indicator .swiper-pagination-bullet {
  width: 0.4rem;
  height: 0.4rem;
}
.wrap.mobile .main-banner--indicator-bullet-active,
.wrap.mobile .main-banner--indicator .swiper-pagination-bullet-active {
  width: 0.4rem;
  height: 0.4rem;
}
.wrap.mobile .main-banner ~ .contents-area {
  padding-top: 0;
}
.wrap.mobile .main-login {
  height: auto;
  margin: -1.2rem -2rem 0;
}
.wrap.mobile .main-login--visual {
  position: relative;
  width: auto;
  height: auto;
  padding: 4.3rem 2rem 5.8rem;
  margin: 0;
  background-image: url("../images/mobile/main/visual.svg");
  background-size: cover;
  z-index: 10;
}
.wrap.mobile .main-login--visual p {
  color: #ffffff;
}
.wrap.mobile .main-login--visual .login--visual-title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2rem;
}
.wrap.mobile .main-login--visual .login--visual-text {
  padding: 0;
  margin-top: 1rem;
  background: none;
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 2rem;
}
.wrap.mobile .main-login--visual .login--visual-text strong {
  color: #3dffdc;
}
.wrap.mobile .main-login--visual .login--visual-desc {
  padding: 0;
  padding-right: 4.9rem;
  margin-top: 3rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.wrap.mobile .main-login--button {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  position: relative;
  gap: 1rem;
  padding: 0 2rem;
  margin-top: -2.8rem;
  z-index: 15;
}
.wrap.mobile .main-login--button .login--item {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
  padding: 1.5rem 0;
  margin: 0;
  border: none;
  border-radius: 10px;
  box-shadow: 1px 1px 1rem rgba(15, 6, 46, 0.2);
}
.wrap.mobile .main-login--button .login--item .main-login--icon {
  width: 2.4rem;
  height: 2.4rem;
}
.wrap.mobile .main-login--button .login--item .main-login--icon.is--student {
  background-image: url("../images/mobile/main/student.png");
}
.wrap.mobile .main-login--button .login--item .main-login--icon.is--parents {
  background-image: url("../images/mobile/main/parents.png");
}
.wrap.mobile .main-login--button .login--item .main-login--icon.is--teacher {
  background-image: url("../images/mobile/main/teacher.png");
}
.wrap.mobile .main-login--button .login--item .main-login--text {
  color: #000000;
  font-size: 1.4rem;
  line-height: 1.6rem;
  text-align: center;
}
.wrap.mobile .main-login--button .login--item:hover .main-login--text {
  color: #ffffff;
}
.wrap.mobile .main-login--form {
  position: relative;
  overflow: hidden;
  width: auto;
  padding: 0 4rem;
  margin: 0;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
}
.wrap.mobile .main-login--form .input-box,
.wrap.mobile .main-login--form .dropdown--select {
  height: 4.2rem;
}
.wrap.mobile .main-login--form > div {
  min-height: 0;
}
.wrap.mobile .main-login--form > div .security--wrap {
  margin-top: 1rem;
}
.wrap.mobile .main-login--form > div .security--box {
  margin-top: 0;
}
.wrap.mobile .main-login--form > div .security--box + .input-box--required {
  height: auto;
  margin-top: 1.2rem;
}
.wrap.mobile .main-login--form > div .security--img {
  width: 15.2rem;
}
.wrap.mobile .main-login--form > div .security--button {
  gap: 0.6rem;
  margin-left: 0.4rem;
  margin-right: 1.6rem;
}
.wrap.mobile .main-login--form > div .security--button .button-icon {
  width: 1.8rem;
  height: 1.8rem;
}
.wrap.mobile .main-login--form .login--form-title {
  position: relative;
  display: block;
  min-height: 0;
  padding: 0;
  margin: 0;
  margin-top: 6.6rem;
  font-size: 0;
  z-index: 10;
}
.wrap.mobile .main-login--form .login--form-title .desc {
  color: #202020;
  font-size: 14px;
  line-height: 16px;
}
.wrap.mobile .main-login--form .login--form-title .title {
  display: inline-block;
  margin-top: -0.7rem;
  padding-top: 1.3rem;
  padding-right: 1.9rem;
  background-image: url("../images/mobile/main/login-title.svg");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right top;
  color: #7e44fb;
  font-family: NanumSquareRound;
  font-size: 3.4rem;
  font-weight: 800;
  line-height: 3.9rem;
}
.wrap.mobile .main-login--form .login--form-title::after {
  position: absolute;
  width: 14.6rem;
  height: 13.3rem;
  top: -3.1rem;
  right: 0;
  background-size: 14.6rem auto;
  background-position: 0 0;
  content: "";
}
.wrap.mobile .main-login--form .login--form-title.is--student::after {
  background-image: url("../images/mobile/main/login-student.svg");
}
.wrap.mobile .main-login--form .login--form-title.is--teacher::after {
  background-image: url("../images/mobile/main/login-teacher.svg");
}
.wrap.mobile .main-login--form .login--form-title.is--parents::after {
  background-image: url("../images/mobile/main/login-parents.svg");
}
.wrap.mobile .main-login--form .login--form-box {
  position: relative;
  padding: 0;
  margin-top: 3rem;
  z-index: 5;
}
.wrap.mobile .main-login--form .login--form-box .input-box.is--search .ico-search-black {
  padding: 0.5rem;
  margin-right: 1.2rem;
  background-size: 1.8rem;
}
.wrap.mobile .main-login--form .login--form-box .input-box.password {
  width: 100%;
  margin-top: 1rem;
}
.wrap.mobile .main-login--form .login--form-box .login-form--select {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 1rem;
}
.wrap.mobile .main-login--form .login--form-box .login-form--otp {
  margin-top: 1rem;
}
.wrap.mobile .main-login--form .login--form-box .login-form--otp .login-otp {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  gap: 0.8rem;
}
.wrap.mobile .main-login--form .login--form-box .login-form--otp .login-otp--input {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  position: relative;
  min-width: 0;
  border-radius: 0.6rem;
}
.wrap.mobile .main-login--form .login--form-box .login-form--otp .login-otp--input .input-box {
  position: relative;
  width: 100%;
  padding-right: 7.5rem;
  z-index: 5;
}
.wrap.mobile .main-login--form .login--form-box .login-form--otp .login-otp--input .time {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  width: 6.3rem;
  top: 0.3rem;
  bottom: 0.3rem;
  right: 0.3rem;
  background-color: #f6f6f6;
  color: #fa4225;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6rem;
  text-align: right;
  z-index: 10;
}
.wrap.mobile .main-login--form .login--form-box .login-form--otp .login-otp .button-main {
  flex-shrink: 0;
  flex-grow: 0;
  width: 10.2rem;
  border-radius: 0.6rem;
  font-size: 1.4rem;
}
.wrap.mobile .main-login--form .login--form-box .login-form--saved {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 3.4rem;
}
.wrap.mobile .main-login--form .login--form-box .login-form--saved .login-saved--save {
  margin-bottom: 0;
}
.wrap.mobile .main-login--form .login--form-box .login-form--saved .login-saved--findbox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}
.wrap.mobile .main-login--form .login--form-box .login-form--saved .login-saved--findbox a {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .main-login--form .login--form-box .login-form--saved .login-saved--findbox .divider {
  width: 1px;
  height: 1rem;
  background-color: rgba(102, 102, 102, 0.3);
}
.wrap.mobile .main-login--form .login--form-box .contents--buttons.is--subpage {
  height: auto;
  padding: 0;
  margin-top: 1.2rem;
  background: none;
}
.wrap.mobile .main-login .login--join {
  margin-top: 3.1rem;
}
.wrap.mobile .main-login .login--join a {
  color: #000000;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .intro--wrapper .box--empty-text {
  gap: 0.4rem;
}
.wrap.mobile .intro--wrapper .box--empty-icon {
  width: 5rem;
  height: 5rem;
  margin-bottom: 0;
}
.wrap.mobile .intro--wrapper .intro-recommend--title .tooltip--box-wrap {
  width: 1.8rem;
  height: 1.8rem;
  margin-left: -0.6rem;
  margin-bottom: 0.1rem;
}
.wrap.mobile .intro--wrapper .intro-recommend--title .tooltip--box-wrap .tooltip--button {
  width: 1.8rem;
  height: 1.8rem;
}
.wrap.mobile .intro--wrapper .intro-recommend--title .tooltip--box-wrap .tooltip--button.ico-tooltip-black {
  opacity: 0.37;
}
.wrap.mobile .intro--wrapper .intro-recommend .recommend--item .recommend--thum .button-tag {
  top: 1.6rem;
  left: 1.6rem;
  height: 2.4rem;
  padding: 0.4rem 0.8rem;
  line-height: 2.4rem;
  font-size: 1.4rem;
}
.wrap.mobile .main-howto {
  margin-top: 3.4rem;
}
.wrap.mobile .main-howto--box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.4rem;
}
.wrap.mobile .main-howto--item {
  padding: 1.6rem;
  min-height: 0;
  border-radius: 1rem;
}
.wrap.mobile .main-howto--item-icon {
  width: 3rem;
  height: 3rem;
  margin-top: 0;
  background-size: contain;
}
.wrap.mobile .main-howto--item-title {
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.6rem;
}
.wrap.mobile .main-howto--item-text {
  max-width: 12.5rem;
  margin-top: 1.4rem;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.wrap.mobile .main-notice {
  min-height: 0;
  margin-top: 6rem;
  padding-bottom: 7.6rem;
}
.wrap.mobile .main-notice .main-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #000000;
}
.wrap.mobile .main-notice--box {
  margin-top: 1.4rem;
}
.wrap.mobile .main-notice--box::after {
  display: none;
}
.wrap.mobile .main-notice--box.box-bg__white {
  padding-top: 0;
  padding-bottom: 0;
}
.wrap.mobile .main-notice--inner {
  gap: 0;
  float: none;
  width: auto;
  margin: 0;
}
.wrap.mobile .main-notice--row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.wrap.mobile .main-notice--row::after {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
  content: "";
}
.wrap.mobile .main-notice--row:last-child::after {
  display: none;
}
.wrap.mobile .main-notice--row a {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.wrap.mobile .main-notice--row.is--important .main-notice--title {
  font-weight: 400;
}
.wrap.mobile .main-notice--titlebox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.wrap.mobile .main-notice--date {
  width: auto;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .main-notice--title {
  width: auto;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .main-notice--title .state-box {
  width: 4rem;
  height: 2rem;
  padding: 0;
  margin-right: 0.6rem;
  text-align: center;
  line-height: 2rem;
}
.wrap.mobile .main-notice + footer {
  padding: 2.6rem 2.4rem 3rem;
  margin: 0 -2rem -5rem;
  background-color: #ffffff;
}
.wrap.mobile .main-notice + footer .footer--wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.wrap.mobile .intro-select {
  overflow: hidden;
  padding: 0 0.4rem 5rem;
  margin-bottom: 0;
}
.wrap.mobile .intro-select--titlebox {
  margin-top: 5rem;
  text-align: center;
}
.wrap.mobile .intro-select--title {
  height: auto;
  padding-top: 1.4rem;
  padding-right: 2.5rem;
  padding-bottom: 0.6rem;
  margin-right: -2.5rem;
  font-size: 2.2rem;
  line-height: 2rem;
  background-size: auto 100%;
  background-position: right 0;
}
.wrap.mobile .intro-select--title strong::after {
  right: -0.5rem;
  bottom: -0.3rem;
  left: -0.5rem;
  height: 1.1rem;
  border-radius: 1.1rem;
}
.wrap.mobile .intro-select--desc {
  margin-top: 1.3rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.wrap.mobile .intro-select .box-grid {
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 5rem;
}
.wrap.mobile .intro-select .box-grid .cell-06 {
  align-items: flex-end;
  width: auto;
  height: auto;
  padding-top: 3.6rem;
  padding-right: 6.4rem;
  padding-bottom: 3.6rem;
  padding-left: 8.4rem;
  background-color: #ffffff;
  background-position: 2.2rem center;
}
.wrap.mobile .intro-select .box-grid .cell-06 .title {
  font-size: 2rem;
  line-height: 2.3rem;
  text-align: right;
}
.wrap.mobile .intro-select .box-grid .cell-06 .arrow {
  width: 2.8rem;
  height: 2.8rem;
  top: 50%;
  right: 2.4rem;
  border-radius: 2.8rem;
  transform: translateY(-50%);
}
.wrap.mobile .intro-select .box-grid .cell-06 .arrow::before {
  display: none;
}
.wrap.mobile .intro-select .box-grid .cell-06:hover,
.wrap.mobile .intro-select .box-grid .cell-06.active {
  background-color: #7e44fb;
  box-shadow: 1px 1px 1rem 0 rgba(15, 6, 46, 0.1);
}
.wrap.mobile .intro-select .box-grid .cell-06:hover .title,
.wrap.mobile .intro-select .box-grid .cell-06.active .title {
  color: #ffffff;
}
.wrap.mobile .intro-select .box-grid .cell-06:hover .arrow,
.wrap.mobile .intro-select .box-grid .cell-06.active .arrow {
  background-color: #7e44fb;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.wrap.mobile .intro-select .box-grid .cell-06:hover .arrow .ico-20,
.wrap.mobile .intro-select .box-grid .cell-06.active .arrow .ico-20 {
  background-image: url("../images/ico/next-white.svg");
  transform: rotate(180deg);
}
.wrap.mobile .intro-select .box-grid .cell-06:nth-child(2n-1),
.wrap.mobile .intro-select .box-grid .cell-06:nth-child(2n-1):hover {
  background-size: 6rem auto;
  background-image: url("../images/mobile/main/class01.svg");
}
.wrap.mobile .intro-select .box-grid .cell-06:nth-child(2n),
.wrap.mobile .intro-select .box-grid .cell-06:nth-child(2n):hover {
  background-size: 6.8rem auto;
  background-image: url("../images/mobile/main/class02.svg");
}
.wrap.mobile .intro--wrapper {
  min-height: calc(100% - 25.4rem);
  padding-bottom: 9rem;
}
.wrap.mobile .intro-teacher {
  margin-bottom: 2rem;
}
.wrap.mobile .intro-today__ai {
  height: auto;
  margin-top: 0;
}
.wrap.mobile .intro-today__ai.box-bg__white {
  padding: 1rem 1.6rem 2rem;
}
.wrap.mobile .intro-today__ai .today-ai--image {
  height: 10.8rem;
}
.wrap.mobile .intro-today__ai .today-ai--image__motion {
  width: auto;
  margin-top: -1.2rem;
  height: 13.2rem;
}
.wrap.mobile .intro-today__ai .today-ai--text {
  margin-top: 1.6rem;
  padding-right: 0;
  padding-left: 0;
}
.wrap.mobile .intro-today__ai .today-ai--text br {
  display: block;
}
.wrap.mobile .intro-today__ai .today-ai--text__title {
  font-size: 1.8rem;
  line-height: 2rem;
}
.wrap.mobile .intro-today__ai .today-ai--text__text {
  margin-top: 1.4rem;
  max-width: 28.8rem;
  margin-right: auto;
  margin-left: auto;
}
.wrap.mobile .intro-today__ai .today-ai--text__text,
.wrap.mobile .intro-today__ai .today-ai--text__text span {
  font-size: 1.4rem;
  line-height: 2.4rem;
}
.wrap.mobile .intro-today__ai .today-ai--text__text span::before {
  height: 1rem;
  right: -0.4rem;
  bottom: -0.3rem;
  left: -0.4rem;
}
.wrap.mobile .intro-today__info {
  margin-top: 0;
}
.wrap.mobile .intro-today__info .info-class__button .tab--button {
  font-size: 1.4rem;
}
.wrap.mobile .intro-today__info .info-class__button .tab--button.active {
  height: auto;
  color: #7e44fb;
}
.wrap.mobile .intro-today__info .info-class__button .tab--button:nth-child(3) {
  flex-shrink: 0;
  flex-grow: 0;
  width: 6rem;
  padding: 0;
}
.wrap.mobile .intro-today__info .info-class__button > .tab--button.active {
  color: #000000;
}
.wrap.mobile .intro-today__info .info-class__box .today-info__worklist .tab-box .tab--button.active {
  color: #7e44fb;
  border-bottom-width: 0.3rem;
}
.wrap.mobile .intro-today__info .today-info__profile {
  height: auto;
  padding: 2rem 2rem 6rem;
  border-radius: 1rem 1rem 0 0;
}
.wrap.mobile .intro-today__info .today-info__profile__box {
  gap: 1.4rem;
  margin-top: 0;
}
.wrap.mobile .intro-today__info .today-info__profile__box .profile-box__image {
  width: 6.2rem;
  height: 6.2rem;
}
.wrap.mobile .intro-today__info .today-info__profile__box .profile-box__text .name {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .intro-today__info .today-info__profile__box .profile-box__text .name strong {
  font-size: 1.8rem;
  line-height: 2rem;
}
.wrap.mobile .intro-today__info .today-info__profile__box .profile-box__text .school {
  margin-top: 0.4rem;
}
.wrap.mobile .intro-today__info .today-info__profile__box .profile-box__text .school span {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .intro-today__info .today-info__profile__box .profile-box__text .school span:not(:first-child) {
  padding-left: 0.7rem;
  margin-left: 0.6rem;
}
.wrap.mobile .intro-today__info .today-info__profile__box .profile-box__text .school span:not(:first-child)::before {
  height: 0.8rem;
  margin-top: -0.4rem;
}
.wrap.mobile .intro-today__info .today-info__profile__like .profile-like__icon {
  width: 4.2rem;
  height: 4.2rem;
}
.wrap.mobile .intro-today__info .today-info__profile__like .profile-like__number {
  width: 4.2rem;
  height: 1.6rem;
  padding: 0;
  margin-top: 0.7rem;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.8rem;
}
.wrap.mobile .intro-today__info .today-info__worklist {
  margin-top: -5.2rem;
}
.wrap.mobile .intro-today__info .today-info__worklist .tab-box {
  padding-top: 0;
}
.wrap.mobile .intro-today__info .today-info__worklist .tab-box .tab--button {
  font-size: 1.4rem;
}
.wrap.mobile .intro-today__info .today-info__worklist .tab-box .tab--button.active {
  color: #000000;
}
.wrap.mobile .intro-today__info .today-info__worklist .tab-box.tab-text {
  border-bottom: 1px solid #d9d9d9;
}
.wrap.mobile .intro-today__info .today-info__worklist .tab-box.tab-text.tab--button.active {
  color: #7e44fb;
}
.wrap.mobile .intro-today__info .today-info__worklist .tab-box.tab-double:not(.tab-text) {
  margin-top: 1.6rem;
}
.wrap.mobile .intro-today__info .today-info__worklist .tab--contents {
  padding: 2rem 2rem 7.4rem;
}
.wrap.mobile .intro-today__info .today-info__worklist .tab--contents .box--empty {
  min-height: 26.2rem;
  margin: -2rem 0 -7.4rem;
}
.wrap.mobile .intro-today__info .today-info__worklist .tab--contents .box--empty-icon {
  width: 5rem;
  height: 5rem;
}
.wrap.mobile .intro-today__info .info-worklist--scroll {
  padding: 0;
  margin: 0;
  height: 16.6rem;
}
.wrap.mobile .intro-today__info .info-worklist--row .row-text {
  flex-wrap: nowrap;
  gap: 0.8rem;
  min-width: 0;
  max-width: none;
}
.wrap.mobile .intro-today__info .info-worklist--row .row-text .state-box {
  /* 250822 수정 */
  width: auto;
  height: 2rem;
  font-size: 1.2rem;
  padding: 0.3rem 0.9rem;
}
.wrap.mobile .intro-today__info .info-worklist--row .row-text .title {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .intro-today__info .info-worklist--row .category {
  padding-right: 0;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .intro-today__info .info-worklist--row:not(:first-child) {
  margin-top: 1.6rem;
}
.wrap.mobile .intro-today__info .info-worklist--button {
  margin-top: 0;
  right: 2rem;
  left: 2rem;
  bottom: 2rem;
}
.wrap.mobile .intro-today__info .info-worklist--button a,
.wrap.mobile .intro-today__info .info-worklist--button button {
  height: 3.4rem;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  line-height: 3.2rem;
}
.wrap.mobile .intro-today__info.is--single .info-class__button {
  border-bottom: none;
}
.wrap.mobile .intro-today__info.is--single .info-class__box {
  border-radius: 0 1rem 1rem 1rem;
}
.wrap.mobile .intro-noti {
  height: auto;
  padding: 0.8rem 1.1rem;
}
.wrap.mobile .intro-noti__teacher {
  gap: 0.7rem;
  flex-direction: column;
  align-items: stretch;
}
.wrap.mobile .intro-noti__teacher:first-child {
  margin-top: 0 !important;
}
.wrap.mobile .intro-noti__teacher + .intro-noti__teacher {
  margin-top: 1.4rem;
}
.wrap.mobile .intro-noti__teacher .noti-text--icon + .noti-text--text {
  padding-left: 0.4rem;
}
.wrap.mobile .intro-noti__teacher .noti-text--number {
  width: auto;
}
.wrap.mobile .intro-noti__teacher .tooltip--box-wrap,
.wrap.mobile .intro-noti__teacher .tooltip--box-wrap .tooltip--button {
  width: auto;
  height: auto;
}
.wrap.mobile .intro-noti--text {
  font-weight: 700;
}
.wrap.mobile .intro-noti--text,
.wrap.mobile .intro-noti--text span,
.wrap.mobile .intro-noti--text strong {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.wrap.mobile .intro-noti--text strong {
  font-weight: 800;
}
.wrap.mobile .intro-noti--text strong:not(:first-child) {
  padding-left: 0.4rem;
}
.wrap.mobile .intro-noti--text .ico-18 {
  margin-right: 1rem;
}
.wrap.mobile .intro-noti--text .tooltip--box {
  left: -2rem;
}
.wrap.mobile .intro-noti--text .tooltip--box-inner::before,
.wrap.mobile .intro-noti--text .tooltip--box-inner::after {
  left: 4rem;
}
.wrap.mobile .intro-noti--text .text.animation-top {
  overflow: hidden;
  height: 1.8rem;
}
.wrap.mobile .intro-noti--text .text.animation-top .ani-inner {
  position: relative;
}
.wrap.mobile .intro-noti--text .text.animation-top.set-ani .ani-inner {
  -webkit-animation: animation-flow-top 3s linear infinite;
  -moz-animation: animation-flow-top 3s linear infinite;
  animation: animation-flow-top 3s linear infinite;
}
.wrap.mobile .intro-noti--link {
  padding-right: 4.4rem;
}
.wrap.mobile .intro-noti.teacher-online .tooltip--button {
  width: 100%;
}
.wrap.mobile .intro-lesson--box .swiper-button-prev,
.wrap.mobile .intro-lesson--box .swiper-button-next {
  width: 3.4rem;
  height: 3.4rem;
  margin-top: -1.7rem;
}
.wrap.mobile .intro-lesson--box .swiper-button-prev {
  left: -1.4rem;
}
.wrap.mobile .intro-lesson--box .swiper-button-next {
  right: -1.4rem;
}
.wrap.mobile .intro-lesson--box .box--empty {
  height: 21rem;
  min-height: 0;
}
.wrap.mobile .intro-lesson--box .box--empty-text {
  gap: 0.8rem;
  text-align: center;
}
.wrap.mobile .intro-lesson--box .box--empty button,
.wrap.mobile .intro-lesson--box .box--empty .button-main {
  margin-top: 0.8rem;
  height: 3.6rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .intro-mystat > .box-grid {
  gap: 1.2rem;
  background-color: transparent;
}
.wrap.mobile .intro-mystat > .box-grid .box--empty {
  min-height: 22.8rem;
}
.wrap.mobile .intro-mystat > .box-grid .box--empty-text {
  gap: 1.6rem;
  text-align: center;
  word-break: keep-all;
}
.wrap.mobile .intro-mystat .intro-mystat--analysis,
.wrap.mobile .intro-mystat .intro-mystat--monthly {
  height: auto;
}
.wrap.mobile .intro-mystat .intro-mystat--analysis.box-bg__white,
.wrap.mobile .intro-mystat .intro-mystat--monthly.box-bg__white {
  padding: 1.4rem 2rem 2rem;
}
.wrap.mobile .intro-mystat .intro-mystat--analysis.box-bg__white.swiper-slide,
.wrap.mobile .intro-mystat .intro-mystat--monthly.box-bg__white.swiper-slide {
  padding-bottom: 2.8rem;
}
.wrap.mobile .intro-mystat .analysis--title a {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #000000;
}
.wrap.mobile .intro-mystat .analysis--box {
  padding-top: 0.6rem;
  height: auto;
}
.wrap.mobile .intro-mystat .analysis--box .analysis--legend {
  margin-top: -0.7rem;
  font-size: 1rem;
  line-height: 1.2rem;
}
.wrap.mobile .intro-mystat .analysis--box .analysis--legend__wrap {
  gap: 1.4rem;
  margin-top: -1.6rem;
}
.wrap.mobile .intro-mystat .analysis--box .analysis--legend__wrap .analysis--legend span {
  margin-top: 0.3rem;
}
.wrap.mobile .intro-mystat .analysis--box .analysis--legend span {
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.25rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
}
.wrap.mobile .intro-mystat .analysis--box .analysis--graph {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 4rem 0 0;
}
.wrap.mobile .intro-mystat .analysis--box .analysis--graph .analysis--graph-column {
  flex-shrink: 1;
  flex-grow: 1;
  width: auto;
  min-width: 0;
  height: auto;
}
.wrap.mobile .intro-mystat .analysis--box .analysis--graph .analysis--graph-column .graph-label {
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .intro-mystat .analysis--box .analysis--graph .analysis--graph-column .graph-box {
  gap: 0.2rem;
  height: 10rem;
}
.wrap.mobile .intro-mystat .analysis--box .analysis--graph .analysis--graph-column .graph-box > div {
  width: 1.4rem;
  border-radius: 1.4rem 1.4rem 0 0;
}
.wrap.mobile .intro-mystat .analysis--box .analysis--graph .analysis--graph-column .graph-box .graph-tooltip {
  margin-top: -3.4rem;
}
.wrap.mobile
  .intro-mystat
  .analysis--box
  .analysis--graph
  .analysis--graph-column
  .graph-box
  .graph-tooltip--box::after,
.wrap.mobile
  .intro-mystat
  .analysis--box
  .analysis--graph
  .analysis--graph-column
  .graph-box
  .graph-tooltip--box::before {
  width: 0.7rem;
  height: 1.2rem;
  bottom: -1.2rem;
}
.wrap.mobile
  .intro-mystat
  .analysis--box
  .analysis--graph
  .analysis--graph-column
  .graph-box
  .graph-tooltip--box::after {
  border-top-width: 0.6rem;
  border-left-width: 0.35rem;
  border-right-width: 0.35rem;
}
.wrap.mobile .intro-mystat .analysis--box .analysis--graph .analysis--graph-column .graph-box .graph-tooltip--box span {
  min-width: 5rem;
  padding: 0 0.5rem;
  border-radius: 0.6rem;
  box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.1);
  font-size: 1.2rem;
  line-height: 2.2rem;
}
.wrap.mobile .intro-mystat .monthly--box {
  gap: 0.5rem;
  margin-top: 2.2rem;
}
.wrap.mobile .intro-mystat .monthly--box-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 1.6rem;
  height: auto;
  min-height: 14.2rem;
  padding: 1.2rem 0.5rem 1.4rem;
  border-radius: 1rem;
}
.wrap.mobile .intro-mystat .monthly--box-item .title {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.2rem;
}
.wrap.mobile .intro-mystat .monthly--box-item .icon {
  flex-shrink: 0;
  flex-grow: 0;
  width: 4.2rem;
  height: 4.2rem;
}
.wrap.mobile .intro-mystat .monthly--box-item .number {
  margin-top: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .intro-mystat .monthly--box-item .number strong {
  padding-right: 1px;
  font-size: 1.8rem;
}
.wrap.mobile .intro-mystat .monthly--box-item .tag {
  flex-shrink: 0;
  flex-grow: 0;
  margin: 0;
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.2rem;
}
.wrap.mobile .intro-mystat .monthly--box-item .tag:first-child {
  margin: 0;
}
.wrap.mobile .intro-mystat.complete-graphs--stack,
.wrap.mobile .intro-mystat.complete-graphs--stack.box-bg__white {
  padding: 1.6rem;
}
.wrap.mobile .intro-mystat.complete-graphs--stack.is--empty .myclass-index--title {
  opacity: 0.5;
}
.wrap.mobile .intro-mystat.complete-graphs--stack.is--empty .month__status .status--title::after {
  left: 1.5rem;
}
.wrap.mobile .intro-mystat .swiper-pagination {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  z-index: 15;
  transform: translateX(-50%);
}
.wrap.mobile .intro-recommend--title {
  display: inline-flex;
}
.wrap.mobile .intro-recommend--title .tooltip--box-wrap,
.wrap.mobile .intro-recommend--title .tooltip--box,
.wrap.mobile .intro-recommend--title .desc {
  margin: 0;
}
.wrap.mobile .intro-recommend--slide {
  position: relative;
}
.wrap.mobile .intro-recommend--slide .recommend--item {
  flex-direction: column;
}
.wrap.mobile .intro-recommend--slide .recommend--item .recommend--thum {
  padding-top: 53.75%;
}
.wrap.mobile .intro-recommend--slide .recommend--item .recommend--thum,
.wrap.mobile .intro-recommend--slide .recommend--item .recommend--thum .image {
  width: auto;
  height: auto;
}
.wrap.mobile .intro-recommend--slide .recommend--item .recommend--thum .image {
  position: absolute;
  width: 100%;
  padding-top: 53.75%;
}
.wrap.mobile .intro-recommend--slide .recommend--item .recommend--title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: auto;
  max-height: 3.2rem;
  margin-top: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .intro-recommend .swiper-container {
  z-index: 10;
}
.wrap.mobile .intro-recommend .swiper-button-prev,
.wrap.mobile .intro-recommend .swiper-button-next {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 3.4rem;
  height: 3.4rem;
  top: 50%;
  margin-top: -3.4rem;
  background-color: #ffffff;
  border-radius: 3.4rem;
  transform: translateY(-50%);
  z-index: 15;
}
.wrap.mobile .intro-recommend .swiper-button-disabled {
  display: none;
}
.wrap.mobile .intro-recommend .swiper-button-prev {
  left: -1.4rem;
  transform: translateY(-50%) rotate(180deg);
}
.wrap.mobile .intro-recommend .swiper-button-next {
  right: -1.4rem;
}
.wrap.mobile .intro-recommend .box--empty {
  min-height: 0;
  height: 22.8rem;
}
.wrap.mobile .intro-recommend .box--empty .box--empty-text {
  margin-top: 0;
}
.wrap.mobile .intro-recommend .box--empty button {
  padding-right: 1rem;
  padding-left: 1rem;
  margin-top: 0;
}
.wrap.mobile .intro-notice--title {
  display: inline-flex;
}
.wrap.mobile .intro-notice--title .tooltip--box-wrap,
.wrap.mobile .intro-notice--title .tooltip--box,
.wrap.mobile .intro-notice--title .desc {
  margin: 0;
}
.wrap.mobile .intro-notice .tab--button {
  font-size: 1.4rem;
}
.wrap.mobile .intro-notice .main-notice {
  overflow: hidden;
  margin-top: 0;
  padding: 0;
  border-radius: 0 0 1rem 1rem;
}
.wrap.mobile .intro-notice .main-notice--box {
  margin: 0;
  padding: 0.7rem 1.6rem;
}
.wrap.mobile .intro-notice .main-notice--inner {
  margin: 0;
}
.wrap.mobile .intro-notice .main-notice--inner:first-child .main-notice--row:first-child {
  border-top: none;
}
.wrap.mobile .intro-notice .main-notice--row {
  gap: 0.8rem;
  padding: 1.3rem 0.8rem;
  border-top: 1px solid #ebebeb;
}
.wrap.mobile .intro-notice .main-notice--row::after {
  display: none;
}
.wrap.mobile .intro-notice .main-notice--row a {
  padding: 0;
}
.wrap.mobile .intro-notice .main-notice--title {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 2rem;
}
.wrap.mobile .intro-notice .main-notice--title .state-box {
  vertical-align: top;
}
.wrap.mobile .intro-notice .main-notice--info {
  gap: 0;
  justify-content: flex-start;
}
.wrap.mobile .intro-notice .main-notice--info span {
  gap: 0;
  color: rgba(0, 0, 0, 0.4);
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .intro-notice .main-notice--info span:not(:first-child)::before {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  height: 1.2rem;
  top: auto;
  margin-top: 0;
  margin-left: 0.6rem;
  margin-right: 0.6rem;
}
.wrap.mobile .intro-notice .main-notice .box--empty {
  min-height: 22.8rem;
  margin: 0;
  padding: 0 2rem;
}
.wrap.mobile .intro-notice .main-notice .box--empty-text {
  gap: 0.4rem;
  word-break: keep-all;
}
.wrap.mobile .intro-notice .main-notice .box--empty .button-main {
  margin-top: 1.2rem;
}
.wrap.mobile .intro-notice .main-notice:first-child {
  border-radius: 1rem;
}
.wrap.mobile .intro-notice .main-notice:nth-child(2):last-child {
  border-radius: 0 1rem 1rem 1rem;
}
.wrap.mobile .today-lesson {
  height: 21rem;
}
.wrap.mobile .today-lesson > div {
  border-radius: 1rem;
}
.wrap.mobile .today-lesson--info {
  width: 100%;
  padding: 2rem;
}
.wrap.mobile .today-lesson--info__tag {
  position: relative;
  height: 2.8rem;
  margin-top: -0.2rem;
  z-index: 10;
}
.wrap.mobile .today-lesson--info__tag .info-tag__box {
  padding-right: 2.6rem;
}
.wrap.mobile .today-lesson--info__tag .info-tag__box p:not(.tag-text):not(.info-tag__repeat) {
  padding: 0.4rem;
}
.wrap.mobile .today-lesson--info__tag .info-tag__box p:not(.tag-text):not(.info-tag__repeat) span {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .today-lesson--info__tag .info-tag__box p.tag-text {
  margin-left: 0.7rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .today-lesson--info__tag .info-tag__box .text {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.wrap.mobile .today-lesson--info__tag .info-tag__box .tag {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.wrap.mobile .today-lesson--info__tag .info-tag__box .tag::before {
  height: 0.9rem;
  margin-top: -0.45rem;
}
.wrap.mobile .today-lesson--info__tag .info-tag__repeat {
  margin-left: 0.7rem;
}
.wrap.mobile .today-lesson--info__tag .info-tag__menu {
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  background-image: url("../images/ico/more-white.svg");
  z-index: 10;
}
.wrap.mobile .today-lesson--info__title {
  margin-top: 0.8rem;
}
.wrap.mobile .today-lesson--info__title .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: auto;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.8rem;
}
.wrap.mobile .today-lesson--info__title .text {
  height: 3.2rem;
  max-height: none;
  margin-top: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .today-lesson--info__date {
  margin-top: 0.4rem;
  margin-right: -1rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.wrap.mobile .today-lesson--info__buttons {
  position: relative;
  gap: 1rem;
  z-index: 10;
}
.wrap.mobile .today-lesson--info__button {
  position: relative;
  margin-top: 1.2rem;
  height: 4.4rem;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
  z-index: 10;
}
.wrap.mobile .today-lesson--link {
  position: absolute;
  height: 21rem;
  top: -2rem;
  right: -2rem;
  left: -2rem;
  color: transparent;
  font-size: 0;
  z-index: 5;
}
.wrap.mobile .today-lesson.is--parents {
  height: 15.4rem;
}

.wrap.mobile .month__status {
  gap: 1.6rem;
  width: auto;
  padding: 0;
  margin-top: 4rem;
}
.wrap.mobile .month__status .status--title {
  gap: 0.7rem;
}
.wrap.mobile .month__status .status--title::before {
  width: 0.8rem;
  height: 0.8rem;
  margin-top: 1px;
  border-width: 0.2rem;
}
.wrap.mobile .month__status .status--title,
.wrap.mobile .month__status .status--title span {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .month__status .status--number {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .month__status .status--number strong {
  font-size: 1.6rem;
  line-height: 1.8rem;
}

.wrap.mobile .myclass__index .index__mylesson-activity .table--setting,
.wrap.mobile .myclass__index .index__mylesson-week .myclass-index--title,
.wrap.mobile .myclass__index .index__mylesson-info .myclass-index--title,
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myclass-index--title {
  position: relative;
  margin-top: 6rem;
  margin-bottom: 1.4rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
}

.wrap.mobile .myclass__index .index__mylesson-info .myclass-index--title .ico-tooltip-gray,
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myclass-index--title .ico-tooltip-gray {
  margin-left: 0.2rem;
}
.wrap.mobile .myclass__index .index__mylesson-info .myclass-index--title .tooltip--box,
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myclass-index--title .tooltip--box {
  left: -0.2rem;
}
.wrap.mobile .myclass__index .index__mylesson-info .myclass-index--title .tooltip--box-wrap,
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myclass-index--title .tooltip--box-wrap {
  position: static;
}
.wrap.mobile .myclass__index .index__mylesson-info .myclass-index--title .tooltip--box-inner::after,
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myclass-index--title .tooltip--box-inner::after,
.wrap.mobile .myclass__index .index__mylesson-info .myclass-index--title .tooltip--box-inner::before,
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myclass-index--title .tooltip--box-inner::before {
  left: 8rem;
}

.wrap.mobile .myclass__index .intro-notice .box--empty-text,
.wrap.mobile .myclass__index .index__mylesson-week .box--empty-text {
  gap: 0.4rem;
}
.wrap.mobile .myclass__index .intro-notice .box--empty-icon,
.wrap.mobile .myclass__index .index__mylesson-week .box--empty-icon {
  width: 5rem;
  height: 5rem;
  margin-bottom: 0;
}

.wrap.mobile .date-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 0 1.4rem;
}
.wrap.mobile .date-box__text {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
}
.wrap.mobile .date-box__calendar {
  font-size: 0;
  position: absolute;
  right: 0;
}
.wrap.mobile .myclass__index .tab--wrapper,
.wrap.mobile .myclass__index .tab-box {
  width: 100%;
}
.wrap.mobile .myclass__index .tab--wrapper:not(.is--sub) .tab--button {
  width: calc((100% - 2rem) / 3);
  padding-right: 0;
  padding-left: 0;
}
.wrap.mobile .myclass__index .tab--button {
  text-align: center;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myclass-index--title {
  margin-top: 3.4rem;
  margin-bottom: 0;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myclass-index--title .tooltip--box-inner::after,
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myclass-index--title .tooltip--box-inner::before {
  left: 8rem;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .swiper-wrapper {
  z-index: 5;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .swiper-slide {
  padding-top: 1.4rem;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .swiper-pagination {
  top: auto;
  bottom: 1rem;
  right: 50%;
  margin: 0;
  transform: translateX(50%);
  z-index: 10;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myinfo__summary {
  gap: 24px;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myinfo__summary .summary__right {
  height: auto;
  padding: 1.4rem 1.6rem 1.8rem;
  background-color: #ffffff;
  border-radius: 1rem;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myinfo__summary .summary__right--textbox {
  position: relative;
  z-index: 10;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myinfo__summary .summary__right--textbox .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8rem;
  display: inline-flex;
  color: #000000;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2rem;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myinfo__summary .summary__right--textbox .text {
  margin-top: 0.6rem;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 800;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--my .myinfo__summary .summary__right--item {
  width: 16.2rem;
  height: 10rem;
  right: -1rem;
  left: auto;
  transform: none;
  background-size: 100% auto;
  z-index: 5;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--status {
  gap: 2rem;
  margin-top: 2rem;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--status > div {
  padding: 1.6rem;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--status .info-status--attendance {
  overflow: hidden;
}
.wrap.mobile
  .myclass__index
  .index__myclass-info
  .myclass-info--status
  .info-status--attendance
  .status-attendance--title {
  position: relative;
  display: inline-flex;
  z-index: 1;
}
.wrap.mobile
  .myclass__index
  .index__myclass-info
  .myclass-info--status
  .info-status--attendance
  .status-attendance--title
  .ico-next-black {
  margin-left: 0.2rem;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--status .info-status--attendance .stacked-bar-chart {
  padding-top: 4.5rem;
  margin-top: -1.6rem;
  margin-bottom: -1.3rem;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--status .info-status--attendance.box--empty {
  min-height: 0;
  padding: 0;
}
.wrap.mobile
  .myclass__index
  .index__myclass-info
  .myclass-info--status
  .info-status--attendance.box--empty
  .box--empty-text {
  gap: 0.6rem;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--status .info-status--amount .status-amount--title {
  padding-right: 7rem;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--status .info-status--amount .legend {
  flex-direction: row-reverse;
  top: 1.6rem;
  right: 1.6rem;
}
.wrap.mobile .myclass__index .index__myclass-info .myclass-info--status .info-status--amount .month__status {
  gap: 1.6rem;
  margin-top: 4rem;
}
.wrap.mobile .myclass__index .index__mylesson-info {
  margin-bottom: 6rem;
}
.wrap.mobile .myclass__index .index__mylesson-info .myclass-index--title .tooltip--box-inner::after,
.wrap.mobile .myclass__index .index__mylesson-info .myclass-index--title .tooltip--box-inner::before {
  left: 10rem;
}
.wrap.mobile .myclass__index .index__mylesson-info .mylesson-info--box {
  flex-direction: column;
  gap: 2rem;
  min-height: 0;
}
.wrap.mobile .myclass__index .index__mylesson-info .mylesson-info--box > div {
  width: 100%;
}
.wrap.mobile .myclass__index .index__mylesson-info .mylesson-info--box .info-box__ing {
  padding: 1.6rem 1.6rem 1.2rem;
}
.wrap.mobile .myclass__index .index__mylesson-info .mylesson-info--box .info-box__ing::after {
  width: 5.2rem;
  height: 4.8rem;
  top: 50%;
  bottom: auto;
  right: 1.6rem;
  transform: translateY(-50%);
}
.wrap.mobile .myclass__index .index__mylesson-info .mylesson-info--box .info-box__ing .title {
  margin-top: 0;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .myclass__index .index__mylesson-info .mylesson-info--box .info-box__ing .number {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  line-height: 3.4rem;
}
.wrap.mobile .myclass__index .index__mylesson-info .mylesson-info--box .info-box__ing .number strong {
  padding-right: 0.2rem;
  font-size: 3rem;
}
.wrap.mobile .myclass__index .index__mylesson-info .mylesson-info--box .info-box__detail.box-bg__white {
  padding: 1.6rem 1.6rem 2rem;
}
.wrap.mobile .myclass__index .index__mylesson-info .mylesson-info--box .info-box__detail .info-swiper--item {
  gap: 0;
  flex-direction: column;
  padding: 0;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left,
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right {
  width: auto;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .title {
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .date {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .members {
  flex-wrap: wrap;
  gap: 0.8rem;
  min-width: 0;
  margin-top: 1.4rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .members
  p {
  gap: 0.8rem;
  padding: 0.5rem 0.9rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .members
  p::before {
  width: 0.5rem;
  height: 0.5rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__left
  .members
  p
  strong {
  margin-left: 0.5rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right {
  padding: 0;
  padding-top: 2rem;
  margin: 0;
  margin-top: 2rem;
  border-left: none;
  border-top: 1px solid #d9d9d9;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.8rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  ul
  li {
  gap: 1.8rem;
  height: auto;
  padding-left: 1.2rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  ul
  li::before {
  width: 0.4rem;
  height: 0.4rem;
  margin-top: -0.2rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  ul
  li
  .text {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  ul
  li
  .number {
  min-width: 3rem;
  font-size: 1.2rem;
}
.wrap.mobile .myclass__index .index__mylesson-info .mylesson-info--box .info-box__detail .swiper-pagination {
  position: relative;
  gap: 0.6rem;
  bottom: auto;
  left: 50%;
  margin-top: 0;
  transform: translateX(-50%);
}
.wrap.mobile .myclass__index .index__mylesson-info .mylesson-info--box .info-box__detail .swiper-pagination-bullet {
  width: 0.4rem;
  height: 0.4rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .swiper-pagination-bullet-active {
  width: 2.9rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .swiper-pagination.swiper-pagination-clickable {
  margin-top: 3rem;
}
.wrap.mobile .myclass__index .index__mylesson-info .mylesson-info--box .table--column dt {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .myclass__index .index__mylesson-week .tab--wrapper {
  width: calc(100% + 40px);
  margin-right: -2rem;
  margin-left: -2rem;
}
.wrap.mobile .myclass__index .index__mylesson-week .tab-tag .tab-box {
  padding: 0 2rem 0.8rem;
  margin-bottom: 0.8rem;
}
.wrap.mobile .myclass__index .index__mylesson-week .intro-lesson--box {
  margin-top: 0;
}
.wrap.mobile .myclass__index .index__mylesson-week .box--empty .box--empty-text {
  gap: 0.6rem;
}
.wrap.mobile .myclass__index .index__mylesson-activity .mylesson-activity--list {
  padding: 0;
}
.wrap.mobile .myclass__index .index__mylesson-activity .mylesson-activity--list .is--column {
  gap: 1rem 1.6rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-activity
  .mylesson-activity--list
  .is--column
  .table--item__row.is__classes {
  width: auto;
  padding-top: 0;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-activity
  .mylesson-activity--list
  .is--column
  .table--item__row.is__classes
  .item__title {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  min-width: 0;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-activity
  .mylesson-activity--list
  .is--column
  .table--item__row.is__classes
  .item__title
  [class*="ico-"] {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-activity
  .mylesson-activity--list
  .is--column
  .table--item__row.is__classes
  .item__title
  .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
}
.wrap.mobile .myclass__index .index__mylesson-activity .mylesson-activity--list .pagenavi--box {
  margin-top: 3rem;
}
.wrap.mobile .myclass__index .index__mylesson-activity .mylesson-activity--list .box--empty {
  min-height: 21rem;
}
.wrap.mobile .myclass__index .index__mylesson-activity .mylesson-activity--list .box--empty-text {
  gap: 0.6rem;
}
.wrap.mobile .myclass__index .index__mylesson-activity:last-child {
  margin-bottom: 7.3rem;
}
.wrap.mobile .myclass__index .index__mylesson-complete .mylesson-complete--graphs {
  gap: 2rem;
  margin-top: 1.6rem;
}
.wrap.mobile .myclass__index .index__mylesson-complete .mylesson-complete--graphs .complete-graphs--week {
  padding: 1.6rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .status-attendance--title {
  width: auto;
  margin-right: 0;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .status-attendance--title
  .button {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .status-attendance--title
  .button
  .ico-next-black {
  margin-left: 0.2rem;
}
.wrap.mobile .myclass__index .index__mylesson-complete .mylesson-complete--graphs .complete-graphs--week .clock-body,
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .clock-body
  .clock-active {
  width: 11rem;
  height: 11rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .clock-body--circle {
  width: 10.4rem;
  height: 10.4rem;
  border-width: 0.6rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .clock-body
  .clock-active {
  top: -0.8rem;
  left: -0.8rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .clock-body
  .clock-active--inner
  #clockActiveProgress {
  stroke-width: 0.8rem;
  stroke-dasharray: 326.725568;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .clock-body
  .clock-timepad {
  gap: 0.8rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .clock-body
  .title {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .clock-body
  .text {
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .clock-body
  .text
  strong {
  font-size: 2.2rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--chart {
  gap: 0;
  justify-content: space-between;
  padding-right: 2.4rem;
  padding-left: 1.4rem;
  margin-top: 1.8rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--chart
  .legend {
  gap: 2rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--chart
  .legend
  p {
  flex-direction: row;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--chart
  .legend
  p,
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--chart
  .legend
  p
  span {
  gap: 1rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--chart
  .legend
  p
  .title {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--chart
  .legend
  p
  .title::before {
  flex: 0 0 0.6rem;
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0;
  border-radius: 0.1rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--chart
  .legend
  p
  .text {
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--list {
  margin-top: 2rem;
  padding: 1.6rem 1.6rem 0;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--list
  .graphs-list--day
  .date {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--list
  .graphs-list--day
  .text {
  margin-top: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .myclass__index .index__mylesson-complete .mylesson-complete--graphs .complete-graphs--week .box--empty {
  min-height: 0;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .box--empty-text {
  gap: 1.6rem;
  word-break: keep-all;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .box--empty-text
  .button-main {
  margin-top: 0;
}
.wrap.mobile .myclass__index .index__mylesson-complete .mylesson-complete--graphs:first-child {
  margin-top: 1.6rem;
}
.wrap.mobile .myclass__index .index__mylesson-complete .box--empty .button-main {
  margin-top: 40px;
}
.wrap.mobile .myclass__index .index__mylesson-complete + .index__mylesson-week .myclass-index--title,
.wrap.mobile .myclass__index .index__mylesson-complete + .index__myclass-info .myclass-index--title {
  margin-top: 6rem;
}
.wrap.mobile .myclass__index .intro-notice + .intro-notice {
  margin-top: 6rem;
}
.wrap.mobile .myclass__index .intro-notice--title {
  margin-top: 0;
}
.wrap.mobile .myclass__index .intro-notice .box-bg__white {
  min-height: 22.8rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.wrap.mobile .myclass__index .intro-notice .box--empty {
  min-height: 0;
  height: 21.8rem;
}
.wrap.mobile .myclass__index .intro-mystat .box--empty-text {
  gap: 0.6rem;
}
.wrap.mobile .myclass__index.is--student .table--setting {
  margin-top: 1.6rem;
}
.wrap.mobile .myclass__index.is--student .table--item li .people-class {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.6rem;
  margin-left: 0.6rem;
  margin-right: 0.4rem;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .myclass__index.is--student .table--item li .people-class::before {
  display: block;
  width: 1px;
  height: 1rem;
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
}
.wrap.mobile .myclass__index.is--student .index__mylesson-info .people-profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.6rem;
}
.wrap.mobile .myclass__index.is--student .index__mylesson-info .people-image {
  overflow: hidden;
  width: 10rem;
  height: 10rem;
  border-radius: 10rem;
}
.wrap.mobile .myclass__index.is--student .index__mylesson-info .people-name {
  display: block;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.8rem;
}
.wrap.mobile .myclass__index.is--student .index__mylesson-info .people-name strong {
  color: #fa4225;
}
.wrap.mobile .myclass__index.is--student .index__mylesson-info .info-box__detail .info-swiper--item .box-detail__right {
  padding: 1.9rem;
  padding-left: 1.6rem;
  margin: 0;
  background-color: #ffffff;
  border-top: none;
  border-radius: 1rem;
}
.wrap.mobile
  .myclass__index.is--student
  .index__mylesson-info
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  ul {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.wrap.mobile
  .myclass__index.is--student
  .index__mylesson-info
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  li
  .number {
  font-size: 1.2rem;
}
.wrap.mobile
  .myclass__index.is--student
  .index__mylesson-info
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  li
  .number
  strong {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
}
.wrap.mobile
  .myclass__index.is--student
  .index__mylesson-info
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  li.red::before {
  background-color: #ff7897;
}
.wrap.mobile
  .myclass__index.is--student
  .index__mylesson-info
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  li.green::before {
  background-color: #4fcf82;
}
.wrap.mobile
  .myclass__index.is--student
  .index__mylesson-info
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  li.darkblue::before {
  background-color: #7199ff;
}
.wrap.mobile .myclass__index.is--student .index__mylesson-info .info-box__detail .info-swiper--item .table--title {
  margin-top: 2rem;
  margin-bottom: 1.4rem;
}
.wrap.mobile .myclass__index.is--student .page__button {
  margin-top: 3rem;
  margin-bottom: 1.6rem;
}
.wrap.mobile .myclass__index.is--parents .intro-lesson:last-child {
  margin-bottom: 7.3rem;
}
.wrap.mobile .myclass__parents--top {
  padding: 0 1.6rem 0;
  background-color: #ffffff;
  border-radius: 1rem;
}
.wrap.mobile .myclass__parents--top .student-profile {
  padding: 2.4rem 0 2rem;
  background-color: transparent;
  border-radius: 20px 0 0 20px;
}
.wrap.mobile .myclass__parents--top .student-profile .profile-image,
.wrap.mobile .myclass__parents--top .student-profile .profile-image .image {
  width: 7.9rem;
  height: 7.9rem;
}
.wrap.mobile .myclass__parents--top .student-profile .profile-name {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 1.4rem;
  margin-bottom: 1rem;
  padding-left: 2rem;
}
.wrap.mobile .myclass__parents--top .student-profile .profile-name strong {
  font-size: 2rem;
  line-height: 2.2rem;
}
.wrap.mobile .myclass__parents--top .student-profile .profile-desc,
.wrap.mobile .myclass__parents--top .student-profile .profile-desc span {
  gap: 0.6rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .myclass__parents--top .student-attendance--legend {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .myclass__parents--top .intro-mystat .box--empty-text .empty-desc {
  margin-top: -1rem;
}
.wrap.mobile .myclass__parents--top.index__mylesson-complete .mylesson-complete--graphs {
  padding: 0;
  margin-top: 0;
  border-top: 1px solid #d9d9d9;
}
.wrap.mobile .myclass__parents--top.index__mylesson-complete .mylesson-complete--graphs .complete-graphs--week {
  padding: 2rem 0 1.6rem;
}
.wrap.mobile
  .myclass__parents--top.index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--bar {
  height: 1rem;
  margin-bottom: 2.4rem;
  background-color: #e5dafe;
  border-radius: 1rem;
}
.wrap.mobile
  .myclass__parents--top.index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--bar
  span {
  display: block;
  height: 100%;
  background-color: #7e44fb;
  border-radius: 1rem;
}
.wrap.mobile
  .myclass__parents--top.index__mylesson-complete
  .mylesson-complete--graphs
  .complete-graphs--week
  .graphs-week--list {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
.wrap.mobile .myclass__completestate {
  margin: -2.4rem -2rem;
}
.wrap.mobile .myclass__completestate ~ footer {
  margin-top: 5rem;
}
.wrap.mobile .myclass__completestate .tab-box:not(.subject__main):not(.subject__sub) .tab--button:not(.active) {
  color: rgba(0, 0, 0, 0.6);
}
.wrap.mobile .myclass__completestate .tab-box.subject__main {
  padding: 1.3rem 2rem;
  margin-bottom: 0;
}
.wrap.mobile .myclass__completestate .tab-box .tab--button {
  font-size: 1.4rem;
}
.wrap.mobile .myclass__completestate .tab-tag .subject__main .tab--button:not(.active) {
  background-color: #ffffff;
  border: 1px solid #eaeaea;
}
.wrap.mobile .myclass__completestate .tab-tag.has--close .subject__sub {
  padding: 2.4rem 2rem 1.6rem;
  margin-bottom: 0;
}
.wrap.mobile .myclass__completestate--lesson {
  padding-right: 2.4rem;
  padding-left: 2.4rem;
}
.wrap.mobile .myclass__completestate--lesson .table--item.lesson--info {
  margin-bottom: 6rem;
}
.wrap.mobile .myclass__completestate--lesson .table--item.lesson--info .table--item__row .item__title {
  min-width: 5.6rem;
}
.wrap.mobile .myclass__completestate--lesson .table--item.lesson--info .table--item__row:first-child:last-child {
  gap: 1rem;
  width: auto;
}
.wrap.mobile
  .myclass__completestate--lesson
  .table--item.lesson--info
  .table--item__row:first-child:last-child
  .item__title {
  width: auto;
  min-width: 0;
}
.wrap.mobile .myclass__completestate--lesson .table--item.lesson--list + .lesson--list {
  margin-top: 1.6rem;
}
.wrap.mobile .myclass__completestate--lesson.is--student {
  margin-top: 2.4rem;
}
.wrap.mobile .myclass__completestate--lesson.is--student .table--item li .is--column {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.wrap.mobile .myclass__completestate--lesson.is--student .table--item li:last-child .tooltip--box {
  top: -0.8rem;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}
.wrap.mobile
  .myclass__completestate--lesson.is--student
  .table--item
  li:last-child
  .tooltip--box
  .tooltip--box-inner::after,
.wrap.mobile
  .myclass__completestate--lesson.is--student
  .table--item
  li:last-child
  .tooltip--box
  .tooltip--box-inner::before {
  top: auto;
  bottom: -1.1rem;
  transform: translateY(-100%) rotate(0deg);
}
.wrap.mobile
  .myclass__completestate--lesson.is--student
  .table--item
  li:last-child
  .tooltip--box
  .tooltip--box-inner::before {
  margin-bottom: -0.2rem;
}
.wrap.mobile .myclass__completestate--lesson.is--student .table--item__row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wrap.mobile .myclass__completestate--lesson.is--student .table--item__row .item__title .tooltip--box-wrap,
.wrap.mobile .myclass__completestate--lesson.is--student .table--item__row .item__title .tooltip--button {
  width: 1.6rem;
  height: 1.6rem;
}
.wrap.mobile .myclass__completestate--lesson.is--student .table--item__row .item__text {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  overflow: visible;
}
.wrap.mobile .myclass__completestate .teacher--sublist {
  align-items: center;
}
.wrap.mobile .myclass__completestate .teacher--sublist .tooltip--button {
  font-size: 1.2rem;
}
.wrap.mobile .myclass__completestate .tooltip--list__box .tooltip--box .tooltip--box-inner .tooltip--box-text {
  width: 29.1rem;
  height: auto;
  white-space: inherit;
}
.wrap.mobile .myclass__completestate .tooltip--list__box .tooltip--box.is--account .tooltip--box-text {
  width: 26rem;
}
.wrap.mobile .myclass__completestate--button {
  margin-top: 3rem;
}
.wrap.mobile .myclass__classlist {
  margin-bottom: 5rem;
}
.wrap.mobile .myclass__classlist .tab-tag {
  width: calc(100% + 20px);
}
.wrap.mobile .myclass__classlist .tab-tag .tab-box {
  gap: 1rem;
  padding: 0;
  margin-bottom: 1.6rem;
}
.wrap.mobile .myclass__classlist .tab-tag .tab--button {
  padding: 0.9rem 1.4rem;
  border-radius: 2rem;
  font-size: 1.2rem;
}
.wrap.mobile .myclass__classlist .table--box .table--setting {
  min-height: 4.6rem;
  padding: 1.6rem;
  margin-bottom: 0;
}
.wrap.mobile .myclass__classlist .table--box .table--filter ul li {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .myclass__classlist .table--box .table--filter ul li button {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .myclass__classlist .table--box .table--filter ul li::after {
  width: 0.1rem;
  height: 1.1rem;
}
.wrap.mobile .myclass__classlist .table--box .box-bg__white {
  padding: 2rem 1.6rem;
}
.wrap.mobile .myclass__classlist .table--box .box-bg__white .recommend--item {
  margin-bottom: 1.6rem;
}
.wrap.mobile .myclass__classlist .table--box .box-bg__white .recommend--item:last-child {
  margin-bottom: 0;
}
.wrap.mobile .myclass__homwork-detail {
  margin-bottom: 3rem;
}
.wrap.mobile .myclass__homwork-detail .table--item {
  margin-top: 6rem;
}
.wrap.mobile .myclass__homwork-detail .table--item .table--item__contents.no-line {
  padding-top: 0;
  margin-top: 1rem;
  border-top: 0;
}
.wrap.mobile .myclass__homwork-detail .table--item .people--item {
  margin-bottom: 0;
}
.wrap.mobile .myclass__homwork-detail .table--item .people--item .people-name strong {
  font-size: 1.4rem;
}
.wrap.mobile .myclass__homwork-detail .table--item .people--item .button-icon span {
  transform: rotate(180deg);
}
.wrap.mobile .myclass__homwork-detail .table--item .people--item .button-icon span.active {
  transform: rotate(0);
}
.wrap.mobile .myclass__homwork-detail .table--item .is--column .item__title {
  min-width: auto;
}
.wrap.mobile .myclass__homwork-detail .table--item .is--column .item__text.line {
  text-decoration: underline;
  cursor: pointer;
}
.wrap.mobile .myclass__homwork-detail .table--item__cover {
  margin-top: 6rem;
}
.wrap.mobile .myclass__homwork-detail .table--item__cover.is--teacher .table--setting {
  margin-bottom: 1.4rem;
}
.wrap.mobile .myclass__homwork-detail .table--item__cover.is--teacher .table--item {
  margin-top: 1.4rem;
  margin-bottom: 1.6rem;
}
.wrap.mobile .myclass__homwork-detail .table--item__cover.is--teacher .table--item:last-child {
  margin-bottom: 0;
}
.wrap.mobile .myclass__homwork-detail .table--item__cover.is--teacher .table--item .people--item {
  margin-bottom: 1.2rem;
}
.wrap.mobile .myclass__homwork-detail .table--item__cover.is--teacher .table--item__contents {
  padding-top: 1.4rem;
}
.wrap.mobile .myclass__homwork-detail .table--item__cover.is--teacher .table--item__contents .notice {
  display: flex;
  justify-content: center;
  margin-bottom: 1.6rem;
}
.wrap.mobile .myclass__homwork-detail .table--item__cover.is--student .table--item {
  margin-top: 1rem;
}
.wrap.mobile .myclass__homwork-detail .table--item__cover.is--student .table--item.teacher-feedback {
  margin-top: 6rem;
}
.wrap.mobile .myclass__homwork-detail .question-item .question-item--box .file-item {
  width: 100%;
}
.wrap.mobile .myclass__homwork-detail .question-item .question-item--box .file-item--name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrap.mobile .myclass__homwork-detail .question-item .question-item--score {
  margin-top: 1rem;
}
.wrap.mobile .myclass__homwork-detail .question-item .question-item--score .input-box--text:not(input) input {
  height: 1.5rem;
  padding: 0;
  line-height: 1.5rem;
}
.wrap.mobile .myclass__homwork-detail .question-item .question-item--score .item-score--total {
  color: rgba(0, 0, 0, 0.3);
}
.wrap.mobile .myclass__homwork-detail .contents--buttons.is--subpage {
  height: auto;
  margin: 3rem -2rem 3rem;
  padding: 0 2.4rem;
}
.wrap.mobile .myclass__homwork-detail .is--disabled,
.wrap.mobile .myclass__homwork-detail .is--disabled input:disabled,
.wrap.mobile .myclass__homwork-detail .is--disabled.item__text {
  color: rgba(0, 0, 0, 0.3);
}
.wrap.mobile .myclass__activity-detail {
  margin-bottom: 5rem;
}
.wrap.mobile .myclass__question-detail {
  margin-bottom: 3rem;
}
.wrap.mobile .myclass__question-detail .file-attach {
  padding-left: 1.6rem;
}
.wrap.mobile .myclass__question-detail .has--line {
  border-top: 0.8rem solid #f7f8fb;
}
.wrap.mobile .myclass__question-detail .toggle-filebox .people-name strong {
  font-weight: 500;
}
.wrap.mobile .myclass__question-detail .toggle-filebox .state-box {
  font-weight: 500;
}
.wrap.mobile .myclass__notice-list {
  margin-bottom: 3rem;
}
.wrap.mobile .myclass__notice-list .table--list {
  min-height: 29.6rem;
}
.wrap.mobile .myclass__notice-list .table--list .box--empty {
  min-height: 29.6rem;
}
.wrap.mobile .myclass__notice-list .table--list__title {
  font-weight: 400;
}
.wrap.mobile .myclass__notice-list ~ .contents--buttons.is--subpage {
  height: auto;
  margin: 5.6rem -2.4rem 3rem;
  padding: 0 2.4rem;
}
.wrap.mobile .school_board_detail ~ footer,
.wrap.mobile .school_board_detail + footer {
  padding: 0 2rem;
  background-color: #ffffff;
}
.wrap.mobile .school_board_write ~ footer,
.wrap.mobile .school_board_write + footer {
  padding: 0 2rem;
  background-color: #ffffff;
}

.wrap.mobile .attendancelist__area {
  margin-bottom: 5rem;
}
.wrap.mobile .attendancelist__area .tab-tag .tab-box {
  padding-top: 0;
}
.wrap.mobile .attendancelist__area .tab-tag .tab-box .tab--button {
  width: calc((100% - 2rem) / 3);
  padding-right: 0;
  padding-left: 0;
}
.wrap.mobile .attendancelist__area .is--teacher .date--button {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.wrap.mobile .attendancelist__area .is--teacher .table--setting {
  margin-bottom: 0;
}
.wrap.mobile .attendancelist__area .is--students .item__title__box {
  margin-bottom: 0.5rem;
}
.wrap.mobile .attendancelist__area .table-attendance--empty {
  padding-top: 16.8rem;
  padding-bottom: 16.8rem;
}
.wrap.mobile .attendancelist__area .table-attendance--empty .f-16 {
  margin-top: 0.4rem;
  font-weight: 700;
  line-height: 2rem;
}
.wrap.mobile .attendancelist--box {
  overflow: hidden;
  padding: 0;
  border-radius: 0 0 1rem 1rem;
}
.wrap.mobile .attendancelist--box .table--list thead th {
  color: rgba(0, 0, 0, 0.8);
}
.wrap.mobile .attendancelist--box .table--list thead th,
.wrap.mobile .attendancelist--box .table--list thead th .date {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .attendancelist--box .table--list thead th .date {
  margin-top: 0.3rem;
  color: rgba(0, 0, 0, 0.4);
}
.wrap.mobile .attendancelist--box .table--list thead th[tabindex] {
  position: relative;
  cursor: pointer;
}
.wrap.mobile .attendancelist--box .table--list thead th[tabindex] > * {
  position: relative;
  z-index: 10;
}
.wrap.mobile .attendancelist--box .table--list thead th[tabindex]:hover::after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(126, 68, 251, 0.05);
  border: 1px solid #7e44fb;
  border-radius: 4px;
  z-index: 5;
  content: "";
}
.wrap.mobile .attendancelist--box .table--list tr:last-child .table-attendance__cell .tooltip--box {
  margin-bottom: 0.4rem;
}
.wrap.mobile .attendancelist--box .table-attendance__cell {
  background-color: transparent;
}
.wrap.mobile .attendancelist--box .table-attendance__cell:nth-child(2n-2) {
  background-color: #f8faff;
}
.wrap.mobile .attendancelist--box.is--scroll {
  padding: 0;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list {
  padding: 0;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed {
  width: 7.5rem;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed::before {
  position: absolute;
  display: block;
  width: 0.6rem;
  top: 5.2rem;
  bottom: 0;
  background-color: #ffffff;
  z-index: 10;
  content: "";
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed table {
  position: relative;
  z-index: 5;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed th,
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed td {
  padding: 0;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed th:first-child,
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed td:first-child {
  padding-left: 0.6rem;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed th:last-child,
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed td:last-child {
  padding-right: 1rem;
  font-size: 1.2rem;
  text-align: left;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed th {
  line-height: 5.1rem;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: visible;
  height: 4.6rem;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed td .tooltip--box-wrap,
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed td .tooltip--box,
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed td .tooltip--button-wrap,
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed td .tooltip--button {
  width: auto;
  height: auto;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed td .tooltip--box-inner {
  min-width: 0;
  width: 9.5rem;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed td .tooltip--box-text {
  padding: 0.7rem 0.4rem;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed td .tooltip--box-text,
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed td .tooltip--box-text strong {
  font-size: 1.1rem;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed td .tooltip--button {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed tr:last-child th,
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--fixed tr:last-child td {
  border-bottom: none;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--scroll {
  padding-left: 9.5rem;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--scroll th,
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--scroll td {
  width: 3.3rem;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--scroll th {
  height: 5.1rem;
  padding-top: 1.6rem;
  padding-bottom: 0.7rem;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--scroll td {
  height: 4.6rem;
  padding-top: 0;
  padding-bottom: 0;
}
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--scroll tr:last-child th,
.wrap.mobile .attendancelist--box.is--scroll .table--list .tbl--scroll tr:last-child td {
  border-bottom: none;
}
.wrap.mobile .attendancelist--box.line .table--list .tbl--fixed th:last-child,
.wrap.mobile .attendancelist--box.line .table--list .tbl--fixed td:last-child {
  border-right: 1px solid #ededed;
}
.wrap.mobile .table-attendance__cell {
  height: 4.6rem;
}
.wrap.mobile .table-attendance__cell .tooltip--box {
  margin-top: -0.4rem;
}
.wrap.mobile .table-attendance__circle {
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
}

.wrap.mobile .class-info--box {
  flex-direction: column;
  min-height: 0;
  margin-top: 0;
  border-radius: 1rem;
}
.wrap.mobile .class-info--info {
  display: flex;
  flex-direction: row;
  gap: 1.2rem;
  padding: 1.6rem 1.6rem 0;
}
.wrap.mobile .class-info--thumnail {
  flex-shrink: 0;
  flex-grow: 0;
  width: 8rem;
  height: 8rem;
  background-color: #2c0271;
  border-radius: 0.6rem;
}
.wrap.mobile .class-info--thumnail .button-tag {
  position: absolute;
  margin-top: 0.8rem;
  margin-left: 0.8rem;
  z-index: 10;
}
.wrap.mobile .class-info--thumnail.empty::after {
  position: relative;
  width: 5.6rem;
  height: 3.6rem;
  background-image: url("../images/mobile/img/board-thumb-violet.png");
  z-index: 5;
}
.wrap.mobile .class-info--textbox {
  overflow: hidden;
  padding: 0 1.6rem 1.6rem;
}
.wrap.mobile .class-info--title {
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
}
.wrap.mobile .class-info--title .title {
  min-height: 0;
  padding-right: 0;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.wrap.mobile .class-info--title .sub {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1rem;
  color: #000000;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6rem;
}
.wrap.mobile .class-info--title .datebox {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .class-info--title .datebox span {
  color: rgba(0, 0, 0, 0.5);
}
.wrap.mobile .class-info--title .datebox span:not(:first-child)::before {
  vertical-align: top;
  display: inline-block;
  width: 1px;
  height: 0.8rem;
  margin: 0.3rem 0.8rem 0 0.5rem;
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
}
.wrap.mobile .class-info--title .info-title--button {
  top: 28px;
  right: 24px;
}
.wrap.mobile .class-info--title.has--button .title {
  padding-right: 0;
}
.wrap.mobile .class-info--data {
  padding-top: 1.6rem;
  margin: 1.6rem 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .class-info--data ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem;
  padding: 0 0.8rem;
}
.wrap.mobile .class-info--data li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: auto;
  min-height: 0;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .class-info--data li span,
.wrap.mobile .class-info--data li .info-button {
  flex-shrink: 1;
  flex-grow: 1;
  word-break: break-all;
}
.wrap.mobile .class-info--data li .info-button {
  border-bottom: 1px solid #000000;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .class-info--data li:nth-child(2n) {
  width: auto;
}
.wrap.mobile .class-info--data li:nth-child(2n) strong {
  text-align: left;
  width: 6.5rem;
}
.wrap.mobile .class-info--data li:nth-child(2n) span {
  text-align: right;
}
.wrap.mobile .class-info--data strong {
  width: 7.5rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .class-info--link {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  width: auto;
  padding: 0;
  margin: 0.4rem 1.6rem 1.6rem;
  border-top: none;
  gap: 1rem;
}
.wrap.mobile .class-info--link button,
.wrap.mobile .class-info--link a {
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
}
.wrap.mobile .class-related--box .tab-tag {
  margin: 1.6rem -2rem 0;
}
.wrap.mobile .class-related--box .tab-tag > .tab-box {
  padding-top: 2rem;
}
.wrap.mobile .class-related--box .tab-tag > .tab-box > .tab--button:first-child {
  margin-left: 2rem;
}
.wrap.mobile .class-related--box .tab-tag > .tab-box > .tab--button:last-child {
  margin-right: 2rem;
}
.wrap.mobile .class-related--box .tab-tag > .tab-box > .tab--button .state-bbs {
  margin-left: 4px;
}
.wrap.mobile .class-related--box .tab-tag .tab--contents {
  margin: 0 2rem 5rem;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
.wrap.mobile .class-related--box .table--box .table--setting {
  margin-bottom: 0;
}
.wrap.mobile .class-related--box .table--box .table--title .week-filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.6rem;
}
.wrap.mobile .class-related--box .table--box .table--title .week-filter a:not([class="^dropdown-"]),
.wrap.mobile .class-related--box .table--box .table--title .week-filter button:not([class="^dropdown-"]) {
  font-size: 0;
}
.wrap.mobile .class-related--box .table--box .table--list {
  padding: 1.6rem;
}
.wrap.mobile .class-related--box .lesson-item {
  display: flex;
  flex-direction: row;
  border: 1px solid #d9d9d9;
  border-radius: 16px;
}
.wrap.mobile .class-related--box .lesson-item--info {
  position: relative;
  width: 400px;
  min-height: 348px;
  border-right: 1px solid #d9d9d9;
  background-color: rgba(126, 68, 251, 0.06);
  flex-shrink: 0;
  padding: 32px 34px 30px;
}
.wrap.mobile .class-related--box .lesson-item--title {
  position: relative;
}
.wrap.mobile .class-related--box .lesson-item--title strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  padding-right: 20px;
  font-weight: 800;
  font-size: 24px;
  line-height: 27px;
  color: #7e44fb;
}
.wrap.mobile .class-related--box .lesson-item--title .option-area {
  position: absolute;
  right: -10px;
  top: -5px;
}
.wrap.mobile .class-related--box .lesson-item--scontent .title-area {
  min-height: 32px;
  margin: 12px 0 13px;
}
.wrap.mobile .class-related--box .lesson-item--scontent .title-area strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  font-weight: 700;
  font-size: 22px;
  line-height: 25px;
  color: #000000;
  margin-right: 12px;
}
.wrap.mobile .class-related--box .lesson-item--scontent .date-text {
  font-size: 18px;
  line-height: 20px;
}
.wrap.mobile .class-related--box .lesson-item--scontent .subject-area {
  margin-top: 40px;
}
.wrap.mobile .class-related--box .lesson-item--scontent .subject-area em {
  font-size: 14px;
  line-height: 16px;
  font-style: normal;
  color: rgba(0, 0, 0, 0.6);
}
.wrap.mobile .class-related--box .lesson-item--scontent .subject-area p {
  font-size: 18px;
  line-height: 20px;
  margin-top: 6px;
}
.wrap.mobile .class-related--box .lesson-item--button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 30px;
  left: 29px;
  right: 29px;
}
.wrap.mobile .class-related--box .lesson-item--button button {
  padding: 0 10px;
}
.wrap.mobile .class-related--box .lesson-item--data {
  width: 100%;
}
.wrap.mobile .class-related--box .tab-studylist {
  margin-bottom: 91px;
}
.wrap.mobile .class-related--box .tab-studylist .studylist-category {
  padding: 33px 24px 28px;
  background-color: #ffffff;
}
.wrap.mobile .class-related--box .tab-studylist .box--empty {
  padding-bottom: 46px;
}
.wrap.mobile .class-related--box .tab-activity {
  margin-bottom: 91px;
}
.wrap.mobile .class-related--box .tab-activity .activity-category {
  padding: 33px 24px 28px;
  background-color: #ffffff;
}
.wrap.mobile .class-related--box .tab-activity .table--box {
  margin-bottom: 2.1rem;
}
.wrap.mobile .class-related--box .tab-activity .tab--wrapper {
  border-bottom: none;
}
.wrap.mobile .class-related--box .tab-activity .tab--wrapper .tab-box {
  padding-top: 0;
  margin-bottom: 0;
}
.wrap.mobile .class-related--box .tab-activity .tab--wrapper .tab--contents {
  margin: 0 1.6rem;
}
.wrap.mobile .class-related--box .tab-activity .box--search {
  padding: 1.6rem 0 0;
  gap: 0;
}
.wrap.mobile .class-related--box .tab-activity .box--search .input-box--text {
  min-height: 3.4rem;
  padding: 0.7rem 1.6rem;
  padding-right: 1rem;
  border-radius: 6.1rem;
  line-height: 2rem;
}
.wrap.mobile .class-related--box .tab-activity .box--search .input-box--text:not(input) input {
  padding: 0.2rem;
  line-height: 1.6rem;
}
.wrap.mobile .class-related--box .tab-activity .box--search .input-box--text .search {
  margin-right: 1.6rem;
}
.wrap.mobile .class-related--box .tab-activity .box--search .input-box--text .clear {
  flex-shrink: 0;
  flex-grow: 0;
  width: 2rem;
  height: 2rem;
  margin: 0;
  margin-left: 0.8rem;
  background-image: url("../images/mobile/ico/clear-gray.svg");
  background-color: #f6f6f6;
  background-size: 1.4rem;
}
.wrap.mobile .class-related--box .tab-activity .box--search .input-box--text.has--text .clear {
  display: block;
}
.wrap.mobile .class-related--box .tab-activity .box--search .delete {
  flex-shrink: 0;
  flex-grow: 0;
  align-self: center;
  width: 5rem;
  height: 2rem;
  margin-right: -1rem;
  color: #000000;
  font-size: 1.6rem;
  line-height: 2rem;
  text-align: center;
}
.wrap.mobile .class-related--box .tab-activity .box--search + .table--column {
  margin-top: 2.4rem;
}
.wrap.mobile .class-related--box .tab-activity .box--search.is--clear .clear,
.wrap.mobile .class-related--box .tab-activity .box--search.is--clear .delete {
  display: none;
}
.wrap.mobile .class-related--box .tab-activity .table--box .page__button {
  padding-bottom: 2.6rem;
}
.wrap.mobile .class-related--box .tab-activity .table--item {
  padding: 2.4rem 0 0;
}
.wrap.mobile .class-related--box .tab-activity .table--list {
  padding: 0;
}
.wrap.mobile .class-related--box .tab-activity .table--list .box--empty {
  gap: 0;
}
.wrap.mobile .class-related--box .tab-activity .table--list .box--empty .box--empty-icon {
  width: 5rem;
  height: 5rem;
  margin-bottom: 0.4rem;
}
.wrap.mobile .class-related--box .tab-board {
  margin-bottom: 91px;
  background-color: transparent;
  padding: 0;
}
.wrap.mobile .class-related--box .tab-board .board-category {
  padding: 33px 24px 28px;
  background-color: #ffffff;
}
.wrap.mobile .class-related--box .tab-board .table--list ul {
  padding: 0;
}
.wrap.mobile .class-related--box .tab-board .table--list__title {
  font-weight: 500;
}
.wrap.mobile .class-related--box .tab-board .contents--buttons.is--subpage {
  padding: 5.6rem 0rem 3rem;
}
.wrap.mobile .class-related--box .tab-question {
  margin-bottom: 91px;
}
.wrap.mobile .class-related--box .tab-question .question-category {
  padding: 33px 24px 28px;
  background-color: #ffffff;
}
.wrap.mobile .class-related--box .tab-question .table--list ul {
  padding: 0;
}
.wrap.mobile .class-related--box .tab-question .table--list__title {
  font-weight: 500;
}
.wrap.mobile .class-related--box .tab-attendance {
  margin-bottom: 91px;
}
.wrap.mobile .class-related--box .tab-attendance .attendance-category {
  padding: 33px 24px 28px;
  background-color: #ffffff;
}
.wrap.mobile .class-related--box .tab-attendance.is--student .table--list {
  padding: 0;
}
.wrap.mobile .class-related--box .tab-attendance.is--student .table--list__title {
  font-weight: 500;
}
.wrap.mobile .class-related--box .tab-attendance.is--student .page__button {
  margin-bottom: 2.6rem;
}
.wrap.mobile .class-related--box .tab-attendance .contents--buttons.is--subpage {
  padding: 5.6rem 0 3rem;
}
.wrap.mobile .class-related--box .tab-studentmanage {
  margin-bottom: 91px;
}
.wrap.mobile .class-related--box .tab-studentmanage .studentmanage-category {
  padding: 33px 24px 28px;
  background-color: #ffffff;
}
.wrap.mobile .class-related--box .tab-studentmanage .tab--contents {
  margin: 0;
}
.wrap.mobile .class-related--box .tab-studentmanage .tab--wrapper {
  border-bottom: none;
}
.wrap.mobile .class-related--box .tab-studentmanage .tab--button {
  font-size: 1.4rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.wrap.mobile .class-related--box .tab-studentmanage .tab--button.active {
  font-weight: 800;
}
.wrap.mobile .class-related--box .tab-studentmanage .table--item {
  padding: 2.4rem 1.6rem 2.6rem;
}
.wrap.mobile .class-related--box .tab-studentmanage .table--item .no--bg .item__inner {
  padding: 1.6rem 1.6rem 0 1.6rem;
}
.wrap.mobile .class-related--box .tab-studentmanage .box--empty {
  min-height: 23.6rem;
  padding-top: 0.2rem;
}
.wrap.mobile .class-related--box .table--box .page__button {
  padding-bottom: 0.4rem;
}
.wrap.mobile .class-related__guide {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.6rem;
  padding: 0.6rem 2.8rem 0.6rem 1.6rem;
  margin: 0 2rem 1.6rem;
  background-color: #e1e8fb;
  border-radius: 1rem;
}
.wrap.mobile .class-related__guide [calss*="ico-"] {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .class-related__guide .text {
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
  color: #8393e5;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.8rem;
  word-break: keep-all;
}
.wrap.mobile .today-lesson.type--myclass {
  height: 18.6rem;
  border-radius: 1rem;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info {
  width: 100%;
  padding: 1.6rem 1.6rem 6.6rem;
  border-right: none;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__title {
  margin-top: 0;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__title .tooltip--box-wrap {
  width: auto;
  height: auto;
  padding-right: 2.3rem;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__title .tooltip--button {
  width: auto;
  height: auto;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__title .tooltip--button.text-flow.animate {
  text-overflow: inherit;
  width: 100%;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__title .tooltip--box-text {
  max-width: 330px;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__title .title-area {
  margin-top: 1.4rem;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__title .title-area .text {
  display: block;
  min-width: 0;
  margin-top: 0;
  margin-right: 0.8rem;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__title .title-area .text,
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__title .title-area .text span {
  height: auto;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__title .title-area .text.animate span {
  overflow: visible;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__title .title-area .state-box {
  min-width: 5.1rem;
  height: auto;
  padding: 0.5rem 0.9rem;
  line-height: 1;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info .info-tag__menu {
  position: absolute;
  width: 1.8rem;
  height: 1.8rem;
  top: 1.6rem;
  right: 1.6rem;
  background-image: url("../images/ico/more-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 15;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__date {
  margin-top: 1.6rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__date + .today-lesson--info__btns {
  margin: auto -4px 0;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__bottom .today-lesson--info__subject {
  margin-top: 0;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__subject {
  height: auto;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__subject p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-top: 0.4rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__btns {
  position: absolute;
  gap: 1rem;
  bottom: 1.5rem;
  right: 1.5rem;
  left: 1.5rem;
  margin: 0;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__btns a,
.wrap.mobile .today-lesson.type--myclass .today-lesson--info__btns button {
  width: 50%;
  height: 3.6rem;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .today-lesson.type--myclass .today-lesson--info .today-lesson--link {
  height: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.wrap.mobile .today-lesson.type--myclass.repeat {
  min-height: 0;
}
.wrap.mobile .today-lesson.type--myclass.repeat .today-lesson--info__title .title-area,
.wrap.mobile .today-lesson.type--myclass.repeat .today-lesson--info__date {
  margin-top: 16px;
}
.wrap.mobile .today-lesson.type--myclass.noset:not(.planned):not(.end),
.wrap.mobile .today-lesson.type--myclass.planned:not(.planned):not(.end) {
  min-height: 0;
  height: 18.6rem;
}
.wrap.mobile .today-lesson.type--myclass.end:not(.planned):not(.end) {
  min-height: 0;
}
.wrap.mobile .today-lesson.type--myclass + .type--myclass {
  margin-top: 1.6rem;
}
.wrap.mobile .open-box {
  background: #ffffff;
  border-color: #d9d9d9;
  border-radius: 0.6rem;
}
.wrap.mobile .open-box--thead {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 4.6rem;
  padding: 1.5rem 1.6rem;
  border-radius: 0.6rem 0.6rem 0 0;
  background-color: #f8f9fd;
}
.wrap.mobile .open-box--thead.open + .open-box--contents {
  display: block;
}
.wrap.mobile .open-box--thead.open .open-box--btn {
  transform: rotate(180deg);
}
.wrap.mobile .open-box--thead.header {
  background: #fafafa;
  border-radius: 1rem;
  height: 4.6rem;
  margin-bottom: 1.9rem;
  margin-top: 2.4rem;
}
.wrap.mobile .open-box--thead.header .open-box--th {
  font-size: 1.6rem;
}
.wrap.mobile .open-box--title {
  font-size: 1.4rem;
  line-height: 1.6rem;
  padding-left: 0rem;
  color: #000000;
}
.wrap.mobile .open-box--title::before {
  display: none;
}
.wrap.mobile .open-box--contents {
  padding: 2rem 1.6rem 1.6rem;
  border-top: 1px solid #d9d9d9;
  max-height: fit-content;
  display: none;
}
.wrap.mobile .open-box--contents.height-auto {
  max-height: max-content;
  overflow: visible;
}
.wrap.mobile .open-box__wrap .notice {
  margin-bottom: 1rem;
}
.wrap.mobile .open-box__wrap .open-box {
  border-width: 0;
  border-radius: 1rem;
}
.wrap.mobile .open-box__wrap .open-box--thead {
  border-radius: 1rem 1rem 0 0;
}
.wrap.mobile .open-box__wrap .open-box--contents {
  border-width: 0;
}
.wrap.mobile .open-box + .open-box {
  margin-top: 1.6rem;
}
.wrap.mobile .question-item--title {
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-right: 0rem;
}
.wrap.mobile .question-item--box {
  margin-top: 2rem;
}
.wrap.mobile .question-item--box + .question-item--feedback {
  margin-top: 3.2rem;
}
.wrap.mobile .question-item--box .people--participate {
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 16;
}
.wrap.mobile .question-item--box .people--participate .button-action button {
  color: #000000;
  opacity: 0.4;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .question-item--box .people--participate .button-action button [class^="ico-"] {
  margin-top: -0.4rem;
  margin-right: 0.2rem;
}
.wrap.mobile .question-item:not(.result) .input-radio .input--text {
  margin-right: 6.6rem;
}
.wrap.mobile .question-item .question-item--score {
  margin-top: 1rem;
}
.wrap.mobile .question-item .question-item--score .input-box--text:not(input) input {
  padding: 0 1.2rem;
}
.wrap.mobile .question-item .question-item--score .button-main {
  margin-right: 0.7rem;
}
.wrap.mobile .question-item .question-item--score .item-score--total {
  margin-left: 1rem;
  color: #000000;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .question-item .question-item--score .input-info-text {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .question-item .question-item--score .input-info-text + .input-box--text {
  margin-left: 1rem;
}
.wrap.mobile .question-item .input-box--text {
  height: 3.4rem;
}
.wrap.mobile .question-item .input-box--text:not(input) input {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .question-item .input-box--text.is--attach {
  background-color: #f3f3f3;
}
.wrap.mobile .question-item .input-box--textarea textarea {
  padding: 1.2rem;
  height: 16rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.wrap.mobile .question-item .input-radio .input--box {
  border-width: 0;
  border-radius: 0.6rem;
  min-height: 4.2rem;
  padding: 1.2rem 1.4rem;
  background-color: #f8f8f8;
}
.wrap.mobile .question-item .input-radio .input--box::before {
  right: auto;
  z-index: 1;
}
.wrap.mobile .question-item .input-radio .input--box .input--text {
  padding-left: 3.2rem;
  z-index: 1;
}
.wrap.mobile .question-item .input-radio .input--box .input--graph {
  position: absolute;
  height: 100%;
  margin-left: -1.4rem;
  background-color: #e2e2e2;
}
.wrap.mobile .question-item .input-radio .input--text {
  font-size: 1.8rem;
  line-height: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.wrap.mobile .question-item .input-radio-group input:disabled:not(:checked) + .input--box::before {
  background-image: none;
}
.wrap.mobile .question-item .input-radio-group .radio-box {
  position: relative;
}
.wrap.mobile .question-item .input-radio-cover {
  overflow: hidden;
  position: relative;
  border-radius: 0.6rem;
}
.wrap.mobile .question-item .input-radio-cover + .input-radio-cover {
  margin-top: 1rem;
}
.wrap.mobile .question-item .input-radio-cover input:not([type-text]) {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 15;
}
.wrap.mobile .question-item .input-radio-cover input:disabled + .input--box::before {
  background-image: none;
}
.wrap.mobile .question-item .input-radio-cover input:checked + .input-radio .input--box {
  background-color: #f2ecff;
}
.wrap.mobile .question-item .input-radio-cover input:checked + .input-radio .input--box::before {
  border-color: #7e44fb;
  background-image: url("../images/form/radio-color.svg");
}
.wrap.mobile .question-item .input-radio-cover input:checked + .input-radio,
.wrap.mobile .question-item .input-radio-cover input:checked + .input-radio + .people--participate {
  background-color: #f2ecff;
}
.wrap.mobile .question-item .input-radio-cover .input-radio,
.wrap.mobile .question-item .input-radio-cover .input-radio + .people--participate {
  background-color: #f8f8f8;
}
.wrap.mobile .question-item .input-radio-cover .radio-box {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
}
.wrap.mobile .question-item .input-radio-cover .radio-box .input-radio {
  flex-shrink: 1;
  flex-grow: 1;
  width: auto;
  min-width: 0;
  border-radius: 0;
}
.wrap.mobile .question-item .input-radio-cover .radio-box .people--participate {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: inherit;
  width: auto;
  height: auto;
  top: auto;
  right: auto;
  padding: 1.1rem 1.2rem 1.1rem 0;
}
.wrap.mobile .question-item .input-radio-cover.is--active .input--graph {
  background-color: #dbcbfe;
}
.wrap.mobile .question-item .input-radio-cover.is--active .people--participate button {
  color: #7e44fb;
  opacity: 1;
}
.wrap.mobile .question-item .input-radio-cover.is--active .people--participate button .ico-profile-black {
  background-image: url("../images/ico/profile-violet.svg");
}
.wrap.mobile .question-item .input-radio + .input-radio {
  margin-top: 1rem;
}
.wrap.mobile .question-item .input-radio input:checked + .input--box {
  border-color: #7e44fb;
  background-color: #f2ecff;
}
.wrap.mobile .question-item .input-radio.is--incorrect input:checked + .input--box,
.wrap.mobile .question-item .input-radio.is--incorrect .input--box {
  position: relative;
  border-color: #ff3a3a;
  background: rgba(255, 58, 58, 0.1);
}
.wrap.mobile .question-item .input-radio.is--correct input:checked + .input--box,
.wrap.mobile .question-item .input-radio.is--correct .input--box {
  position: relative;
  border-color: #00ba13;
  background: rgba(0, 186, 19, 0.1);
}
.wrap.mobile .question-item .input-radio.is--correct input:checked + .input--box::before,
.wrap.mobile .question-item .input-radio.is--correct .input--box::before {
  border-color: #00ba13;
  background-image: url("../images/ico/radio-green.svg");
}
.wrap.mobile .question-item.survey .input-radio .input--box .input--text {
  padding-left: 0;
}
.wrap.mobile .question-item.is--teacher .input-radio .input--box {
  padding: 1.2rem 0;
}
.wrap.mobile .question-item.is--teacher .input-radio .input--box .input--text {
  padding-left: 1.4rem;
}
.wrap.mobile .question-item.is--teacher .input-radio .input--box::before {
  display: none;
}

.legend-html {
  padding-top: 3.1rem;
}
.legend-html .legend {
  gap: 1.8rem;
}
.legend-html .legend > div {
  gap: 1.8rem;
}
.legend-html .legend .row {
  gap: 0.6rem;
}
.legend-html .legend .chip {
  width: 0.6rem;
  height: 0.6rem;
}
.legend-html .legend .text {
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.stacked-tooltip {
  margin-top: 1rem;
  margin-left: 0.4rem;
}
.stacked-tooltip--inner {
  padding-left: 0.5rem;
}
.stacked-tooltip--inner::after,
.stacked-tooltip--inner::before {
  bottom: 1.7rem;
  left: 0;
  border-width: 0.7rem;
  border-radius: 0.3rem 0 0 0;
}
.stacked-tooltip--inner::after {
  bottom: 1.6rem;
  left: 0;
}
.stacked-tooltip--inner::before {
  width: 1.2rem;
  height: 1.2rem;
  margin-top: -0.05rem;
  margin-right: 1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.stacked-tooltip--textbox {
  padding: 1.2rem 0.9rem;
  border-radius: 0.6rem;
}
.stacked-tooltip--textbox .stacked-row span {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.stacked-tooltip--textbox .stacked-row .text {
  padding-left: 0.6rem;
}
.stacked-tooltip--textbox .stacked-row + .stacked-row {
  margin-top: 0.6rem;
}

.wrap.mobile .datepicker .datepicker--cell.-in-range-,
.wrap.mobile .datepicker-inline .datepicker--cell.-in-range-,
.wrap.mobile .datepicker .datepicker--cell.-selected-,
.wrap.mobile .datepicker .datepicker--cell.-range-to-,
.wrap.mobile .datepicker .datepicker--cell.-range-from-,
.wrap.mobile .datepicker-inline .datepicker--cell.-selected-,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-to-,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-from- {
  position: relative;
  background-color: transparent;
}
.wrap.mobile .datepicker .datepicker--cell.-in-range-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-in-range-::after,
.wrap.mobile .datepicker .datepicker--cell.-selected-::after,
.wrap.mobile .datepicker .datepicker--cell.-range-to-::after,
.wrap.mobile .datepicker .datepicker--cell.-range-from-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-selected-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-to-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-from-::after {
  position: absolute;
  top: 0;
  right: calc((100vw - 4.8rem - 22.4rem + 1.6rem) / 6 * -0.5);
  bottom: 0;
  left: calc((100vw - 4.8rem - 22.4rem + 1.6rem) / 6 * -0.5);
  background-color: #f0eafe;
  z-index: -2;
  content: "";
}

.wrap.mobile .datepicker,
.wrap.mobile .datepicker-inline {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
}
.wrap.mobile .datepicker .datepicker--nav,
.wrap.mobile .datepicker-inline .datepicker--nav {
  padding: 2.4rem 2rem;
}
.wrap.mobile .datepicker .datepicker--nav .datepicker_left,
.wrap.mobile .datepicker .datepicker--nav .datepicker_right,
.wrap.mobile .datepicker-inline .datepicker--nav .datepicker_left,
.wrap.mobile .datepicker-inline .datepicker--nav .datepicker_right {
  width: 1.8rem;
  height: 1.8rem;
  background-size: 2.4rem auto;
}
.wrap.mobile .datepicker .datepicker--nav-title,
.wrap.mobile .datepicker-inline .datepicker--nav-title {
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.wrap.mobile .datepicker .datepicker--content,
.wrap.mobile .datepicker-inline .datepicker--content {
  width: 100%;
  margin-top: 0.9rem;
  padding: 0 2rem 2.4rem;
}
.wrap.mobile .datepicker .datepicker--day-name,
.wrap.mobile .datepicker-inline .datepicker--day-name {
  width: 3.2rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .datepicker .datepicker--cells,
.wrap.mobile .datepicker-inline .datepicker--cells {
  gap: 0;
  row-gap: 2rem;
}
.wrap.mobile .datepicker .datepicker--cell,
.wrap.mobile .datepicker-inline .datepicker--cell {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0.2rem 0;
  border-radius: 4px;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .datepicker .datepicker--cell.-current-,
.wrap.mobile .datepicker-inline .datepicker--cell.-current- {
  box-shadow: none;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .datepicker .datepicker--cell.-current-.-focus-,
.wrap.mobile .datepicker-inline .datepicker--cell.-current-.-focus- {
  box-shadow: 0 0.2rem 0.6rem rgba(126, 68, 251, 0.5);
  border-radius: 0.6rem;
}
.wrap.mobile .datepicker .datepicker--cell.-selected-,
.wrap.mobile .datepicker .datepicker--cell.-range-to-,
.wrap.mobile .datepicker .datepicker--cell.-range-from-,
.wrap.mobile .datepicker-inline .datepicker--cell.-selected-,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-to-,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-from- {
  background-color: transparent;
  box-shadow: none;
}
.wrap.mobile .datepicker .datepicker--cell.-selected-::before,
.wrap.mobile .datepicker .datepicker--cell.-range-to-::before,
.wrap.mobile .datepicker .datepicker--cell.-range-from-::before,
.wrap.mobile .datepicker-inline .datepicker--cell.-selected-::before,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-to-::before,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-from-::before {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  right: 0;
  left: 0;
  background-color: #7e44fb;
  box-shadow: 0 0.2rem 0.6rem rgba(126, 68, 251, 0.5);
  border-radius: 0.6rem;
  z-index: -1;
  content: "";
}
.wrap.mobile .datepicker .datepicker--cell.-selected-.-current-,
.wrap.mobile .datepicker .datepicker--cell.-range-to-.-current-,
.wrap.mobile .datepicker .datepicker--cell.-range-from-.-current-,
.wrap.mobile .datepicker-inline .datepicker--cell.-selected-.-current-,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-to-.-current-,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-from-.-current- {
  color: #ffffff !important;
}
.wrap.mobile .datepicker .datepicker--cell.-selected-.-focus-::after,
.wrap.mobile .datepicker .datepicker--cell.-range-to-.-focus-::after,
.wrap.mobile .datepicker .datepicker--cell.-range-from-.-focus-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-selected-.-focus-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-to-.-focus-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-from-.-focus-::after {
  box-shadow: none;
}
.wrap.mobile .datepicker .datepicker--cell.-selected-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-selected-::after {
  display: none;
}
.wrap.mobile .datepicker .datepicker--cell.-in-range-:first-child::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-in-range-:first-child::after {
  border-radius: 0.6rem 0 0 0.6rem;
}
.wrap.mobile .datepicker .datepicker--cell.-in-range-.-focus-,
.wrap.mobile .datepicker-inline .datepicker--cell.-in-range-.-focus- {
  color: #000000;
}
.wrap.mobile .datepicker .datepicker--cell.-in-range-.-weekend-:not(.-other-month-)::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-in-range-.-weekend-:not(.-other-month-)::after {
  right: 0;
  border-radius: 0 0.6rem 0.6rem 0;
}
.wrap.mobile .datepicker .datepicker--cell.-in-range-.-weekend-:not(.-other-month-) + .-weekend-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-in-range-.-weekend-:not(.-other-month-) + .-weekend-::after {
  right: calc((100vw - 4.8rem) / 6 * -0.5);
  left: 0;
  border-radius: 0.6rem 0 0 0.6rem;
}
.wrap.mobile .datepicker .datepicker--cell.-in-range-.-other-month-.-weekend-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-in-range-.-other-month-.-weekend-::after {
  right: 0;
  left: calc((100vw - 4.8rem - 22.4rem + 1.6rem) / 6 * -0.5);
}
.wrap.mobile .datepicker .datepicker--cell.-in-range-.-other-month-.-weekend-:first-child::after,
.wrap.mobile
  .datepicker
  .datepicker--cell.-in-range-.-other-month-.-weekend-
  + .wrap.mobile
  .datepicker
  .datepicker--cell.-in-range-.-other-month-.-weekend-.-weekend-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-in-range-.-other-month-.-weekend-:first-child::after,
.wrap.mobile
  .datepicker
  .datepicker--cell.-in-range-.-other-month-.-weekend-
  + .wrap.mobile
  .datepicker-inline
  .datepicker--cell.-in-range-.-other-month-.-weekend-.-weekend-::after,
.wrap.mobile
  .datepicker-inline
  .datepicker--cell.-in-range-.-other-month-.-weekend-
  + .wrap.mobile
  .datepicker
  .datepicker--cell.-in-range-.-other-month-.-weekend-.-weekend-::after,
.wrap.mobile
  .datepicker-inline
  .datepicker--cell.-in-range-.-other-month-.-weekend-
  + .wrap.mobile
  .datepicker-inline
  .datepicker--cell.-in-range-.-other-month-.-weekend-.-weekend-::after {
  right: calc((100vw - 4.8rem - 22.4rem + 1.6rem) / 6 * -0.5);
  left: 0;
}
.wrap.mobile .datepicker .datepicker--cell.-range-to-,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-to- {
  z-index: 10;
}
.wrap.mobile .datepicker .datepicker--cell.-range-to-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-to-::after {
  display: block;
  right: 50%;
}
.wrap.mobile .datepicker .datepicker--cell.-range-from-,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-from- {
  z-index: 10;
}
.wrap.mobile .datepicker .datepicker--cell.-range-from-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-from-::after {
  left: 0;
}
.wrap.mobile .datepicker .datepicker--cell.-range-from- + .-in-range-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-range-from- + .-in-range-::after {
  display: block;
  left: calc((100vw - 4.8rem - 22.4rem + 1.6rem) / 6 * -1);
}
.wrap.mobile .datepicker .datepicker--cell.-other-month-.-current-,
.wrap.mobile .datepicker .datepicker--cell.-other-month-.-selected-,
.wrap.mobile .datepicker .datepicker--cell.-other-month-.-range-to-,
.wrap.mobile .datepicker .datepicker--cell.-other-month-.-range-from-,
.wrap.mobile .datepicker-inline .datepicker--cell.-other-month-.-current-,
.wrap.mobile .datepicker-inline .datepicker--cell.-other-month-.-selected-,
.wrap.mobile .datepicker-inline .datepicker--cell.-other-month-.-range-to-,
.wrap.mobile .datepicker-inline .datepicker--cell.-other-month-.-range-from- {
  color: #ffffff !important;
}
.wrap.mobile .datepicker .datepicker--cell.-weekend- + .-weekend-.-in-range-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-weekend- + .-weekend-.-in-range-::after {
  right: calc((100vw - 4.8rem - 22.4rem + 1.6rem) / 6 * -1);
  left: 0;
  border-radius: 0.6rem 0 0 0.6rem;
}
.wrap.mobile .datepicker .datepicker--cell.-weekend- + .-weekend-.-range-to-::after,
.wrap.mobile .datepicker-inline .datepicker--cell.-weekend- + .-weekend-.-range-to-::after {
  display: none;
}
.wrap.mobile .timepicker--area {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .timepicker--area::after {
  position: absolute;
  width: 1px;
  top: 1.8rem;
  left: 50%;
  bottom: 1.8rem;
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
}
.wrap.mobile .timepicker--area .timepicker--box {
  flex-shrink: 1;
  flex-grow: 1;
  width: 50%;
  text-align: center;
}
.wrap.mobile .timepicker--area .timepicker--box button,
.wrap.mobile .timepicker--area .timepicker--box a {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
}
.wrap.mobile .timepicker--area .timepicker__title {
  color: rgba(0, 0, 0, 0.4);
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .timepicker--area .timepicker__time {
  margin-top: 10px;
  color: #000000;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8rem;
}
.wrap.mobile .timepicker--filter {
  position: relative;
  margin-bottom: -1.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wrap.mobile .timepicker--filter::before,
.wrap.mobile .timepicker--filter::after {
  position: absolute;
  width: 100%;
  height: 3.7rem;
  right: 0;
  left: 0;
  background: linear-gradient(180deg, #ffffff 18.48%, rgba(255, 255, 255, 0) 100%);
  content: "";
  z-index: 10;
}
.wrap.mobile .timepicker--filter::before {
  top: 0;
}
.wrap.mobile .timepicker--filter::after {
  bottom: 0;
  transform: rotate(180deg);
}
.wrap.mobile .timepicker--filter .timepicker--column {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
}
.wrap.mobile .timepicker--filter .timepicker--column .active {
  padding-top: 1.4rem;
  padding-bottom: 1.3rem;
  color: #000000;
}
.wrap.mobile .timepicker--filter .timepicker--hour {
  width: 32.58%;
}
.wrap.mobile .timepicker--filter .timepicker--minute {
  width: 35.58%;
}
.wrap.mobile .timepicker--filter .timepicker--meridiem {
  width: 31.84%;
  padding-left: 3.37%;
}
.wrap.mobile .timepicker--filter .timepicker--inner {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  overflow: hidden;
  position: relative;
  height: 23rem;
  margin-right: 4.7rem;
  margin-left: 4.7rem;
}
.wrap.mobile .timepicker--filter .timepicker--inner::after,
.wrap.mobile .timepicker--filter .timepicker--inner::before {
  position: absolute;
  display: block;
  height: 1px;
  top: 50%;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
}
.wrap.mobile .timepicker--filter .timepicker--inner::after {
  margin-top: -3.3rem;
}
.wrap.mobile .timepicker--filter .timepicker--inner::before {
  margin-top: 2.3rem;
}
.wrap.mobile .timepicker--filter .swiper-container {
  overflow: visible;
  height: 19.4rem;
  margin-top: -0.1rem;
}
.wrap.mobile .timepicker--filter .swiper-slide {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.3);
  font-size: 2.5rem;
  font-weight: 700;
  transition: padding 0.3s, margin 0.3s;
  box-sizing: content-box;
}
.wrap.mobile .timepicker--filter .swiper-slide-prev {
  padding-top: 0.4rem;
  padding-bottom: 0.8rem;
  margin-top: -0.4rem;
}
.wrap.mobile .timepicker--filter .swiper-slide-next {
  padding-top: 0.8rem;
  padding-bottom: 0.4rem;
  margin-bottom: -0.4rem;
}
.wrap.mobile .timepicker--filter .swiper-slide-active {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  color: #000000;
}

.wrap.mobile .mypage--area {
  margin-bottom: 5rem;
}
.wrap.mobile .mypage--area .tab-text .tab--button,
.wrap.mobile .mypage--area .tab-text .tab--button.active {
  font-size: 1.4rem;
}
.wrap.mobile .mypage__menu {
  margin: -2.4rem -2rem 0;
}
.wrap.mobile .mypage__menu--box {
  background-color: #ffffff;
}
.wrap.mobile .mypage__menu--box:not(:first-child) {
  border-top: 0.8rem solid #f7f8fb;
}
.wrap.mobile .mypage__menu--box.is--menu {
  padding: 2.4rem 2rem;
}
.wrap.mobile .mypage__menu--box.is--menu li a {
  position: relative;
  display: block;
  height: 2.4rem;
  padding-right: 2.9rem;
  margin-top: 1.6rem;
  color: #000000;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6rem;
}
.wrap.mobile .mypage__menu--box.is--menu li a::after {
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  top: 50%;
  right: 0;
  background-image: url("../images/ico/page-arrow-gray.svg");
  background-size: auto 1.2rem;
  transform: translateY(-50%) rotate(-180deg);
  content: "";
}
.wrap.mobile .mypage__menu--box.is--menu .title {
  padding-bottom: 0.2rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .mypage__menu--user {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.4rem;
  padding: 2.5rem 0;
  margin-right: 2rem;
  margin-left: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.wrap.mobile .mypage__menu--user .user-image {
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
  width: 4rem;
  height: 4rem;
  background-color: #f4edfc;
  background-image: url("../images/ico/profile-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4rem;
  border-radius: 4rem;
}
.wrap.mobile .mypage__menu--user .user-image.is--profile {
  background-size: 2rem;
}
.wrap.mobile .mypage__menu--user .user-info {
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
}
.wrap.mobile .mypage__menu--user .user-info .name {
  color: #000000;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.6rem;
}
.wrap.mobile .mypage__menu--user .user-info .name strong {
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.8rem;
}
.wrap.mobile .mypage__menu--user .user-info .desc {
  margin-top: 0.6rem;
}
.wrap.mobile .mypage__menu--user .user-info .desc span {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .mypage__menu--user .user-info .desc span:not(:first-child)::before {
  display: inline-block;
  width: 1px;
  height: 0.8rem;
  margin-right: 0.8rem;
  margin-left: 0.8rem;
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
}
.wrap.mobile .mypage__menu--user .user-arrow {
  flex-shrink: 0;
  flex-grow: 0;
  width: 2.6rem;
  height: 2.6rem;
  background-image: url("../images/ico/arrow-next-black.svg");
}
.wrap.mobile .mypage__menu--utill {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}
.wrap.mobile .mypage__menu--utill a {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.7rem;
  position: relative;
  height: 9.3rem;
}
.wrap.mobile .mypage__menu--utill a:not(:first-child)::before {
  position: absolute;
  width: 1px;
  height: 3.8rem;
  top: 50%;
  left: 0;
  background-color: rgba(0, 0, 0, 0.05);
  transform: translateY(-50%);
  content: "";
}
.wrap.mobile .mypage__menu--utill .icon {
  width: 3.6rem;
  height: 3.6rem;
}
.wrap.mobile .mypage__menu--utill .text {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: rgba(0, 0, 0, 0.8);
}
.wrap.mobile .mypage__menu--utill .alarm .icon {
  background-image: url("../images/mobile/ico/noti-black.svg");
}
.wrap.mobile .mypage__menu--utill .todo .icon {
  background-image: url("../images/mobile/ico/todo-black.svg");
}
.wrap.mobile .mypage__menu--utill .info .icon {
  background-image: url("../images/mobile/ico/info-black.svg");
}
.wrap.mobile .mypage-guide {
  padding: 0;
  margin: -2.4rem -2rem 0rem;
}
.wrap.mobile .mypage-guide .tab--wrapper {
  margin: 0 2rem;
}
.wrap.mobile .mypage-guide .tab--contents {
  margin: 0 0 5rem;
  background-color: #ffffff;
  border-radius: 1rem;
}
.wrap.mobile .mypage-guide .tab--contents .table--list__title {
  font-weight: 400;
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__info {
  padding: 3rem 1.6rem 4rem;
  text-align: center;
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__info .tab-guide__title {
  margin-bottom: 2.4rem;
  font-size: 2.2rem;
  line-height: 2.4rem;
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__info .tab-guide__title strong {
  font-weight: 800;
  color: #7e44fb;
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__info .tab-guide__content {
  font-size: 1.4rem;
  word-break: keep-all;
  line-height: 2.2rem;
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__visual {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  flex-wrap: wrap;
  padding: 3rem 1.2rem 1.3rem;
  background: #f4f2ff;
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__visual .bubble-box {
  vertical-align: top;
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 100%;
  margin-bottom: 1.7rem;
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__visual .bubble-box__pointer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  overflow: hidden;
  position: absolute;
  width: 1.6rem;
  height: 1rem;
  left: 0.8rem;
  bottom: -0.8rem;
  z-index: 2;
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__visual .bubble-box__shadow {
  filter: drop-shadow(0.4rem 0rem 1.5rem rgba(126, 68, 251, 0.15));
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__visual .bubble-box__cont {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  gap: 0.8rem;
  height: auto;
  padding: 1rem 1.2rem;
  background-color: #ffffff;
  box-shadow: 0.4rem 0rem 1.5rem rgba(126, 68, 251, 0.15);
  font-size: 1rem;
  line-height: 1.2rem;
  border-radius: 1rem;
  z-index: 2;
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__visual .bubble-box .ico-guide__visual {
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__visual .bubble-box:nth-child(1) {
  margin-left: 0;
  margin-bottom: 1.7rem;
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__visual .bubble-box:nth-child(2) {
  margin-right: 3.7rem;
  margin-left: auto;
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__visual .bubble-box:nth-child(2) .bubble-box__pointer {
  right: 1.2rem;
  left: inherit;
  transform: rotateY(-180deg);
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__visual .bubble-box:nth-child(3) {
  margin-left: 2.8rem;
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__visual .bubble-box:nth-child(3) .bubble-box__pointer {
  left: 1.2rem;
  transform: rotateY(0deg);
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__visual .bubble-box:nth-child(4) {
  margin-right: 1.2rem;
  margin-left: auto;
}
.wrap.mobile .mypage-guide .tab-ssem .tab-guide__visual .bubble-box:nth-child(4) .bubble-box__pointer {
  right: 1.2rem;
  left: inherit;
  transform: rotateY(-180deg);
}
.wrap.mobile .mypage-guide .tab-ssem .guide-list {
  padding: 4rem 1.6rem 0;
}
.wrap.mobile .mypage-guide .tab-ssem .guide-list ul {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.6rem;
}
.wrap.mobile .mypage-guide .tab-ssem .guide-list ul + .guide-list__title {
  margin-top: 4rem;
}
.wrap.mobile .mypage-guide .tab-ssem .guide-list li {
  width: 100%;
  min-height: 17.2rem;
  border-radius: 1rem;
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 0 2.1rem;
}
.wrap.mobile .mypage-guide .tab-ssem .guide-list li .ico-guide {
  width: 100%;
  height: 10.8rem;
  margin-bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.wrap.mobile .mypage-guide .tab-ssem .guide-list li p {
  min-height: 4rem;
}
.wrap.mobile .mypage-guide .tab-ssem .toggle-filebox {
  overflow: hidden;
  padding: 0 2rem;
  margin: 0;
}
.wrap.mobile .mypage-guide .tab-ssem .toggle-filebox .filebox--top {
  justify-content: flex-end;
  margin: 1.6rem 0;
}
.wrap.mobile .mypage-guide .tab-ssem .toggle-filebox .filebox--bottom {
  padding: 1rem 1rem 1rem 1.2rem;
  margin-top: 1.6rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .mypage-guide .tab-notice .table--list ul,
.wrap.mobile .mypage-guide .tab-notice .toggle--list ul,
.wrap.mobile .mypage-guide .tab-faq .table--list ul,
.wrap.mobile .mypage-guide .tab-faq .toggle--list ul {
  min-height: 35.2rem;
}
.wrap.mobile .mypage-guide .tab-notice .table--list:last-child ul,
.wrap.mobile .mypage-guide .tab-notice .toggle--list:last-child ul,
.wrap.mobile .mypage-guide .tab-faq .table--list:last-child ul,
.wrap.mobile .mypage-guide .tab-faq .toggle--list:last-child ul {
  min-height: 42.8rem;
}
.wrap.mobile .mypage-guide .tab-notice .table--list__button,
.wrap.mobile .mypage-guide .tab-notice .toggle--list__button,
.wrap.mobile .mypage-guide .tab-faq .table--list__button,
.wrap.mobile .mypage-guide .tab-faq .toggle--list__button {
  padding: 1.6rem 3.6rem;
  padding-left: 0;
}
.wrap.mobile .mypage-guide__detail .toggle-filebox {
  margin-top: 0.8rem;
}
.wrap.mobile .mypage-info {
  padding: 2.4rem 2rem 3rem;
}
.wrap.mobile .mypage-info__profile {
  position: relative;
  width: 10rem;
  height: 10rem;
  margin: 0 auto 3rem;
}
.wrap.mobile .mypage-info__profile .image {
  position: relative;
  width: 10rem;
  height: 10rem;
  margin-bottom: 22px;
  background-color: #f2ecff;
  background-image: url("../images/ico/profile-big-white.svg");
  border-radius: 10rem;
  z-index: 5;
}
.wrap.mobile .mypage-info__profile .button-icon {
  position: absolute;
  width: 2.8rem;
  height: 2.8rem;
  right: 0;
  bottom: 0;
  background-color: #f6f6f6;
  border-color: #e0e0e0;
  z-index: 10;
}
.wrap.mobile .mypage-info .box--edit-items .text-bullet {
  word-break: keep-all;
}
.wrap.mobile .mypage--qna {
  display: flex;
  flex-direction: column;
  margin-bottom: 4rem;
}
.wrap.mobile .mypage--qna .tab--wrapper {
  width: calc(100% + 40px);
  min-height: 100%;
  margin-left: -2rem;
  margin-right: -2rem;
}
.wrap.mobile .mypage--qna .tab--wrapper .tab-box {
  flex-shrink: 0;
  flex-grow: 0;
  padding: 0 2rem 0.8rem;
}
.wrap.mobile .mypage--qna .tab--wrapper .tab-box > .tab--button {
  padding: 0.9rem 1.4rem;
}
.wrap.mobile .mypage--qna .tab--contents {
  flex-shrink: 1;
  flex-grow: 1;
  margin: 0 2rem 2rem;
}
.wrap.mobile .mypage--qna .tab--contents .dropdown--area {
  width: 100%;
}
.wrap.mobile .mypage--qna .tab--contents .dropdown--select {
  padding: 1.6rem;
  border: none;
}
.wrap.mobile .mypage--qna .tab--contents .dropdown--select::after {
  width: 2rem;
  height: 2rem;
}
.wrap.mobile .mypage--qna .tab--contents .term--contents {
  min-height: 38.4rem;
  padding: 2.4rem 1.6rem;
}
.wrap.mobile .mypage--qna .tab-qna .table--list ul {
  min-height: 35.2rem;
}
.wrap.mobile .mypage--qna .tab-qna .table--list:last-child ul {
  min-height: 42.8rem;
}
.wrap.mobile .mypage--qna .tab-term .term--title,
.wrap.mobile .mypage--qna .tab-privacy .term--title {
  padding-top: 0.8rem;
  margin-bottom: 1.4rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6rem;
}
.wrap.mobile .mypage--qna .tab-term .table--setting,
.wrap.mobile .mypage--qna .tab-privacy .table--setting {
  margin-bottom: 0;
}
.wrap.mobile .mypage--qna .tab-term .table--box,
.wrap.mobile .mypage--qna .tab-privacy .table--box {
  margin-top: 1.6rem;
}
.wrap.mobile .mypage--qna .tab-signout .term--contents .title {
  margin-bottom: 1.2rem;
}
.wrap.mobile .mypage--qna .tab-signout .term--contents .text-bullet {
  padding-left: 1rem;
  margin-top: 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
.wrap.mobile .mypage--qna .tab-signout .term--contents .text-bullet::before {
  opacity: 1;
}
.wrap.mobile .mypage--qna .table--box .table--setting {
  padding: 1.5rem 1.6rem;
}
.wrap.mobile .mypage--qna .table--box .pagenavi--number {
  color: rgba(0, 0, 0, 0.6);
}
.wrap.mobile .mypage--qna .table--box .pagenavi--number.active {
  color: #ffffff;
}
.wrap.mobile .mypage--qna .table--box .table--list .table--list__title {
  font-weight: 500;
}
.wrap.mobile .mypage--qna .table--box .table--list .table--list__sub {
  margin-top: 0.8rem;
}
.wrap.mobile .mypage--qna .box--view.has--line {
  border-top: 0.8rem solid #f7f8fb;
}
.wrap.mobile .mypage--qna .box--view.has--line .box--view__subject .toggle-filebox {
  margin: 0;
}
.wrap.mobile .mypage--qna .box--view.has--line .box--view__subject .toggle-filebox.open {
  margin-bottom: -2.4rem;
}
.wrap.mobile .mypage--qna .box--view.has--line .box--view__subject .toggle-filebox .people-name {
  margin-left: 1rem;
}
.wrap.mobile .mypage--qna .box--view.has--line .box--view__subject .toggle-filebox .date {
  margin-left: 0.5rem;
}
.wrap.mobile .mypage--qna .box--view .toggle-filebox .state-box {
  font-weight: 500;
}
.wrap.mobile .mypage--qna .box--view .toggle-filebox .people-name strong {
  font-weight: 500;
}
.wrap.mobile .mypage-alert {
  gap: 0;
  width: 100%;
  padding-top: 0;
}
.wrap.mobile .mypage-alert.is--notice {
  width: 100%;
}
.wrap.mobile .mypage-alert .tab--wrapper.tab-toggle > .tab-box {
  padding: 0.6rem;
  background-color: #d8deef;
}
.wrap.mobile .mypage-alert .tab--wrapper.tab-toggle > .tab-box > .tab--button {
  font-size: 1.4rem;
  font-weight: 800;
}
.wrap.mobile .mypage-alert .tab--wrapper.tab-tag .tab--button.active {
  font-size: 1.2rem;
  font-weight: 600;
}
.wrap.mobile .mypage-alert .tab--wrapper.tab-text {
  border-bottom: 0;
}
.wrap.mobile .mypage-alert .tab--wrapper.tab-text .tab--button {
  font-size: 1.4rem;
  font-weight: 800;
  color: rgba(0, 0, 0, 0.6);
}
.wrap.mobile .mypage-alert .tab--wrapper.tab-text .tab--button.active {
  color: #7e44fb;
}
.wrap.mobile .mypage-alert .tab--wrapper.tab-full > .tab-box > .tab--button {
  width: 100%;
  font-weight: 400;
}
.wrap.mobile .mypage-alert .tab--wrapper.tab-full > .tab-box > .tab--button.active {
  font-weight: 800;
}
.wrap.mobile .mypage-alert .tab--contents {
  width: 100%;
  padding: 0;
}
.wrap.mobile .mypage-alert .tab--contents .tab--wrapper.tab-tag {
  width: calc(100% + 40px);
  margin-left: -2rem;
  margin-right: -2rem;
}
.wrap.mobile .mypage-alert .tab--contents .tab--wrapper.tab-tag > .tab-box {
  padding: 2.4rem 2rem 0.8rem;
}
.wrap.mobile .mypage-alert .tab--contents .tab--wrapper .tab--contents {
  padding-top: 0;
}
.wrap.mobile .mypage-alert .tab--contents.alert .table--box .table--setting {
  padding: 1.5rem 1.6rem;
}
.wrap.mobile .mypage-alert .tab--contents.alram .table--setting {
  background-color: #f8f9fd;
  min-height: 4.6rem;
  padding: 1.5rem 1.6rem;
  border-radius: 1rem 1rem 0 0;
  margin-bottom: 0;
}
.wrap.mobile .mypage-alert .tab--contents.alram .table--setting strong {
  font-size: 1.4rem;
}
.wrap.mobile .mypage-alert .tab--contents.alram .table--setting + .mypage-alram {
  border-radius: 0 0 1rem 1rem;
}
.wrap.mobile .mypage-alert .tab--contents.alram .table--box {
  border-radius: 0;
}
.wrap.mobile .mypage-alert .tab--contents.alram .mypage-alram {
  padding: 1.6rem;
  margin: 0;
  margin-bottom: 1.6rem;
  border-radius: 1rem;
  min-height: 11.1rem;
}
.wrap.mobile .mypage-alert .tab--contents.alram .mypage-alram--center {
  padding-left: 4.4rem;
}
.wrap.mobile .mypage-alert .tab--contents.alram .mypage-alram--center .state-box {
  width: 3.4rem;
  height: 3.4rem;
  margin-top: 0;
  font-size: 0;
}
.wrap.mobile .mypage-alert .tab--contents.alram .mypage-alram--textbox {
  width: 100%;
}
.wrap.mobile .mypage-alert .tab--contents.alram .mypage-alram--textbox .textbox-title .text {
  padding-top: 0;
}
.wrap.mobile .mypage-alert .tab--contents.alram .mypage-alram--textbox .textbox-text {
  margin-top: 1rem;
}
.wrap.mobile .mypage-alert .tab--contents.alram .mypage-alram:last-child {
  margin-bottom: 0;
}
.wrap.mobile .mypage-alert .tab--contents.alram .mypage-alram.filebox .textbox-title {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.wrap.mobile .mypage-alert .tab--contents.alram .mypage-alram.filebox .textbox-title .text {
  padding-top: 0;
}
.wrap.mobile .mypage-alert .tab--contents.alram .mypage-alram.filebox .file-attach {
  position: relative;
}
.wrap.mobile .mypage-alert .tab--contents.alram .mypage-alram.filebox .filebox--bottom {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  top: 0;
  right: 1.6rem;
  width: 15rem;
  padding: 1rem 0 0;
  margin: 2.1rem -2rem 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.6rem;
  background-color: #fff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  z-index: 1111;
}
.wrap.mobile .mypage-alert .tab--contents.alram .mypage-alram.filebox .filebox--bottom li {
  padding: 0 1.2rem 1rem;
  border-bottom: 1px solid #dddddd;
  border-radius: 0;
  background-color: #ffffff;
}
.wrap.mobile .mypage-alert .tab--contents.alram .mypage-alram.filebox .filebox--bottom li:last-child {
  border-bottom: 0;
}
.wrap.mobile .mypage-alert .toggle-filebox {
  margin: 0;
}
.wrap.mobile .mypage-alert .mypage-alram {
  display: block;
  flex-wrap: wrap;
  padding: 1.6rem 0;
  margin: 0 1.6rem;
  border-bottom-color: #ededed;
  gap: 1rem;
}
.wrap.mobile .mypage-alert .mypage-alram.fixed .textbox-text {
  font-weight: 400;
}
.wrap.mobile .mypage-alert .mypage-alram--center {
  padding-left: 0;
}
.wrap.mobile .mypage-alert .mypage-alram--center .mypage-alram--textbox .textbox-text {
  margin-top: 0.6rem;
  color: rgba(0, 0, 0, 0.6);
}
.wrap.mobile .mypage-alert .mypage-alram--setting {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wrap.mobile .mypage-alert .mypage-alram--setting .state-box {
  margin-right: 0.3rem;
  margin-left: 0.6rem;
}
.wrap.mobile .mypage-alert .mypage-alram .input-check {
  width: 2rem;
  height: 2rem;
  margin-top: 0.2rem;
}
.wrap.mobile .mypage-alert .mypage-alram .input-check .input--box::before {
  border-radius: 3.4rem;
  content: "";
}
.wrap.mobile .mypage-alert .mypage-alram--textbox .textbox-desc {
  margin-top: 2rem;
}
.wrap.mobile .mypage-alert .mypage-alram--textbox .textbox-desc span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: rgba(0, 0, 0, 0.8);
}
.wrap.mobile .mypage-alert .mypage-alram--textbox .textbox-desc span [class^="ico-"] {
  margin-top: -0.3rem;
}
.wrap.mobile .mypage-alert .mypage-alram--textbox .textbox-title .text {
  padding-top: 1.1rem;
  padding-bottom: 0.4rem;
}
.wrap.mobile .mypage-alert .mypage-alram--textbox .textbox-text img {
  display: block;
}
.wrap.mobile .mypage-alert .mypage-alram .info-tag__menu {
  right: 0;
  top: 1.6rem;
}
.wrap.mobile .mypage-alert .mypage-alram .info-tag__menu .button-icon {
  width: 1.8rem;
  height: 1.8rem;
  background-size: contain;
}
.wrap.mobile .mypage-alert .page__button {
  margin-top: 3rem;
  padding-bottom: 5rem;
}
.wrap.mobile .mypage-alert .page__button .pagenavi--number {
  color: rgba(0, 0, 0, 0.6);
}
.wrap.mobile .mypage-alert .page__button .pagenavi--number.active {
  color: #ffffff;
}
.wrap.mobile .mypage-alram {
  background-color: #ffffff;
  margin: 0;
}
.wrap.mobile .mypage-alram--link {
  display: flex;
  flex-direction: row;
  padding: 21px 24px;
  gap: 0;
  border-top: 1px solid #d9d9d9;
}
.wrap.mobile .mypage-alram--link .button-text.bg {
  background-color: transparent;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .mypage-alram--center .mypage-alram--textbox .textbox-title {
  display: flex;
  flex-direction: row;
  align-items: top;
}
.wrap.mobile .mypage-alram--center .mypage-alram--textbox .textbox-title .text {
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: 700;
}
.wrap.mobile .mypage-alram--center .mypage-alram--textbox .textbox-title .date {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .mypage-alram--center .mypage-alram--textbox .textbox-text {
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.wrap.mobile .mypage-alram .mypage-alram--textbox .textbox-title {
  flex-direction: column;
}
.wrap.mobile .mypage-alram .mypage-alram--textbox .textbox-title .date {
  margin-left: 0px;
}
.wrap.mobile .mypage-alram .mypage-alram--textbox .textbox-title .date::before {
  display: none;
}
.wrap.mobile .mypage--top-info {
  padding: 1.8rem 0;
  margin-top: 2.4rem;
  border-radius: 1rem;
}
.wrap.mobile .mypage--top-info + .tab-tag--wrapper {
  margin-top: 44px;
}
.wrap.mobile .mypage--top-info .mypage--top {
  width: 33.333%;
}
.wrap.mobile .mypage--top-info .mypage--top.blue .title::before {
  border-color: #7199ff;
}
.wrap.mobile .mypage--top-info .mypage--top.green .title::before {
  border-color: #4fcf82;
}
.wrap.mobile .mypage--top-info .mypage--top.orange .title::before {
  border-color: #ff9960;
}
.wrap.mobile .mypage--top-info .title {
  display: flex;
  margin-top: 0rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4rem;
}
.wrap.mobile .mypage--top-info .title::before {
  flex-shrink: 0;
  flex-grow: 0;
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  margin-top: 0.3rem;
  margin-right: 0.5rem;
  background-color: #ffffff;
  border-radius: 1.4rem;
  border-width: 0.2rem;
  border-style: solid;
  border-color: #7199ff;
  content: "";
}
.wrap.mobile .mypage--top-info .title .blue::before {
  border-color: #74de97;
  content: "";
}
.wrap.mobile .mypage--top-info .text {
  display: inherit;
  margin-top: 1.2rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2rem;
}
.wrap.mobile .mypage--top-info .text span {
  font-size: 1.4rem;
  font-weight: 400;
}

.wrap.mobile .contents--title {
  z-index: 11 !important;
}
.wrap.mobile .button--today .button-main {
  width: 4.8rem;
  height: 2.8rem;
  padding: 0;
  font-size: 1.2rem;
}
.wrap.mobile .timetable__area {
  padding-bottom: 4rem;
}
.wrap.mobile .timetable__area .date--button {
  margin-bottom: 2rem;
}
.wrap.mobile .timetable__area .f-violet-50 {
  padding-top: 0.6rem;
  color: #7e44fb;
  font-size: 1rem;
}
.wrap.mobile .timetable__area .box--empty .box--empty-text {
  gap: 0.2rem;
}
.wrap.mobile .timetable__area .box--empty .box--empty-icon {
  width: 5rem;
  height: 5rem;
  margin-bottom: 0.4rem;
}
.wrap.mobile .timetable__area .box--empty p {
  font-size: 1.2rem;
  line-height: 2rem;
}
.wrap.mobile .timetable__area .box-bg__white {
  overflow: hidden;
}
.wrap.mobile .timetable--table__item .timetable--table__scroll {
  overflow: hidden;
  overflow-x: auto;
  display: block;
  margin-right: -1.6rem;
  -webkit-transform: none;
}
.wrap.mobile .timetable--box {
  position: relative;
  padding: 0;
}
.wrap.mobile .timetable--button {
  position: absolute;
  top: -0.4rem;
  right: 0;
  box-shadow: 0 0.2rem 1.1rem rgba(0, 0, 0, 0.08);
}
.wrap.mobile .timetable--button button {
  width: 2.5rem;
  height: 2.5rem;
  background-size: 1.6rem;
}
.wrap.mobile .timetable--button > p {
  width: 0.1rem;
  height: 2.5rem;
}
.wrap.mobile .timetable--legend {
  gap: 1.2rem;
}
.wrap.mobile .timetable--legend p {
  gap: 0.8rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .timetable--legend p span {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.6rem;
  border-width: 0.15rem;
}
.wrap.mobile .timetable--table {
  padding-right: 0;
  padding-left: 0;
  margin-top: 0.9rem;
}
.wrap.mobile .timetable--table > table thead th {
  padding-bottom: 1.6rem;
  border-bottom: 0;
}
.wrap.mobile .timetable--table > table thead th .timetable--table-day {
  position: relative;
  width: 4rem;
  height: 4.5rem;
}
.wrap.mobile .timetable--table > table thead th .timetable--table-day strong {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .timetable--table > table thead th .timetable--table-day span {
  margin-top: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .timetable--table > table thead th .timetable--table-day.today {
  border-radius: 1rem;
}
.wrap.mobile .timetable--table__scroll table {
  width: auto;
  min-width: calc(100% - 1.6rem);
  table-layout: auto;
  margin-right: 1.6rem;
}
.wrap.mobile .timetable--table__scroll table tbody tr {
  display: block;
  height: 3.3rem;
}
.wrap.mobile .timetable--table__scroll table tbody tr:last-child th::before {
  display: none;
}
.wrap.mobile .timetable--table__scroll table tbody tr.allday {
  display: none;
}
.wrap.mobile .timetable--table__scroll table tbody tr.is-allday {
  height: 9.8rem;
}
.wrap.mobile .timetable--table__scroll table tbody tr.is-allday th:first-child:not(.empty) p,
.wrap.mobile .timetable--table__scroll table tbody tr.is-allday td:first-child:not(.empty) p {
  overflow: hidden;
  justify-content: flex-start;
  width: 5.3rem;
  top: 0;
  left: 1rem;
  padding-left: 1rem;
  padding-bottom: 2.4rem;
  margin-left: -2rem;
  font-size: 1.2rem;
}
.wrap.mobile .timetable--table__scroll table tbody tr.is-allday th:first-child:not(.empty)::before,
.wrap.mobile .timetable--table__scroll table tbody tr.is-allday td:first-child:not(.empty)::before {
  top: 0;
  bottom: 0.9rem;
}
.wrap.mobile .timetable--table__scroll table tbody tr.is-allday td {
  align-items: flex-start;
  height: 9.8rem;
  padding-top: 0;
  padding-bottom: 0;
}
.wrap.mobile .timetable--table__scroll table tbody tr.is-allday td .lesson--item {
  position: relative;
  height: auto;
  top: auto;
}
.wrap.mobile .timetable--table__scroll table tbody tr.is-allday td .lesson--item-inner {
  height: 7.4rem !important;
}
.wrap.mobile .timetable--table__scroll table tbody tr.is-allday td .lesson--item-text {
  margin-top: 0.4rem;
  line-height: 1.4rem;
}
.wrap.mobile .timetable--table__scroll table tbody tr.is-allday td .lesson--item + .lesson--item {
  margin-top: 0;
}
.wrap.mobile .timetable--table__scroll table tbody th,
.wrap.mobile .timetable--table__scroll table tbody td {
  height: 3.3rem;
  left: -3.3rem;
  padding-right: 0;
}
.wrap.mobile .timetable--table__scroll table tbody th:first-child:not(.empty),
.wrap.mobile .timetable--table__scroll table tbody td:first-child:not(.empty) {
  height: 3.2rem;
}
.wrap.mobile .timetable--table__scroll table tbody th:first-child:not(.empty)::before,
.wrap.mobile .timetable--table__scroll table tbody td:first-child:not(.empty)::before {
  height: 7.4rem;
  top: -1.3rem;
  left: 0;
  right: -1rem;
  z-index: 50;
}
.wrap.mobile .timetable--table__scroll table tbody th:nth-child(2) .lesson--item .tooltip--box,
.wrap.mobile .timetable--table__scroll table tbody td:nth-child(2) .lesson--item .tooltip--box {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  left: 7.6rem;
}
.wrap.mobile .timetable--table__scroll table tbody th:nth-child(2) .lesson--item .tooltip--box-inner::after,
.wrap.mobile .timetable--table__scroll table tbody th:nth-child(2) .lesson--item .tooltip--box-inner::before,
.wrap.mobile .timetable--table__scroll table tbody td:nth-child(2) .lesson--item .tooltip--box-inner::after,
.wrap.mobile .timetable--table__scroll table tbody td:nth-child(2) .lesson--item .tooltip--box-inner::before {
  margin-left: -5rem;
}
.wrap.mobile .timetable--table__scroll table tbody th:nth-child(2) .lesson--item .tooltip--box.is--up,
.wrap.mobile .timetable--table__scroll table tbody td:nth-child(2) .lesson--item .tooltip--box.is--up {
  -webkit-transform: translateZ(0) translateY(-100%);
  -moz-transform: translateZ(0) translateY(-100%);
  transform: translateZ(0) translateY(-100%);
}
.wrap.mobile .timetable--table__scroll table tbody th {
  position: fixed;
  z-index: 50;
}
.wrap.mobile .timetable--table__scroll table tbody th p {
  margin-top: -0.7rem;
  padding-right: 0;
  font-size: 1.2rem;
  line-height: 1.4rem;
  z-index: 60;
}
.wrap.mobile .timetable--table__scroll table tbody td {
  display: flex;
  padding-left: 0;
  margin-left: 4.3rem;
  font-size: 0;
  white-space: nowrap;
}
.wrap.mobile .timetable--table__scroll table tbody td .lesson--item + .lesson--item {
  margin-left: 0.3rem;
}
.wrap.mobile .lesson--item {
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  vertical-align: top;
  display: inline-block;
  width: 16.3rem;
  height: 3.2rem;
}
.wrap.mobile .lesson--item .tooltip--box {
  display: none;
  left: 7.6rem;
}
.wrap.mobile .lesson--item .tooltip--box-inner::after,
.wrap.mobile .lesson--item .tooltip--box-inner::before {
  margin-left: -5rem;
}
.wrap.mobile .lesson--item .tooltip--box-inner .tooltip--box-text {
  text-align: left;
}
.wrap.mobile .lesson--item .tooltip--box-inner .tooltip--box-text p {
  text-align: left;
}
.wrap.mobile .lesson--item:nth-child(2) .tooltip--box-inner::before,
.wrap.mobile .lesson--item:nth-child(2) .tooltip--box-inner::after {
  margin-left: 0;
}
.wrap.mobile .lesson--item-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.4rem 1rem;
  border-radius: 0.4rem;
}
.wrap.mobile .lesson--item-inner::before {
  width: 0.2rem;
  border-radius: 0.4rem 0 0 0.4rem;
}
.wrap.mobile .lesson--item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 1.2rem;
  line-height: 2rem;
}
.wrap.mobile .lesson--item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
}
.wrap.mobile .lesson--item-time {
  margin-top: 0.4rem;
  font-size: 1rem;
  line-height: 1.2rem;
}
.wrap.mobile .lesson--item.item--1 {
  width: calc(100% - 1.6rem);
}
.wrap.mobile .lesson--item.item--2 {
  width: 16.3rem;
}
.wrap.mobile .lesson--item.item--3 {
  width: 16.3rem;
}
.wrap.mobile .lesson--item.minimum .lesson--item-inner {
  align-items: flex-start;
  height: 3.2rem !important;
  padding-top: 0;
  padding-bottom: 0;
}
.wrap.mobile .lesson--item.open {
  z-index: 40;
}
.wrap.mobile .lesson--item.open .tooltip--box {
  display: block;
}

.wrap.mobile {
  overflow: hidden;
  min-width: auto;
  height: 100%;
}
.wrap.mobile .container {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  z-index: 30;
}
.wrap.mobile .container.join {
  background-color: #ffffff;
}
.wrap.mobile .contents-area {
  flex-shrink: 1;
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  max-width: none;
  padding: 2.4rem 2rem 5rem;
  z-index: 10;
}
.wrap.mobile .contents-area + .contents--buttons.is--subpage {
  margin-top: -2.6rem;
}
.wrap.mobile .contents-area + .contents--buttons.is--subpage button,
.wrap.mobile .contents-area + .contents--buttons.is--subpage a {
  padding-right: 1rem;
  padding-left: 1rem;
}
.wrap.mobile .contents-area.bg--white {
  padding: 0;
  margin-bottom: 0;
  background-color: #ffffff;
}
.wrap.mobile .contents-area.bg--white + .contents--buttons,
.wrap.mobile .contents-area.bg--white + .contents--buttons.is--subpage {
  margin-top: 0;
  background: none;
  background-color: #ffffff;
}
.wrap.mobile .contents--title {
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  z-index: 5;
}
.wrap.mobile .contents--title__box {
  max-width: none;
  padding: 2rem;
}
.wrap.mobile .contents--title__box .button--today .button-main {
  width: 4.8rem;
  height: 2.8rem;
  font-size: 1.2rem;
  padding: 0;
  color: #7e44fb;
}
.wrap.mobile .contents--title.no-bg .contents--title__text {
  font-size: 1.6rem;
  font-weight: 800;
}
.wrap.mobile .contents--title.no-bg .contents--title__text .tooltip--box-wrap {
  margin-left: 0.7rem;
}
.wrap.mobile .contents--title.no-bg .contents--title__text .tooltip--box-wrap,
.wrap.mobile .contents--title.no-bg .contents--title__text .tooltip--box-wrap .tooltip--button {
  width: 2rem;
  height: 2rem;
}
.wrap.mobile .contents--title.no-bg .contents--title__box {
  height: 5.8rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.wrap.mobile .contents--title.no-bg .contents--title__right .button-right {
  height: 2.8rem;
  padding-right: 1.3rem;
  padding-left: 1.3rem;
  background-color: #ffffff;
  border-radius: 0.6rem;
  color: #7e44fb;
  font-size: 1.2rem;
  font-weight: 700;
}
.wrap.mobile .contents--title.no-bg .contents--title__right .button-icon:hover {
  background-color: transparent;
}
.wrap.mobile .contents--buttons {
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
}
.wrap.mobile .contents--buttons button,
.wrap.mobile .contents--buttons a {
  width: 100%;
  min-width: 0;
  height: 5.6rem;
  border-radius: 0;
  font-size: 1.6rem;
}
.wrap.mobile .contents--buttons.is--subpage {
  position: relative;
  gap: 0.8rem;
  height: 10rem;
  padding: 2.6rem 2rem 3rem;
  margin-right: 0;
  margin-left: 0;
  background: linear-gradient(180deg, rgba(237, 241, 252, 0) 2.5%, #edf1fc 19%);
  z-index: 15;
}
.wrap.mobile .contents--buttons.is--subpage button,
.wrap.mobile .contents--buttons.is--subpage a {
  height: 4.4rem;
  border-radius: 0.6rem;
  font-size: 1.4rem;
}
.wrap.mobile .contents--search {
  display: flex;
  flex-direction: column;
  position: fixed;
  display: none;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  z-index: 300;
}
.wrap.mobile .contents--search__title {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  min-width: 0;
  width: 100%;
  min-height: 6.5rem;
  padding-right: 2rem;
  padding-left: 1.3rem;
}
.wrap.mobile .contents--search__title .search--back {
  flex-shrink: 0;
  flex-grow: 0;
  width: 4.2rem;
  height: 4.8rem;
  background-image: url("../images/ico/prev-black.svg");
  background-size: 2.8rem;
}
.wrap.mobile .contents--search__title .title {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  height: 3.4rem;
  background-color: #f8f8f8;
  border-radius: 10rem;
}
.wrap.mobile .contents--search__title .title input {
  flex-shrink: 1;
  flex-grow: 1;
  padding: 0 1.2rem;
  background-color: transparent;
  font-size: 1.4rem;
}
.wrap.mobile .contents--search__title .title .search--button {
  flex-shrink: 0;
  flex-grow: 0;
  width: 2.7rem;
  height: 2.7rem;
  margin-left: 1.2rem;
  background-image: url("../images/ico/search-black.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2rem;
}
.wrap.mobile .contents--search__title .title .clear--button {
  flex-shrink: 0;
  flex-grow: 0;
  width: 2.7rem;
  height: 2.7rem;
  margin-right: 1.2rem;
  background-image: url("../images/mobile/ico/clear-gray.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.4rem;
}
.wrap.mobile .contents--search__title .cancel--button {
  padding: 0 1rem;
  font-size: 1.6rem;
}
.wrap.mobile .contents--search__results {
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .contents--search__results .box--empty {
  gap: 0.4rem;
  height: 100%;
}
.wrap.mobile .contents--search__results .box--empty-icon {
  width: 7rem;
  height: 7rem;
  margin-bottom: 0.4rem;
}
.wrap.mobile .contents--search__results .box--empty-text .f-16-sb {
  line-height: 2rem;
}
.wrap.mobile .contents--search.is--result {
  bottom: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .contents--search.is--result .contents--search__results {
  display: none;
}
.wrap.mobile .contents--search.open {
  display: flex;
}
.wrap.mobile .contents--more {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 3rem 2rem;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
.wrap.mobile .contents--more .more__menu,
.wrap.mobile .contents--more .more__btn {
  width: 100%;
  background-color: #ffffff;
  border-radius: 1rem;
  font-size: 1.6rem;
  text-align: center;
}
.wrap.mobile .contents--more .more__menu a,
.wrap.mobile .contents--more .more__menu button {
  display: block;
  height: 5.2rem;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  color: #000000;
  font-size: 1.6rem;
  line-height: 5.1rem;
}
.wrap.mobile .contents--more .more__btn {
  height: 5.2rem;
  margin-top: 0.8rem;
  color: #ff2424;
  line-height: 5.1rem;
}
.wrap.mobile .contents--more.open {
  display: flex;
}

.wrap.mobile {
  /* HEADER */
}
.wrap.mobile header {
  position: relative;
  z-index: 100;
}
.wrap.mobile .header--wrapper {
  display: block;
  max-width: none;
  padding: 0;
}
.wrap.mobile .header--wrapper.has--line {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .header--wrapper.has--step {
  border-bottom: 0.3rem solid rgba(0, 0, 0, 0.07);
}
.wrap.mobile .header--wrapper.has--step::after {
  position: absolute;
  display: block;
  height: 0.3rem;
  left: 0;
  bottom: 0;
  background-color: #7e44fb;
  border-radius: 0 0.3rem 0.3rem 0;
  content: "";
}
.wrap.mobile .header--wrapper.has--step.step1::after {
  width: 33.3334%;
}
.wrap.mobile .header--wrapper.has--step.step2::after {
  width: 66.6668%;
}
.wrap.mobile .header--wrapper.has--step.step3::after {
  width: 100.0002%;
}
.wrap.mobile .header--wrapper.has--step.step3::after {
  width: 100%;
  border-radius: 0;
}
.wrap.mobile .header--button {
  flex-shrink: 0;
  flex-grow: 0;
  width: 4.2rem;
  height: calc(4.2rem - 2px);
  margin-left: 1.3rem;
  background-size: 2.8rem;
}
.wrap.mobile .header--button + .title:last-child {
  margin-right: 5.5rem;
}
.wrap.mobile .header--button.is--back {
  background-image: url("../images/ico/prev-black.svg");
}
.wrap.mobile .header--button.is--toggle {
  background-image: url("../images/mobile/ico/menu-black.svg");
}
.wrap.mobile .header--button.is--close {
  background-image: url("../images/ico/cancel-black.svg");
}
.wrap.mobile .header--button.is--more {
  background-image: url("../images/ico/more-black.svg");
}
.wrap.mobile .header--button.is--siren {
  background-image: url("../images/ico/siren-black.svg");
}
.wrap.mobile .header--title {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  min-width: 0;
  width: 100%;
  min-height: 6.5rem;
}
.wrap.mobile .header--title__box {
  min-width: 0;
  width: 100%;
}
.wrap.mobile .header--title .title {
  flex: 1 1 auto;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
}
.wrap.mobile .header--title .title strong {
  font-size: 2.2rem;
  font-weight: 800;
}
.wrap.mobile .header--title .title:first-child {
  margin-left: 5.5rem;
}
.wrap.mobile .header--title .title + .header--button {
  margin-right: 1.3rem;
  margin-left: 0;
}
.wrap.mobile .header--title .header--step {
  margin-right: 2.4rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.4rem;
}
.wrap.mobile .header--hamburger {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  width: 27.2rem;
  height: 100%;
  background-color: #ffffff;
  z-index: 10;
}
.wrap.mobile header.open .header--hamburger__box {
  display: block;
}

.wrap.mobile .header--hamburger__box {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.wrap.mobile .header--hamburger__close {
  position: absolute;
  width: 2.8rem;
  height: 2.8rem;
  top: 3rem;
  right: 1.6rem;
  background-image: url("../images/ico/cancel-black.svg");
}
.wrap.mobile .header--menu__box {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  overflow-y: auto;
  display: block;
  min-width: 0;
  padding: 2rem 2rem 3rem;
}
.wrap.mobile .header--menu__box ul {
  gap: 2.6rem;
  flex-direction: column;
  align-items: start;
}
.wrap.mobile .header--menu__box ul,
.wrap.mobile .header--menu__box ul li {
  width: 100%;
  margin: 0;
}
.wrap.mobile .header--menu__box ul li .header--menu__item {
  display: block;
  width: 100%;
  text-align: left;
  line-height: 2rem;
}
.wrap.mobile .header--menu__box ul li .header--menu__item,
.wrap.mobile .header--menu__box ul li .header--menu__item.active,
.wrap.mobile .header--menu__box ul li .header--menu__item.click {
  color: #000000;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8rem;
}
.wrap.mobile .header--menu__box ul li .header--menu__item::after,
.wrap.mobile .header--menu__box ul li .header--menu__item.active::after,
.wrap.mobile .header--menu__box ul li .header--menu__item.click::after {
  transform: rotate(0);
}
.wrap.mobile .header--menu__box ul li .header--menu__item::after {
  position: absolute;
  display: block;
  width: 2rem;
  height: 2rem;
  top: 0;
  right: 0;
  background-image: url("../images/ico/up-black.svg");
  transform: rotate(180deg);
  content: "";
}
.wrap.mobile .header--menu__box ul li .header--menu__item.click + .header--menu__depth2,
.wrap.mobile .header--menu__box ul li .header--menu__item.active + .header--menu__depth2,
.wrap.mobile .header--menu__box ul li .header--menu__item:hover + .header--menu__depth2 {
  display: block;
}
.wrap.mobile .header--menu__box ul li .header--menu__depth2 {
  position: relative;
  top: auto;
  margin-top: 1.3rem;
}
.wrap.mobile .header--menu__box ul li .header--menu__depth2 .header--menu__depth2-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
  padding: 1.6rem 0;
  border: none;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  border-radius: 0;
}
.wrap.mobile .header--menu__box ul li .header--menu__depth2 a {
  width: auto;
  padding: 0;
  margin: 0;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
}
.wrap.mobile .header--menu__box ul li .header--menu__depth2 a,
.wrap.mobile .header--menu__box ul li .header--menu__depth2 a:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.wrap.mobile .header--menu__title {
  margin-bottom: 2rem;
  color: #7e44fb;
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.6rem;
}
.wrap.mobile .header--menu__link {
  display: block;
  color: #000000;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.wrap.mobile .header--menu__link:not(:last-child) {
  margin-bottom: 2.4rem;
}
.wrap.mobile .header--utill__box {
  padding-top: 2rem;
  padding-right: 2rem;
  padding-bottom: 3rem;
  padding-left: 2rem;
}
.wrap.mobile .header--utill__box .cs--number {
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .header--utill__box .cs--time {
  margin-top: 0.6rem;
}
.wrap.mobile .header--utill__box .cs--time,
.wrap.mobile .header--utill__box .cs--time span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8rem;
}
.wrap.mobile .header--utill__box .cs--time span {
  color: rgba(0, 0, 0, 0.4);
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .header--utill__box .cs--time span:first-child::after {
  display: block;
  width: 1px;
  height: 0.8rem;
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
}
.wrap.mobile .header--profile__box {
  padding: 5.8rem 2.6rem 2.8rem 3.7rem;
  background-color: #f8f9fd;
}
.wrap.mobile .header--profile__box .profile-box__users {
  text-align: center;
}
.wrap.mobile .header--profile__box .profile-box__users .profile-image {
  width: 6.6rem;
  height: 6.6rem;
  margin-right: auto;
  margin-left: auto;
  border-radius: 6.6rem;
  background-color: #ddddfa;
  background-image: url("../images/ico/profile-big-white.svg");
}
.wrap.mobile .header--profile__box .profile-box__users .profile-name {
  margin-top: 1.4rem;
  color: #000000;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2rem;
}
.wrap.mobile .header--profile__box .profile-box__users .profile-desc {
  margin-top: 0.8rem;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .header--profile__box .profile-box__menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 2.2rem -2.6rem 0 -3.7rem;
  padding-right: 0.6rem;
  padding-left: 0.6rem;
}
.wrap.mobile .header--profile__box .profile-box__menu a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 0 1.8rem;
  white-space: nowrap;
}
.wrap.mobile .header--profile__box .profile-box__menu a:not(:first-child)::before {
  position: absolute;
  width: 1px;
  height: 3rem;
  top: 50%;
  left: 0;
  background-color: #dcdcdc;
  transform: translateY(-50%);
  content: "";
}
.wrap.mobile .header--profile__box .profile-box__menu a .icon {
  width: 2.2rem;
  height: 2.2rem;
}
.wrap.mobile .header--profile__box .profile-box__menu a .text {
  margin-top: 1rem;
  color: rgba(0, 0, 0, 0.7);
  font-family: NanumSquareRound;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .header--profile__box .profile-box__menu a.alarm .icon {
  background-image: url("../images/mobile/ico/noti-gray.svg");
}
.wrap.mobile .header--profile__box .profile-box__menu a.mypage .icon {
  background-image: url("../images/mobile/ico/my-gray.svg");
}
.wrap.mobile .header--profile__box .profile-box__menu a.logout .icon {
  background-image: url("../images/mobile/ico/logout-gray.svg");
}
.wrap.mobile .header--profile__box .profile-box__menu a.login {
  background-color: transparent;
}
.wrap.mobile .header--profile__box .profile-box__menu a.login .icon {
  background-image: url("../images/mobile/ico/login-gray.svg");
}
.wrap.mobile.is--dark .header--button.is--back {
  background-image: url("../images/ico/prev-white.svg");
}
.wrap.mobile.is--dark .header--button.is--toggle {
  background-image: url("../images/mobile/ico/menu-white.svg");
}
.wrap.mobile.is--dark .header--button.is--close {
  background-image: url("../images/ico/cancel-white.svg");
}
.wrap.mobile.is--dark .header--button.is--more {
  background-image: url("../images/ico/more-white.svg");
}
.wrap.mobile.is--dark .header--button.is--siren {
  background-image: url("../images/ico/siren-white.svg");
}
.wrap.mobile.is--dark .header--title .header--step {
  color: #ffffff;
}

.wrap.mobile footer {
  background: #ffffff;
  margin: 0 -2rem -5rem;
  padding: 0 2rem;
  background-color: #ffffff;
}
.wrap.mobile footer .footer--wrapper {
  padding: 2.7rem 0 3.3rem;
}
.wrap.mobile footer .footer--logo {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
  row-gap: 1.8rem;
  width: 100%;
  margin: 0;
}
.wrap.mobile footer .footer--logo a {
  margin: 0;
}
.wrap.mobile footer .footer--logo .logo-01 {
  width: 6.65rem;
  height: 1.7rem;
  background-size: auto 1.7rem;
}
.wrap.mobile footer .footer--logo .logo-02 {
  width: 6rem;
  height: 1.75rem;
  background-size: auto 1.75rem;
}
.wrap.mobile footer .footer--logo .logo-03 {
  width: 8.55rem;
  height: 1.2rem;
  background-size: auto 1.2rem;
}
.wrap.mobile footer .footer--logo .logo-04 {
  width: 4.6rem;
  height: 1.45rem;
  background-size: auto 1.45rem;
}
.wrap.mobile footer .footer--logo .logo-05 {
  width: 9.65rem;
  height: 1.65rem;
  background-size: auto 1.65rem;
}
.wrap.mobile footer .footer--logo .logo-06 {
  width: 7.85rem;
  height: 1.35rem;
  background-size: auto 1.35rem;
}
.wrap.mobile footer .footer--bottom {
  flex-direction: column;
  align-items: start;
  gap: 0;
  margin-top: 3rem;
}
.wrap.mobile footer .footer--text {
  gap: 0.8rem;
  margin-bottom: 1rem;
}
.wrap.mobile footer .footer--text:first-child {
  align-items: start;
  flex-wrap: wrap;
  gap: 2.6rem;
  row-gap: 1rem;
  margin-bottom: 2rem;
}
.wrap.mobile footer .footer--text-title {
  font-size: 1.4rem;
  white-space: nowrap;
}
.wrap.mobile footer .footer--text-title:not(a) {
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile footer .footer--text-cont a,
.wrap.mobile footer .footer--text-cont span {
  line-height: 1.4rem;
}
.wrap.mobile footer .footer--text-cont a {
  font-size: 1.4rem;
}
.wrap.mobile footer .footer--text-cont span {
  font-size: 1.2rem;
}
.wrap.mobile footer .footer--text-cont span::before {
  display: none;
}
.wrap.mobile footer .footer--text-cont span:first-child {
  color: #000000;
}
.wrap.mobile.is--dark .footer--text-cont span:first-child {
  color: #ffffff;
}

.wrap.mobile footer .footer--copy {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  width: 100%;
  margin-top: 1.1rem;
}
.wrap.mobile footer .footer--copy-logo {
  flex-shrink: 0;
  flex-grow: 0;
  width: 8rem;
  height: 2.2rem;
}
.wrap.mobile footer .footer--copy-text {
  font-size: 1rem;
}
.wrap.mobile .contents-area.bg--white footer {
  margin: 0;
  padding: 0 2rem;
  background-color: #ffffff;
}

/* ←←←←←←←←←←←←←←←←←←←←← [LAYOUT] */
.wrap.mobile {
  /* TAB */
  /* BUTTON */
  /* PAGE NAVIGATION */
  /* DROP DOWN */
  /* PAGE BUTTON */
  /* DATE BUTTON */
}
.wrap.mobile .tab--wrapper.bg--white > .tab-box {
  background-color: #ffffff;
}
.wrap.mobile .tab--wrapper.tab-full > .tab-box > .tab--button {
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
}
.wrap.mobile .tab-box {
  gap: 0.6rem;
  height: auto;
}
.wrap.mobile .tab-box.tab-fit:not(.tab-text) .tab--button {
  padding-top: 0.2rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.wrap.mobile .tab-box.tab-full > .tab--button {
  min-width: 0;
}
.wrap.mobile .tab-box.tab-double > .tab--button {
  width: 50%;
}
.wrap.mobile .tab-box.tabtriple > .tab--button {
  width: 33.3333%;
}
.wrap.mobile .tab-box.tabquadruple > .tab--button {
  width: 25%;
}
.wrap.mobile .tab-box.tabquintuple > .tab--button {
  width: 20%;
}
.wrap.mobile .tab--button {
  min-width: 0rem;
  width: auto;
  height: auto;
  padding: 1.2rem 0 1rem;
  margin-top: 0;
  background-color: #e3e4f8;
  border-bottom-width: 0;
  border-radius: 1.4rem 1.4rem 0 0;
  color: #000000;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .tab--button,
.wrap.mobile .tab--button .text {
  font-size: 1.2rem;
}
.wrap.mobile .tab--button .num {
  margin-left: 2rem;
}
.wrap.mobile .tab--button.active {
  margin-top: 0;
  background-color: #ffffff;
}
.wrap.mobile .tab--contents {
  border-radius: 0 0 1rem 1rem;
}
.wrap.mobile .tab-text {
  height: auto;
  border-bottom: none;
}
.wrap.mobile .tab-text > .tab-box {
  gap: 0;
  padding-top: 0.8rem;
  border-bottom: 1px solid #d9d9d9;
}
.wrap.mobile .tab-text > .tab-box > .tab--button {
  height: 4rem;
  margin-top: 0;
  margin-bottom: -1px;
  background-color: transparent;
  border-radius: 0;
  border-bottom-width: 0.3rem;
}
.wrap.mobile .tab-text > .tab-box > .tab--button.active {
  color: #7e44fb;
}
.wrap.mobile .tab-text.is--sub .tab-box {
  padding-top: 0.4rem;
  padding-right: 2rem;
  padding-left: 2rem;
}
.wrap.mobile .tab-textlist {
  gap: 4.8rem;
}
.wrap.mobile .tab-textlist .tab--button {
  margin: 0;
  font-size: 2.8rem;
  line-height: 3.2rem;
  border-radius: 0;
}
.wrap.mobile .tab-textlist .tab--button:not(:first-child)::before {
  height: 2.4rem;
  left: -2.4rem;
}
.wrap.mobile .tab-tags {
  gap: 2rem;
  width: calc(100% - (5.8rem + 1.6rem));
}
.wrap.mobile .tab-tags--wrapper.is--scroll .tab-tags {
  padding-right: 0;
  margin-right: 5.8rem1.6rem;
}
.wrap.mobile .tab-tags--wrapper.is--scroll .tab-tags--box:not(.tags-select)::before,
.wrap.mobile .tab-tags--wrapper.is--scroll .tab-tags--box:not(.tags-select)::after {
  right: 5.8rem;
  width: 4rem;
  height: 5.8rem;
}
.wrap.mobile .tab-tags--wrapper.is--scroll .tab-tags--box:not(.tags-select)::before {
  left: -1.5rem;
}
.wrap.mobile .tab-tags--wrapper.is--scroll .tab-tags--box:not(.tags-select) .tag--button {
  width: 29rem;
}
.wrap.mobile .tab-tags--box .tab-action {
  width: 5.8rem;
  height: 5.8rem;
  border-radius: 1rem;
}
.wrap.mobile .tab-tags--box .box--empty {
  gap: 0.8rem;
  width: calc(100% - 7.2rem);
  min-height: 29.5rem;
  border-radius: 10px;
  font-size: 2rem;
  line-height: 3.5rem;
}
.wrap.mobile .tab-tags--box .box--empty .box--empty-icon {
  width: 7rem;
  height: 7rem;
}
.wrap.mobile .tab-tags--box .box--empty .button-main {
  margin-top: 3.5rem;
}
.wrap.mobile .tab-tags--box.tags-select .tab-tags {
  padding-right: 0;
  margin-right: 5.8rem1.6rem;
  gap: 1.6rem 1.4rem;
}
.wrap.mobile .tab-tags--box.tags-select .tag--button {
  padding: 0 4rem;
}
.wrap.mobile .tab-tags .tag--button {
  max-width: 33.8rem;
  font-size: 2rem;
  line-height: 2.3rem;
  border-radius: 1rem;
  height: 5.8rem;
  padding: 0 30px;
}
.wrap.mobile .tab-tags .tag--button .tab-tag--text {
  font-size: 2rem;
  line-height: 2.3rem;
  border-radius: 1rem;
}
.wrap.mobile .tab-tags .tag--button .button-delete {
  right: 2rem;
  top: 50%;
}
.wrap.mobile .tab-tags .tag--button:hover .tab-tag--text {
  padding-right: 2.8rem;
}
.wrap.mobile .tab-round .tab--button {
  border-radius: 5rem;
}
.wrap.mobile .tab-tag {
  overflow: hidden;
  flex-direction: column;
  gap: 0;
  padding: 0;
}
.wrap.mobile .tab-tag > .tab-box {
  overflow: hidden;
  overflow-x: auto;
  gap: 1rem;
  padding: 2.4rem 0 0.8rem;
  margin-bottom: 0.8rem;
}
.wrap.mobile .tab-tag > .tab-box > .tab--button {
  height: auto;
  min-height: 3.2rem;
  padding: 0.7rem 1.4rem;
  margin-top: 0;
  background-color: #e3e4f8;
  border-radius: 3.2rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .tab-tag > .tab-box > .tab--button.active {
  background-color: #7e44fb;
  color: #ffffff;
}
.wrap.mobile .tab-tag.is--white > .tab-box > .tab--button.active {
  color: #000000;
  background-color: #ffffff;
}
.wrap.mobile .tab-tag.is--sub .tab-box {
  padding: 1.3rem 0 0.7rem;
  margin-bottom: 0.6rem;
}
.wrap.mobile .tab-tag.has--close > .tab-box {
  padding: 2.4rem;
}
.wrap.mobile .tab-tag.has--close > .tab-box > .tab--button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
  padding: 0;
}
.wrap.mobile .tab-tag.has--close > .tab-box > .tab--button .text {
  padding: 0.9rem 1.4rem;
}
.wrap.mobile .tab-tag.has--close > .tab-box > .tab--button .text:not(:last-child) {
  padding-right: 0;
}
.wrap.mobile .tab-tag.has--close > .tab-box > .tab--button .ico-cancel-black {
  margin-right: 1.4rem;
}
.wrap.mobile .tab-tag.has--close > .tab-box > .tab--button.active .text {
  font-weight: 700;
}
.wrap.mobile .tab-tag.has--close.is--sub > .tab-box > .tab--button.active .text {
  color: #ffffff;
}
.wrap.mobile .tab-tag.has--close.is--sub > .tab-box > .tab--button.active .ico-cancel-black {
  background-image: url("../images/ico/cancel-white.svg");
}
.wrap.mobile .tab-tag.has--px {
  padding-right: 2rem;
  padding-left: 2rem;
}
.wrap.mobile .tab-toggle > .tab-box {
  gap: 0;
  width: 100%;
  padding: 0.4rem;
  background-color: rgba(126, 68, 251, 0.1);
  border-radius: 4rem;
}
.wrap.mobile .tab-toggle > .tab-box > .tab--button {
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
  padding: 0.8rem;
  margin: 0;
  background-color: transparent;
  border-radius: 4rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.2rem;
}
.wrap.mobile .tab-toggle > .tab-box > .tab--button.active {
  background-color: #7e44fb;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 800;
}
.wrap.mobile .tab-toggle.is--sub .tab-box {
  padding: 0.6rem;
  background-color: #d8deef;
}
.wrap.mobile .tab-toggle.is--sub .tab--button {
  padding: 0.6rem;
}
.wrap.mobile .button-tag {
  padding: 0.4rem 1rem;
  border-radius: 5rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .button-tag [class^="ico-"] {
  margin-left: 0.3rem;
}
.wrap.mobile .button-tag [class^="ico-"]:first-child {
  margin-left: 0;
  margin-right: 0.3rem;
}
.wrap.mobile [class^="line"].button-tag {
  padding: 0.4rem 1.3rem;
}
.wrap.mobile .grayline.button-main {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #000000;
}
.wrap.mobile .button-main {
  min-width: 16.5rem;
  padding: 0 5rem;
  height: 4.4rem;
  font-size: 1.8rem;
}
.wrap.mobile .button-main.is--large {
  height: 5.6rem;
}
.wrap.mobile .button-main.is--small {
  min-width: 0;
  height: 4rem;
  padding-right: 1.9rem;
  padding-left: 1.9rem;
}
.wrap.mobile .button-main.is--small.gray {
  padding-right: 1.8rem;
  padding-left: 1.8rem;
}
.wrap.mobile .button-main.is--lsmall {
  min-width: 0;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  height: 3.6rem;
  border-radius: 0.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .button-main.is--msmall,
.wrap.mobile .button-main.is--xsmall {
  min-width: 0;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  height: 3rem;
  border-radius: 0.6rem;
  font-size: 1.6rem;
}
.wrap.mobile .button-main.is--xsmall {
  height: 2.8rem;
  padding-right: 0.6rem;
  padding-left: 0.6rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
  cursor: pointer;
}
.wrap.mobile .button-main.is--ico {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.wrap.mobile .button-main.is--ico p {
  margin-right: 0.4rem;
}
.wrap.mobile .button-main.is--round {
  border-radius: 10rem;
}
.wrap.mobile .button-sub {
  min-width: 13rem;
  height: 4rem;
  padding: 0 3.2rem;
  border-radius: 2.2rem;
  font-size: 1.8rem;
}
.wrap.mobile .button-text {
  height: 4rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.wrap.mobile .button-text [class^="ico-"]:first-child {
  margin-right: 0.4rem;
}
.wrap.mobile .button-text.bg {
  padding-left: 1.6rem;
  padding-right: 1.2rem;
}
.wrap.mobile .button-text.nobg {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.wrap.mobile .button-text.nobg p[class^="ico"] {
  margin-right: 0;
}
.wrap.mobile .button-text.line {
  padding-left: 1.1rem;
  padding-right: 1.3rem;
}
.wrap.mobile .button-text.line-light {
  padding: 0.4rem 1.3rem;
}
.wrap.mobile .button-text.line-light [class^="ico-"]:first-child {
  margin-left: -0.2rem;
}
.wrap.mobile .button-text.line-light [class^="ico-"]:last-child {
  margin-right: -0.2rem;
}
.wrap.mobile .button-text.is--lsmall {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  height: 3.4rem;
  border-radius: 0.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .button-state {
  gap: 0.7rem;
  padding-right: 1.1rem;
  padding-left: 1.5rem;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.wrap.mobile .button-state::after {
  width: 2.8rem;
  height: 2.8rem;
}
.wrap.mobile .button-icon {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 3.6rem;
}
.wrap.mobile .button-tag.is--small {
  width: auto;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.wrap.mobile .button-tag.is--large {
  height: 3rem;
}
.wrap.mobile .button-tag span {
  margin-left: 0.4rem;
}
.wrap.mobile .button-toggle button,
.wrap.mobile .button-toggle a {
  min-width: 9rem;
  height: 4rem;
  border-radius: 0.8rem 0 0 0.8rem;
  font-size: 1.6rem;
}
.wrap.mobile .button-toggle button + a,
.wrap.mobile .button-toggle button + button,
.wrap.mobile .button-toggle a + a,
.wrap.mobile .button-toggle a + button {
  margin-left: -0.1rem;
  border-radius: 0 0.8rem 0.8rem 0;
}
.wrap.mobile .button-toggle.is--violet {
  border-radius: 0.8rem;
}
.wrap.mobile .button-toggle.is--violet button,
.wrap.mobile .button-toggle.is--violet a {
  border-radius: 0.8rem;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.wrap.mobile .button-toggle.is--violet button + a,
.wrap.mobile .button-toggle.is--violet button + button,
.wrap.mobile .button-toggle.is--violet a + a,
.wrap.mobile .button-toggle.is--violet a + button {
  margin-left: 0;
}
.wrap.mobile .button-toggle.is--violet-opacity button,
.wrap.mobile .button-toggle.is--violet-opacity a {
  line-height: 1.8rem;
}
.wrap.mobile .pagenavi--box {
  gap: 1rem;
}
.wrap.mobile .pagenavi--box button,
.wrap.mobile .pagenavi--box a {
  height: 2rem;
  background-size: auto 1.2rem;
}
.wrap.mobile .pagenavi--box.pagenavi--step .pagenavi--number .input-box--text {
  font-size: 2rem;
  width: 5rem;
  height: 3rem;
  min-height: 3rem;
  padding: 0.3rem 0.4rem 0.6rem;
}
.wrap.mobile .pagenavi--box.pagenavi--step .pagenavi--arrow {
  margin-left: 0.6rem;
  margin-right: 0.6rem;
}
.wrap.mobile .pagenavi--box.pagenavi--step .is--prev {
  width: 0.7rem;
}
.wrap.mobile .pagenavi--box.pagenavi--step .is--next {
  width: 0.7rem;
}
.wrap.mobile .pagenavi--arrow {
  height: 2rem;
}
.wrap.mobile .pagenavi--arrow.is--prev,
.wrap.mobile .pagenavi--arrow.is--next {
  width: 0.6rem;
}
.wrap.mobile .pagenavi--arrow.is--first,
.wrap.mobile .pagenavi--arrow.is--last {
  width: 1.2rem;
}
.wrap.mobile .pagenavi--arrow.is--first {
  margin-right: 0rem;
}
.wrap.mobile .pagenavi--arrow.is--prev {
  margin-right: 0.6rem;
}
.wrap.mobile .pagenavi--arrow.is--next {
  margin-left: 0.6rem;
}
.wrap.mobile .pagenavi--arrow.is--last {
  margin-left: 0rem;
}
.wrap.mobile .pagenavi--number {
  font-size: 1.2rem;
  line-height: 2.2rem;
}
.wrap.mobile .pagenavi--number.active {
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.4rem;
  border-radius: 2rem;
}
.wrap.mobile .dropdown--area.last > .dropdown--box {
  margin-bottom: 0.4rem;
}
.wrap.mobile .dropdown--area.is--large > .dropdown--select {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.wrap.mobile .dropdown--area.is--large > .dropdown--select::after {
  right: 1.1rem;
}
.wrap.mobile .dropdown--area.is--text > .dropdown--select {
  padding-top: 0;
  padding-right: 1.9rem;
  padding-bottom: 0;
  padding-left: 0;
}
.wrap.mobile .dropdown--area.is--text > .dropdown--select::after {
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
}
.wrap.mobile .dropdown--area.is--text > .dropdown--select + .dropdown--box {
  width: 12.2rem;
  margin-top: 1.6rem;
  margin-left: -4.8rem;
}
.wrap.mobile .dropdown--area.has--checkbox .input-check .input--box .input--text {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.item--search .wrap.mobile .dropdown--area .input-box--text input[type="text"] {
  font-size: 1.6rem;
}
.item--search .wrap.mobile .dropdown--area .button-main.is--small {
  width: 7.8rem;
}
.item--search .wrap.mobile .dropdown--area .dropdown--box.bg--item .input-check {
  padding: 0.6rem 1rem;
}
.item--search .wrap.mobile .dropdown--area .dropdown--box.bg--item .input-check .input--text {
  font-size: 1.4rem;
  gap: 0.8rem;
}
.wrap.mobile .dropdown--select {
  width: 100%;
  height: auto;
  min-height: 4.2rem;
  padding: 1.2rem 3.2rem 1.2rem 1.4rem;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .dropdown--select::after {
  width: 2rem;
  height: 2rem;
  right: 1.2rem;
  background-image: url("../images/ico/down-stroke2-black.svg");
  margin-top: -1rem;
}
.wrap.mobile .dropdown--box {
  max-height: 22.5rem;
  margin-top: 0.4rem;
  padding: 0.9rem;
  gap: 0.6rem;
}
.layer-area .wrap.mobile .dropdown--box {
  max-height: 22.4rem;
}
.wrap.mobile .dropdown--box > .dropdown--item {
  padding: 1rem;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .dropdown--box > .dropdown--item span strong {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.wrap.mobile .dropdown--box > .dropdown--item.input-check {
  margin-bottom: 0;
}
.wrap.mobile .dropdown--box.no--data {
  padding: 2rem;
  height: 14rem;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.wrap.mobile .dropdown--box.bg--item .input-check {
  padding: 1rem;
  border-radius: 0.4rem;
}
.wrap.mobile .dropdown--box.bg--item .input-check span strong {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.wrap.mobile .page__button {
  gap: 1.4rem;
}
.wrap.mobile .page__button > button:not(.button-text),
.wrap.mobile .page__button > a {
  min-width: 24rem;
  padding-right: 2rem;
  padding-left: 2rem;
}
.wrap.mobile .page__button.is--small {
  gap: 1.2rem;
}
.wrap.mobile .page__button.is--small > button:not(.button-text),
.wrap.mobile .page__button.is--small > a {
  min-width: 16.4rem;
  height: 4.4rem;
}
.wrap.mobile .page__button-left,
.wrap.mobile .page__button-right {
  width: 17.7rem;
}
.wrap.mobile .page__button-left > button:not(.button-text),
.wrap.mobile .page__button-left > a,
.wrap.mobile .page__button-right > button:not(.button-text),
.wrap.mobile .page__button-right > a {
  min-width: 10.9rem;
  padding-right: 1rem;
  padding-left: 1rem;
}
.wrap.mobile .date--button {
  gap: 1.8rem;
  padding-right: 0;
  padding-left: 0;
}
.wrap.mobile .date--button .button-icon {
  width: 2.4rem;
  height: 2.4rem;
  background-color: #ffffff;
}
.wrap.mobile .date--button .button-icon > p {
  width: 0.9rem;
  height: 0.9rem;
  margin-right: 1px;
  background-image: url("../images/mobile/ico/calendar-next-black.svg");
  background-position: center;
}
.wrap.mobile .date--button .date--button-prev {
  margin-left: 0.4rem;
}
.wrap.mobile .date--button .date--button-next {
  margin-right: 0.4rem;
}
.wrap.mobile .date--button.has--picker > p {
  gap: 1.2rem;
}
.wrap.mobile .date--button.is--title {
  gap: 3.1rem;
  padding-right: 0;
  padding-left: 0;
}

.wrap.mobile .ico-91 {
  width: 9.1rem;
  height: 9.1rem;
  background-size: contain;
}
.wrap.mobile .ico-83 {
  width: 8.3rem;
  height: 8.3rem;
  background-size: contain;
}
.wrap.mobile .ico-68 {
  width: 6.8rem;
  height: 6.8rem;
  background-size: contain;
}
.wrap.mobile .ico-46 {
  width: 4.6rem;
  height: 4.6rem;
  background-size: contain;
}
.wrap.mobile .ico-42 {
  width: 4.2rem;
  height: 4.2rem;
  background-size: contain;
}
.wrap.mobile .ico-40 {
  width: 4rem;
  height: 4rem;
  background-size: contain;
}
.wrap.mobile .ico-36 {
  width: 3.6rem;
  height: 3.6rem;
  background-size: contain;
}
.wrap.mobile .ico-34 {
  width: 3.4rem;
  height: 3.4rem;
  background-size: contain;
}
.wrap.mobile .ico-32 {
  width: 3.2rem;
  height: 3.2rem;
  background-size: contain;
}
.wrap.mobile .ico-30 {
  width: 3rem;
  height: 3rem;
  background-size: contain;
}
.wrap.mobile .ico-28 {
  width: 2.8rem;
  height: 2.8rem;
  background-size: contain;
}
.wrap.mobile .ico-27 {
  width: 2.7rem;
  height: 2.7rem;
  background-size: contain;
}
.wrap.mobile .ico-26 {
  width: 2.6rem;
  height: 2.6rem;
  background-size: contain;
}
.wrap.mobile .ico-24 {
  width: 2.4rem;
  height: 2.4rem;
  background-size: contain;
}
.wrap.mobile .ico-22 {
  width: 2.2rem;
  height: 2.2rem;
  background-size: contain;
}
.wrap.mobile .ico-20 {
  width: 2rem;
  height: 2rem;
  background-size: contain;
}
.wrap.mobile .ico-19 {
  width: 1.9rem;
  height: 1.9rem;
  background-size: contain;
}
.wrap.mobile .ico-18 {
  width: 1.8rem;
  height: 1.8rem;
  background-size: contain;
}
.wrap.mobile .ico-17 {
  width: 1.7rem;
  height: 1.7rem;
  background-size: contain;
}
.wrap.mobile .ico-16 {
  width: 1.6rem;
  height: 1.6rem;
  background-size: contain;
}
.wrap.mobile .ico-14 {
  width: 1.4rem;
  height: 1.4rem;
  background-size: contain;
}
.wrap.mobile .ico-12 {
  width: 1.2rem;
  height: 1.2rem;
  background-size: contain;
}
.wrap.mobile .ico-10 {
  width: 1rem;
  height: 1rem;
  background-size: contain;
}
.wrap.mobile .ico-13 {
  width: 1.3rem;
  height: 1.3rem;
  background-size: contain;
  display: inline-block;
}
.wrap.mobile .ico-50 {
  width: 5rem;
  height: 5rem;
  background-size: contain;
  display: inline-block;
}
.wrap.mobile .ico-58 {
  width: 5.8rem;
  height: 5.8rem;
  background-size: contain;
  display: inline-block;
}
.wrap.mobile .ico-filter-black {
  background-image: url("../images/mobile/ico/filter-black.svg");
}
.wrap.mobile .ico-menu-black {
  background-image: url("../images/mobile/ico/menu-black.svg");
}
.wrap.mobile .ico-search-black {
  background-image: url("../images/mobile/ico/search-black.svg");
}
.wrap.mobile .ico-delete-black {
  background-image: url("../images/mobile/ico/delete-black.svg");
}
.wrap.mobile .ico-calendar-black {
  background-image: url("../images/mobile/ico/calendar-black.svg");
}
.wrap.mobile .ico-calendar-left-black {
  background-image: url("../images/mobile/ico/calendar-left-black.svg");
}
.wrap.mobile .ico-calendar-right-black {
  background-image: url("../images/mobile/ico/calendar-right-black.svg");
}
.wrap.mobile .ico-info-black {
  background-image: url("../images/mobile/ico/info-black.svg");
}
.wrap.mobile .ico-noti-black {
  background-image: url("../images/mobile/ico/noti-black.svg");
}
.wrap.mobile .ico-todo-black {
  background-image: url("../images/mobile/ico/todo-black.svg");
}
.wrap.mobile .ico-modal-close-black {
  background-image: url("../images/mobile/ico/modal-close-black.svg");
}
.wrap.mobile .ico-fullscreen-white {
  background-image: url("../images/mobile/ico/fullscreen-white.svg");
}
.wrap.mobile .ico-play-white {
  background-image: url("../images/mobile/ico/play-white.svg");
}
.wrap.mobile .ico-video-jump-white {
  background-image: url("../images/mobile/ico/video-jump-white.svg");
}
.wrap.mobile .ico-filebox-down-white {
  background-image: url("../images/mobile/ico/filebox-down-white.svg");
}
.wrap.mobile .ico-live-white {
  background-image: url("../images/mobile/ico/live-white.svg");
}
.wrap.mobile .ico-calendar-gray {
  background-image: url("../images/mobile/ico/calendar-gray.svg");
}
.wrap.mobile .ico-people-gray {
  background-image: url("../images/mobile/ico/people-gray.svg");
}
.wrap.mobile .ico-classes-gray {
  background-image: url("../images/mobile/ico/classes-gray.svg");
}
.wrap.mobile .ico-noti-gray {
  background-image: url("../images/mobile/ico/noti-gray.svg");
}
.wrap.mobile .ico-my-gray {
  background-image: url("../images/mobile/ico/my-gray.svg");
}
.wrap.mobile .ico-logout-gray {
  background-image: url("../images/mobile/ico/logout-gray.svg");
}
.wrap.mobile .ico-login-gray {
  background-image: url("../images/mobile/ico/login-gray.svg");
}
.wrap.mobile .ico-files-gray {
  background-image: url("../images/mobile/ico/files-gray.svg");
}
.wrap.mobile .ico-download-gray {
  background-image: url("../images/mobile/ico/download-gray.svg");
}
.wrap.mobile .ico-clear-gray {
  background-image: url("../images/mobile/ico/clear-gray.svg");
}
.wrap.mobile .ico-search-gray {
  background-image: url("../images/mobile/ico/search-gray.svg");
}
.wrap.mobile .ico-student-dark-gray {
  background-image: url("../images/mobile/ico/student-dark-gray.svg");
}
.wrap.mobile .ico-cancel-gray {
  background-image: url("../images/mobile/ico/cancel-gray.svg");
}
.wrap.mobile .ico-class-dark-gray {
  background-image: url("../images/mobile/ico/class-dark-gray.svg");
}
.wrap.mobile .ico-tooltip-blue {
  background-image: url("../images/mobile/ico/tooltip-blue.svg");
}
.wrap.mobile .ico-excel-color {
  background-image: url("../images/mobile/ico/excel-color.png");
}
.wrap.mobile .ico-hwp-color {
  background-image: url("../images/mobile/ico/hwp-color.png");
}
.wrap.mobile .ico-pdf-color {
  background-image: url("../images/mobile/ico/pdf-color.png");
}
.wrap.mobile .ico-powerpoint-color {
  background-image: url("../images/mobile/ico/powerpoint-color.png");
}
.wrap.mobile .ico-word-color {
  background-image: url("../images/mobile/ico/word-color.png");
}
.wrap.mobile .ico-excel-small-color {
  background-image: url("../images/mobile/ico/excel-small-color.png");
}
.wrap.mobile .ico-hwp-small-color {
  background-image: url("../images/mobile/ico/hwp-small-color.png");
}
.wrap.mobile .ico-pdf-small-color {
  background-image: url("../images/mobile/ico/pdf-small-color.png");
}
.wrap.mobile .ico-powerpoint-small-color {
  background-image: url("../images/mobile/ico/powerpoint-small-color.png");
}
.wrap.mobile .ico-screenshot-small-color {
  background-image: url("../images/mobile/ico/screenshot-small-color.png");
}
.wrap.mobile .ico-word-small-color {
  background-image: url("../images/mobile/ico/word-small-color.png");
}
.wrap.mobile .ico-img-color {
  background-image: url("../images/mobile/ico/img-color.png");
}
.wrap.mobile .ico-img-small-color {
  background-image: url("../images/mobile/ico/img-small-color.png");
}
.wrap.mobile .img-video-thumb-violet {
  background-image: url("../images/mobile/img/video-thumb-violet.png");
}
.wrap.mobile .img-board-thumb-violet {
  background-image: url("../images/mobile/img/board-thumb-violet.png");
}
.wrap.mobile .img-digital-element01 {
  background-image: url("../images/mobile/img/digital-element01.png");
}
.wrap.mobile .img-digital-element02 {
  background-image: url("../images/mobile/img/digital-element02.png");
}
.wrap.mobile .img-digital-element03 {
  background-image: url("../images/mobile/img/digital-element03.png");
}
.wrap.mobile .img-digital-element04 {
  background-image: url("../images/mobile/img/digital-element04.png");
}
.wrap.mobile .img-digital-element05 {
  background-image: url("../images/mobile/img/digital-element05.png");
}
.wrap.mobile .img-digital-element06 {
  background-image: url("../images/mobile/img/digital-element06.png");
}
.wrap.mobile .img-digital-element07 {
  background-image: url("../images/mobile/img/digital-element07.png");
}
.wrap.mobile .img-digital-element08 {
  background-image: url("../images/mobile/img/digital-element08.png");
}
.wrap.mobile .img-digital-high01 {
  background-image: url("../images/mobile/img/digital-high01.png");
}
.wrap.mobile .img-digital-high02 {
  background-image: url("../images/mobile/img/digital-high02.png");
}
.wrap.mobile .img-digital-high03 {
  background-image: url("../images/mobile/img/digital-high03.png");
}
.wrap.mobile .img-digital-high04 {
  background-image: url("../images/mobile/img/digital-high04.png");
}
.wrap.mobile .img-digital-high05 {
  background-image: url("../images/mobile/img/digital-high05.png");
}
.wrap.mobile .img-digital-high06 {
  background-image: url("../images/mobile/img/digital-high06.png");
}
.wrap.mobile .img-digital-high07 {
  background-image: url("../images/mobile/img/digital-high07.png");
}
.wrap.mobile .img-digital-high08 {
  background-image: url("../images/mobile/img/digital-high08.png");
}
.wrap.mobile .main-visual {
  background-image: url("../images/mobile/main/visual.svg");
}

.wrap.mobile .input-check {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.wrap.mobile .input-check .input--box {
  gap: 0.6rem;
}
.wrap.mobile .input-check .input--box::before {
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid rgba(0, 0, 0, 0.4);
  content: "";
  border-radius: 0.4rem;
}
.wrap.mobile .input-check .input--box .input--text {
  padding: 0.2rem 0;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .input-check .input--box--text {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .input-check.is--circle {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.wrap.mobile .input-check.is--circle .input--box {
  gap: 0.6rem;
}
.wrap.mobile .input-check.is--circle .input--box::before {
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid rgba(0, 0, 0, 0.4);
  content: "";
  border-radius: 1.8rem;
}
.wrap.mobile .input-check.is--circle .input--box .input--text {
  padding: 0.2rem 0;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .input-check.is--circle .input--box--text {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .input-check.is--circle input:not([type="text"]):checked + .input--box::before {
  background-color: transparent;
}
.wrap.mobile .input-radio {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.wrap.mobile .input-radio .input--box {
  gap: 0.6rem;
}
.wrap.mobile .input-radio .input--box::before {
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid rgba(0, 0, 0, 0.4);
  content: "";
  border-radius: 1.8rem;
}
.wrap.mobile .input-radio .input--box .input--text {
  padding: 0.2rem 0;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .input-radio .input--box--text {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .input-box--text {
  min-height: 4.2rem;
  padding: 1.2rem;
  border-radius: 0.6rem;
  font-size: 1.4rem;
}
.wrap.mobile .input-box--text::placeholder {
  font-size: 1.4rem;
}
.wrap.mobile .input-box--text::-moz-placeholder {
  font-size: 1.4rem;
}
.wrap.mobile .input-box--text::-webkit-input-placeholder {
  font-size: 1.4rem;
}
.wrap.mobile .input-box--text:not(input) input {
  font-size: 1.4rem;
  line-height: 1.6rem;
  padding: 1.2rem;
}
.wrap.mobile .input-box--text:not(input) input::placeholder {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .input-box--text:not(input) input::-moz-placeholder {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .input-box--text:not(input) input:-ms-input-placeholder {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .input-box--text.is--small {
  min-height: 4rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.wrap.mobile .input-box--text.is--lsmall {
  min-height: 3.6rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.wrap.mobile .input-box--text.is--msmall {
  min-height: 3rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  border-radius: 0.6rem;
}
.wrap.mobile .input-box--text.is--search {
  padding: 0;
}
.wrap.mobile .input-box--text.is--tags {
  flex-wrap: wrap;
  gap: 0.8rem;
  background-color: #f6f6f6;
  padding: 0.7rem;
}
.wrap.mobile .input-box--text.is--tags .button-tag {
  max-width: 100%;
  min-width: 0;
}
.wrap.mobile .input-box--text.is--tags .button-tag--text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrap.mobile .input-box--required {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4rem;
}
.wrap.mobile .input-box--textarea textarea {
  font-size: 1.4rem;
  line-height: 2rem;
  border-radius: 0.6rem;
}
.wrap.mobile .input-box--textarea textarea:disabled {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.wrap.mobile .input-box__timer {
  margin-top: 1rem;
}
.wrap.mobile .input-box__timer input {
  padding-right: 6rem;
}
.wrap.mobile .input-box__timer .timer {
  top: 1.4rem;
  right: 1.2rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .input-email {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.wrap.mobile .input-email .input-box::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.wrap.mobile .input-email .input-box::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.wrap.mobile .input-email .input-box::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.wrap.mobile .input-email .input-box,
.wrap.mobile .input-email .dropdown--area {
  width: calc((100% - 2.8rem) / 3);
}
.wrap.mobile .input-email__at {
  padding-right: 0.8rem;
  padding-left: 0.8rem;
}
.wrap.mobile .input-email + .dropdown--area {
  width: 100%;
  margin-top: 0.8rem;
}

.wrap.mobile .tooltip--box {
  top: calc(100% + 0.8rem);
}
.wrap.mobile .tooltip--box-inner {
  -webkit-transform: translateZ(0);
}
.wrap.mobile .tooltip--box-inner::after {
  border-width: 0.6rem 0.7rem 0 0.7rem;
}
.wrap.mobile .tooltip--box-inner::before {
  border-width: 0.768rem 0.868rem 0 0.868rem;
}
.wrap.mobile .tooltip--box-text {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 1rem;
  padding: 1rem 1rem 1rem 1.6rem;
  border-radius: 0.8rem;
}
.wrap.mobile .tooltip--box-text p {
  color: #000000;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.wrap.mobile .tooltip--box__textsub {
  flex-shrink: 1;
  flex-grow: 1;
}
.wrap.mobile .tooltip--box__cancel {
  flex-shrink: 0;
  flex-grow: 0;
  width: 1.4rem;
  height: 1.4rem;
}
.wrap.mobile .tooltip--box__cancel span {
  display: block;
}
.wrap.mobile .tooltip--box-wrap,
.wrap.mobile .tooltip--box-wrap .tooltip--button {
  width: 2rem;
  height: 2rem;
}
.wrap.mobile .tooltip--box-wrap.underline,
.wrap.mobile .tooltip--box-wrap .tooltip--button.underline {
  text-decoration: underline;
}
.wrap.mobile .tooltip--box.shadow--none {
  filter: none;
}
.wrap.mobile .tooltip--box.is--round .tooltip--box-inner::before {
  display: none;
}
.wrap.mobile .tooltip--box.is--round .tooltip--box-text {
  border: none;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
  border-radius: 5rem;
}
.wrap.mobile .tooltip--box.arrow--right {
  right: -1.6rem;
  left: auto;
  transform: none;
}
.wrap.mobile .tooltip--box.arrow--right .tooltip--box-inner::after,
.wrap.mobile .tooltip--box.arrow--right .tooltip--box-inner::before {
  left: auto;
  right: 2rem;
  transform: translateY(-100%) rotate(180deg);
}
.wrap.mobile .tooltip--box.arrow--right .tooltip--box-inner::before {
  margin-left: 0;
  margin-right: -1px;
}
.wrap.mobile .tooltip--box.is--up {
  top: -0.8rem;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}
.wrap.mobile .box-bg__white {
  padding: 1.6rem;
  border-radius: 1rem;
}
.wrap.mobile .box-bg__grayf4 {
  display: block;
  background-color: #f4f4f4;
  border-radius: 0.4rem;
}
.wrap.mobile .box--search {
  gap: 0.8rem;
}
.wrap.mobile .box--search .button-main:not([class*="width"]) {
  width: 6.5rem;
  font-size: 1.4rem;
}
.wrap.mobile .box--edit {
  padding: 0;
  margin-bottom: 0;
  border-radius: 0;
}
.wrap.mobile .box--edit:first-child {
  margin-top: 0;
}
.layer-area .wrap.mobile .box--edit:first-child {
  margin-top: 0px;
}
.layer-area.is__small .wrap.mobile .box--edit:first-child {
  padding-top: 0px;
}
.layer-area .wrap.mobile .box--edit {
  margin-bottom: 0px;
  padding-bottom: 0;
}
.wrap.mobile .box--edit .box-grid {
  row-gap: 0px;
}
.wrap.mobile .box--edit .box-grid .box--edit-items + .box--edit-items {
  margin-top: 0;
}
.wrap.mobile .box--edit .box--edit-items + .box--edit-items,
.wrap.mobile .box--edit .box-grid + .box--edit-items {
  margin-top: 0.8rem;
}
.wrap.mobile .box--edit.is--detail {
  margin-bottom: 56px;
}
.wrap.mobile .box--edit.is--form .box--edit-items {
  padding: 0;
}
.wrap.mobile .box--edit.is--form .box--edit-items > dl + dl {
  margin-top: 3rem;
}
.wrap.mobile .box--edit.is--form .box--edit-items + .box--edit-items {
  margin-top: 3rem;
}
.wrap.mobile .box--edit.is--form:last-child {
  margin-bottom: 0;
}
.wrap.mobile .box--edit.has--bg {
  background-color: #f7f8fb;
}
.wrap.mobile .box--edit.has--margin {
  margin-bottom: 2.4rem;
}
.wrap.mobile .box--edit-title {
  display: flex;
  flex-direction: row;
  position: relative;
  min-height: 30px;
  padding-left: 11px;
  margin-top: 8px;
  margin-bottom: 14px;
  color: #341761;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.wrap.mobile .box--edit-title::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 18px;
  left: 0;
  top: 1px;
  background-color: #341761;
}
.wrap.mobile .box--edit-title.set--middle {
  align-items: center;
}
.wrap.mobile .box--edit-title.set--middle::before {
  top: 50%;
  margin-top: -9px;
}
.wrap.mobile .box--edit-title.set--right {
  justify-content: end;
}
.wrap.mobile .box--edit-title.set--between {
  justify-content: space-between;
}
.wrap.mobile .box--edit-title.set--between p.title-text {
  color: #341761;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}
.wrap.mobile .box--edit-title.has--option {
  align-items: center;
  justify-content: space-between;
}
.wrap.mobile .box--edit-title.has--option::before {
  top: 50%;
  margin-top: -9px;
}
.wrap.mobile .box--edit-title.no--bullet {
  padding-left: 0px;
}
.wrap.mobile .box--edit-title.no--bullet::before {
  display: none;
}
.wrap.mobile .box--edit-title.no--size {
  min-height: 0px;
}
.wrap.mobile .box--edit-title--right {
  float: right;
}
.wrap.mobile .box--edit-items {
  background: #ffffff;
  border-radius: 0;
  padding: 2.4rem 2rem;
}
.wrap.mobile .box--edit-items + .box--edit--items,
.wrap.mobile .box--edit-items + .box-grid {
  margin-top: 1rem;
}
.wrap.mobile .box--edit-items + .is--subpage {
  margin-top: -2.4rem;
  background-color: #ffffff;
}
.wrap.mobile .box--edit-items > dl {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  min-height: 0;
}
.wrap.mobile .box--edit-items > dl + dl {
  margin-top: 0.8rem;
}
.wrap.mobile .box--edit-items > dl.is--thide dt {
  width: 0;
  font-size: 0;
}
.wrap.mobile .box--edit-items > dl .inner-full {
  height: calc(100vh - 19rem);
}
.wrap.mobile .box--edit-items > dl > dt {
  width: 100%;
  min-height: 0;
  padding-bottom: 0.8rem;
  padding-top: 0;
  color: #000000;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .box--edit-items > dl > dd {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .box--edit-items .input-radio + .input-radio:not(.width-full) {
  margin-left: 3rem;
}
.wrap.mobile .box--edit-items .dropdown--area:not(.width-full):not([class*="width"]) {
  width: auto;
}
.wrap.mobile .box--edit-items .items__inputbox {
  display: flex;
  flex-direction: row;
  gap: 0.8rem;
}
.wrap.mobile .box--edit-items .items__inputbox .input-box {
  flex-shrink: 1;
  flex-grow: 1;
  height: 4.2rem;
}
.wrap.mobile .box--edit-items .items__inputbox .button-main {
  flex-shrink: 0;
  flex-grow: 0;
  width: 10.2rem;
  height: 4.2rem;
  padding-right: 0;
  padding-left: 0;
  font-size: 1.4rem;
}
.wrap.mobile .box--edit-items .edit-item__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.6rem;
  width: 100%;
}
.wrap.mobile .box--edit-items .edit-item__title .title__left {
  flex-shrink: 1;
  flex-grow: 1;
}
.wrap.mobile .box--edit-items .edit-item__title .title__right {
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wrap.mobile .box--edit-items .edit-item__title .title__right .tooltip--button {
  width: 1.2rem;
  height: 1.2rem;
  margin-top: -0.1rem;
  margin-left: 0.2rem;
  background-color: #d9d9d9;
  border-radius: 1.2rem;
  color: #ffffff;
  font-size: 0.8rem;
  text-align: center;
  line-height: 1.2rem;
}
.wrap.mobile .box--edit-items .edit-item__title .title__right .tooltip--box {
  width: 70.8333vw;
}
.wrap.mobile .box--edit-items .edit-item__title .title__right .tooltip--box-text {
  white-space: inherit;
  word-break: keep-all;
}
.wrap.mobile .box--edit .dimed {
  opacity: 0.3;
}
.wrap.mobile .box--view__subject {
  padding: 2.4rem 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .box--view__subject .title {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 700;
}
.wrap.mobile .box--view__subject .title-box {
  position: relative;
}
.wrap.mobile .box--view__subject .title-box .title {
  position: relative;
  padding-right: 5rem;
  z-index: 5;
}
.wrap.mobile .box--view__subject .title-box .btn-delete {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 0.2rem;
  right: 0;
  z-index: 10;
}
.wrap.mobile .box--view__subject .title-box .btn-delete [class*="ico-"] {
  margin-left: 0.4rem;
}
.wrap.mobile .box--view__subject .date {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 0.8rem;
}
.wrap.mobile .box--view__subject.is--student {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrap.mobile .box--view__subject.is--student .item--inner {
  margin-top: 0;
}
.wrap.mobile .box--view__subject.is--student .people-name {
  padding-left: 1rem;
}
.wrap.mobile .box--view__subject.is--student .date {
  margin-top: 0;
  padding-left: 0.5rem;
}
.wrap.mobile .box--view__subject.is--student .file-attach {
  padding-left: 3.6rem;
}
.wrap.mobile .box--view__subject.is--student .box--view__filebox.toggle-filebox {
  width: 100%;
}
.wrap.mobile .box--view__subject.is--student .box--view__filebox.toggle-filebox .file-attach {
  padding-left: 0;
}
.wrap.mobile .box--view__subject .item--inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}
.wrap.mobile .box--view__contents {
  padding: 1.6rem 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  min-height: 19rem;
}
.wrap.mobile .box--view__contents pre {
  font-family: "NanumSquareRound", "Malgun Gothic", Arial, "Dotum", sans-serif;
  white-space: pre-wrap;
}
.wrap.mobile .box--view__replys {
  padding-bottom: 3rem;
  border-top: 0.8rem solid #f7f8fb;
}
.wrap.mobile .box--view__replys .replys_title {
  width: 100%;
  padding: 2.4rem 2rem 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: left;
  line-height: 1.6rem;
}
.wrap.mobile .box--view__replys .replys_title.has--fold {
  position: relative;
  padding-right: 3.4rem;
}
.wrap.mobile .box--view__replys .replys_title.has--fold .fold {
  position: absolute;
  top: 2rem;
  right: 0.8rem;
}
.wrap.mobile .box--view__replys .replys_title.has--fold .fold p {
  display: block;
}
.wrap.mobile .box--view__replys .replys--writebox__input {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 0.6rem;
  overflow: hidden;
  margin: 0 2rem;
}
.wrap.mobile .box--view__replys .replys--writebox__input .writebox-input__file {
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #d6d6d6;
  border-radius: 0.6rem;
}
.wrap.mobile .box--view__replys .replys--writebox__input .writebox-input__file label {
  position: relative;
  width: 4rem;
  height: 4rem;
  padding: 0;
  background-image: url("../images/mobile/ico/files-gray.svg");
  background-size: 2.6rem;
  cursor: pointer;
  z-index: 5;
}
.wrap.mobile .box--view__replys .replys--writebox__input .writebox-input__file input {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 10;
}
.wrap.mobile .box--view__replys .replys--writebox__input .input-box {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  overflow: auto;
  gap: 0;
  border: 1px solid #d6d6d6;
  border-radius: 0.6rem;
}
.wrap.mobile .box--view__replys .replys--writebox__input .input-box--text {
  overflow: hidden;
  overflow-y: auto;
  height: 2rem;
  max-height: 16rem;
  min-height: 0;
  padding: 0.2rem 0;
  padding-left: 1.2rem;
  margin: 1rem 0;
  border: none;
  border-radius: 0;
  font-size: 1.4rem;
  line-height: 1.6rem;
  resize: none;
}
.wrap.mobile .box--view__replys .replys--writebox__input .input-box--text.active + .input-box--button {
  color: #5b21d9;
}
.wrap.mobile .box--view__replys .replys--writebox__input .input-box--button {
  flex-shrink: 0;
  flex-grow: 0;
  height: 4rem;
  padding: 1.2rem;
  color: rgba(0, 0, 0, 0.4);
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.6rem;
}
.wrap.mobile .box--view__replys .replys--writebox .file--list {
  padding: 0rem 2rem 2.4rem;
}
.wrap.mobile .box--view__replys .replys--writebox .file--list > ul {
  margin-bottom: 1.2rem;
}
.wrap.mobile .box--view__replys .replys--writebox .file--list.has--file {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .box--view__replys .replys_contents {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-top: 1.5rem;
}
.wrap.mobile .box--view__replys > ul > li {
  position: relative;
  padding: 1.6rem 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .box--view__replys > ul > li .button-icon {
  position: absolute;
  right: 2rem;
  top: 2rem;
  width: 2.4rem;
  height: 2.4rem;
}
.wrap.mobile .box--view__replys > ul > li .button-icon + .people--item {
  padding-right: 3.4rem;
}
.wrap.mobile .box--view__replys > ul > li .file--list {
  overflow: hidden;
  overflow-x: auto;
  margin: 0 -2rem;
  margin-top: 1.6rem;
}
.wrap.mobile .box--view__replys > ul > li .file--list > ul {
  flex-wrap: nowrap;
}
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li {
  display: block;
  width: auto;
  height: auto;
  background: none;
}
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li:first-child {
  padding-left: 2rem;
}
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li:last-child {
  padding-right: 2rem;
}
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li > button,
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li > a {
  position: relative;
  display: block;
  width: 14rem;
  height: 6.4rem;
  padding: 0.8rem;
  background-color: #f3f3f3;
  border-radius: 0.6rem;
}
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li > button .file--list__files,
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li > a .file--list__files {
  display: block;
  width: auto;
  height: auto;
}
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li > button .file--list__files span,
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li > a .file--list__files span {
  display: block;
}
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li > button .file--list__down,
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li > a .file--list__down {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li > button .file--list__name,
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li > a .file--list__name {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 1rem;
  color: #000000;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li > button .file--list__name .name,
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li > a .file--list__name .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li > button .file--list__name .type,
.wrap.mobile .box--view__replys > ul > li .file--list > ul > li > a .file--list__name .type {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .box--view__replys.close .replys_title.has--fold .fold {
  transform: rotate(180deg);
}
.wrap.mobile .box--view__replys.close .replys--writebox {
  display: none;
  visibility: hidden;
}
.wrap.mobile .box--view__replys.close ul {
  display: none;
  visibility: hidden;
}
.wrap.mobile .box--view .people--item.is--row .people-desc {
  margin-top: 0.2rem;
}
.wrap.mobile .box--view .people-image {
  width: 2.6rem;
  height: 2.6rem;
}
.wrap.mobile .box--view .people-name strong {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .box--view .people-category {
  margin-left: 0.7rem;
}
.wrap.mobile .box--view .people-category,
.wrap.mobile .box--view .people-category span {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.7rem;
}
.wrap.mobile .box--view .people-category span {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .box--view .people-category span::before {
  display: block;
  width: 1px;
  height: 0.7rem;
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
}
.wrap.mobile .toggle--list ul {
  padding: 0 1.6rem;
}
.wrap.mobile .toggle--list__button {
  position: relative;
  width: 100%;
  padding: 1.6rem 2.4rem;
  padding-left: 0;
  border-bottom: 1px solid #ededed;
  color: #000000;
  font-size: 1.4rem;
  text-align: left;
  line-height: 1.6rem;
}
.wrap.mobile .toggle--list__button::after {
  position: absolute;
  display: block;
  width: 2rem;
  height: 2rem;
  top: 1.4rem;
  right: 0;
  background-image: url("../images/ico/down-black.svg");
  content: "";
}
.wrap.mobile .toggle--list__button.open::after {
  transform: rotate(180deg);
}
.wrap.mobile .toggle--list__button.open + .toggle--list__contents {
  display: block;
}
.wrap.mobile .toggle--list__contents {
  display: none;
  padding: 1.6rem;
  background-color: rgba(126, 68, 251, 0.03);
  border-bottom: 1px solid #ededed;
  color: #000000;
  font-size: 1.4rem;
  line-height: 2rem;
}
.wrap.mobile .toggle-filebox {
  margin: 1rem 0 0;
}
.wrap.mobile .toggle-filebox .filebox--top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  gap: 1rem;
}
.wrap.mobile .toggle-filebox .filebox--top .people-image {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .toggle-filebox .filebox--top .people-name {
  overflow: hidden;
  min-width: 0;
}
.wrap.mobile .toggle-filebox .filebox--top .people-name strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}
.wrap.mobile .toggle-filebox .filebox--top .people-category {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .toggle-filebox .filebox--top .date {
  margin-top: 0;
}
.wrap.mobile .toggle-filebox .filebox--left {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  min-width: 0;
  margin-top: 0;
}
.wrap.mobile .toggle-filebox .filebox--right {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .toggle-filebox .filebox--bottom {
  padding: 1rem 2rem;
  margin: 2.4rem -2rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .toggle-filebox .filebox--bottom li {
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
  gap: 0.8rem;
}
.wrap.mobile .toggle-filebox .filebox--bottom li .filebox__ico {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .toggle-filebox .filebox--bottom li .filebox__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-shrink: 1;
  flex-grow: 1;
  color: #000000;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .toggle-filebox .filebox--bottom li .filebox__down {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .toggle-filebox .filebox--bottom li:not(:first-child) {
  margin-top: 1rem;
}
.wrap.mobile .toggle-filebox.open {
  margin-bottom: -2.4rem;
}
.wrap.mobile .toggle-filebox.open .filebox--top [class*="ico-"] {
  transform: rotate(180deg);
}
.wrap.mobile .file-item {
  gap: 0.6rem;
  color: #000000;
}
.wrap.mobile .file-item--icon {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .file-item--name {
  padding: 0.3rem 0;
  font-size: 1.2rem;
  line-height: 1.4rem;
  word-break: break-all;
}
.wrap.mobile .file-item--sub {
  padding: 0.3rem 0;
  font-size: 1.6rem;
  line-height: 1.8rem;
  margin-left: -0.7rem;
}
.wrap.mobile .file-item.only {
  width: 100%;
}
.wrap.mobile .file-item.only .ico-cancel-black {
  cursor: pointer;
}
.wrap.mobile .file-item.only > :last-child.file-item--icon {
  margin-left: auto;
}
.input-box--text .wrap.mobile .file-item.only > :last-child {
  margin-right: 8px;
}
.wrap.mobile .file-attach {
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wrap.mobile .file-attach__numbers {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #000000;
}
.wrap.mobile .file-attach .button-icon {
  width: 1.4rem;
  height: 1.4rem;
  background-color: #c6c6c6;
  margin-left: 0.6rem;
}
.wrap.mobile .file--list > ul {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.wrap.mobile .file--list > ul > li {
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  width: 6rem;
  height: 6rem;
  border-radius: 1rem;
  color: #000000;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .file--list__none {
  border-radius: 0;
}
.wrap.mobile .file--list__none > * {
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 1rem;
}
.wrap.mobile .file--list__none input[type="file"] {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.wrap.mobile .file--list__delete {
  position: absolute;
  right: 0.6rem;
  top: 0.6rem;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 100%;
  font-size: 0;
  background-image: url("../images/ico/cancel-white.svg");
  background-size: 100% 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.wrap.mobile .file--list__files {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  background-size: 100% auto;
  background-color: #f3f3f3;
  background-repeat: no-repeat;
}
.wrap.mobile .file--list__add {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.wrap.mobile .file--list__input {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0.8rem;
}
.wrap.mobile .file--list__input .input {
  flex-shrink: 1;
  flex-grow: 1;
  min-width: 0;
  position: relative;
  height: 4.2rem;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0.6rem;
}
.wrap.mobile .file--list__input .input input {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
}
.wrap.mobile .file--list__input .button-text {
  flex-shrink: 0;
  flex-grow: 0;
  width: 7.6rem;
  height: 4.2rem;
  padding: 0;
  background-color: #f4f4f4;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0.6rem;
}
.wrap.mobile .file--list .text-bullet {
  margin-top: 1.2rem;
}
.wrap.mobile .file--list.no--space-x {
  width: calc(100% + 4.8rem);
  margin-left: -2.4rem;
  margin-right: -2.4rem;
}
.wrap.mobile .file--list.no--space-x li:first-child {
  width: 8.4rem;
  padding-left: 2.4rem;
}
.wrap.mobile .file--list.no--space-x li:last-child {
  width: 8.4rem;
  padding-right: 2.4rem;
}
.wrap.mobile .file--list.type--scroll {
  overflow: hidden;
  overflow-x: auto;
}
.wrap.mobile .file--list.type--scroll ul {
  flex-wrap: nowrap;
}
.wrap.mobile .file--list.type--vertical {
  overflow: hidden;
  width: 100%;
}
.wrap.mobile .file--list.type--vertical > ul {
  flex-direction: column;
  margin-top: 1rem;
}
.wrap.mobile .file--list.type--vertical > ul > li {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0.8rem 1.2rem;
  background-color: #f3f3f3;
  border-radius: 0.6rem;
}
.wrap.mobile .file--list.type--vertical .file--list__files {
  flex-shrink: 0;
  flex-grow: 0;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.6rem;
}
.wrap.mobile .file--list.type--vertical .file--list__name {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.wrap.mobile .file--list.type--vertical .file--list__name .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-width: 0;
}
.wrap.mobile .file--list.type--vertical .file--list__name .type {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .file--list.type--vertical .file--list__delete {
  flex-shrink: 0;
  flex-grow: 0;
  position: relative;
  top: auto;
  right: auto;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 1.2rem;
}
.wrap.mobile .box--empty {
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  min-height: 38rem;
}
.wrap.mobile .box--empty-icon {
  width: 7rem;
  height: 7rem;
  margin-bottom: 2rem;
}
.wrap.mobile .box--empty-icon.is--drawing-student {
  width: 8.6rem;
  height: 8.6rem;
  margin-right: -4.4rem;
}
.wrap.mobile .box--empty-icon.is--student-dark {
  background-image: url("../images/mobile/ico/student-dark-gray.svg");
}
.wrap.mobile .box--empty-icon.is--class-dark {
  background-image: url("../images/mobile/ico/class-dark-gray.svg");
}
.wrap.mobile .box--empty-icon.is--small {
  width: 5rem;
  height: 5rem;
}
.wrap.mobile .box--empty-icon.is--mb0 {
  margin-bottom: 0;
}
.wrap.mobile .box--empty-text {
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  font-size: 1.2rem;
  line-height: 2rem;
  text-align: center;
}
.wrap.mobile .box--empty-text .f-violet-active {
  font-weight: 700;
}
.wrap.mobile .box--empty-text .button-main {
  min-width: 16.8rem;
  height: 3.6rem;
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .box--empty-text.is--small {
  gap: 0.6rem;
}
.wrap.mobile .box--empty.height-auto {
  min-height: auto;
}
.wrap.mobile .box--empty.height-intro {
  height: 21rem;
}
.wrap.mobile .recommend--item {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.wrap.mobile .recommend--item .recommend--thum {
  flex: 0;
  width: 10rem;
  height: 10rem;
  padding-top: 0;
  border: 0;
  border-radius: 1.6rem;
}
.wrap.mobile .recommend--item .recommend--thum .button-tag {
  display: flex;
  top: 0.8rem;
  left: 0.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  padding: 0.4rem 0.7rem;
  font-size: 1rem;
  box-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.18);
}
.wrap.mobile .recommend--item .recommend--thum .like {
  bottom: 0.8rem;
  left: 0.8rem;
  height: 2rem;
  line-height: 2rem;
  padding: 0.5rem 0.6rem;
  border-radius: 2rem;
  background-color: rgba(0, 0, 0, 0.4);
  align-items: center;
  gap: 0.5rem;
  font-size: 1.2rem;
}
.wrap.mobile .recommend--item .recommend--thum .like::before {
  width: 1rem;
  height: 1rem;
}
.wrap.mobile .recommend--item .recommend--thum .time {
  bottom: 1.6rem;
  right: 1.6rem;
  line-height: 1.4rem;
  padding: 0.2rem 0.3rem;
  border-radius: 0.4rem;
  font-size: 1.2rem;
}
.wrap.mobile .recommend--item .recommend--contents {
  flex: 1;
  min-width: 0;
  padding: 0.5rem 0 0.5rem 1.6rem;
  border: 0;
}
.wrap.mobile .recommend--item .recommend--grade {
  flex-wrap: wrap;
  gap: 0.4rem;
  position: relative;
  padding-right: 2.3rem;
  margin-bottom: 0.2rem;
}
.wrap.mobile .recommend--item .recommend--grade.is--teacher {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.wrap.mobile .recommend--item .recommend--grade.is--teacher span {
  display: inline;
  white-space: normal;
  word-break: break-all;
}
.wrap.mobile .recommend--item .recommend--grade.is--teacher span::before {
  vertical-align: top;
  margin-top: 0.6rem;
  margin-right: 0.2rem;
}
.wrap.mobile .recommend--item .recommend--grade span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  gap: 0.4rem;
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.65);
}
.wrap.mobile .recommend--item .recommend--grade span:not(:first-child)::before {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
}
.wrap.mobile .recommend--item .recommend--grade .grade-left {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  height: 1.8rem;
  line-height: 1.8rem;
  font-size: 1.2rem;
  white-space: nowrap;
}
.wrap.mobile .recommend--item .recommend--grade .grade-right {
  position: absolute;
  top: 0;
  right: 0;
}
.wrap.mobile .recommend--item .recommend--grade .grade-right .more-menu--button {
  font-size: 0;
}
.wrap.mobile .recommend--item .recommend--grade .grade-right .more-menu--button.ico-more-black {
  width: 1.8rem;
  height: 1.8rem;
  background-size: cover;
}
.wrap.mobile .recommend--item .recommend--title {
  display: flex;
  width: auto;
  height: 3.2rem;
  line-height: 3.2rem;
  margin-top: 0;
  font-size: 1.4rem;
}
.wrap.mobile .recommend--item .recommend--title span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: auto;
  line-height: 1.6rem;
  font-size: 1.4rem;
}
.wrap.mobile .recommend--item .recommend--text {
  margin-top: 0.6rem;
}
.wrap.mobile .recommend--item .recommend--text,
.wrap.mobile .recommend--item .recommend--text span {
  line-height: 1.4rem;
  gap: 0.8rem;
  font-size: 1.2rem;
}
.wrap.mobile .recommend--item .recommend--info {
  margin-top: 1.1rem;
}
.wrap.mobile .recommend--item .recommend--info span {
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.65);
}
.wrap.mobile .recommend--item .recommend--desc {
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.2rem;
}
.wrap.mobile .recommend--item .recommend--desc.is--teacher {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.wrap.mobile .recommend--item .recommend--desc.is--teacher span {
  display: inline;
  white-space: normal;
  word-break: break-all;
}
.wrap.mobile .recommend--item .recommend--desc.is--teacher span::before {
  vertical-align: top;
  margin-top: 0.6rem;
  margin-right: 0.2rem;
}
.wrap.mobile .recommend--item .recommend--desc span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  gap: 0.4rem;
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.65);
}
.wrap.mobile .recommend--item .recommend--desc span:not(:first-child)::before {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
}
.wrap.mobile .recommend--item .recommend--desc span .ico-16 {
  width: 1.2rem;
  height: 1.2rem;
}
.wrap.mobile .recommend--item .image {
  position: static;
  width: 10rem;
  height: 10rem;
  padding-top: 0;
  border-radius: 0.6rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #2c0271;
}
.wrap.mobile .recommend--item.is--empty .image {
  background-image: url("../images/img/class-thumb-logo-color.svg");
  background-size: 3.6rem;
}
.wrap.mobile .recommend--item.is--class .image {
  background-image: url("../images/mobile/img/board-thumb-violet.png");
  background-size: 6.8rem;
}
.wrap.mobile .recommend--item.is--video .image {
  background-image: url("../images/mobile/img/video-thumb-violet.png");
  background-size: 3.6rem;
}
.wrap.mobile .recommend--item .button-tag {
  top: 1.6rem;
  left: 1.6rem;
  height: 2.4rem;
  padding-right: 0.8rem;
  padding-left: 0.8rem;
}
.wrap.mobile .recommend--item .video-box {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.wrap.mobile .recommend--item .video-box .recommend--thum {
  width: 16.2rem;
  height: 9.8rem;
  border-radius: 1rem;
}
.wrap.mobile .recommend--item .video-box .recommend--thum .time {
  bottom: 1rem;
  right: 1rem;
  line-height: 1.8rem;
  padding: 0 0.6rem;
  border-radius: 0.2rem;
  font-size: 1.2rem;
}
.wrap.mobile .recommend--item .video-box .recommend--contents {
  padding: 1rem 0 1rem 1rem;
}
.wrap.mobile .recommend--item .video-box .recommend--title {
  height: auto;
  padding-right: 0;
}
.wrap.mobile .recommend--item .video-box .recommend--title span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 241126 수정 */
  font-weight: 400;
  line-height: 1.6rem;
  word-break: break-all; /* 241126 수정 */
}
.wrap.mobile .recommend--item .video-box .image {
  width: 16.2rem;
  height: 9.8rem;
  border-radius: 10px;
}
.wrap.mobile .state-box {
  height: 2rem;
  padding: 0.3rem 0.8rem;
  border-radius: 2rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .state-box.important {
  background-color: #7e44fb;
  color: #ffffff;
}
.wrap.mobile .state-box.red {
  background-color: #ffdede;
  color: #ff3a3a;
}
.wrap.mobile .state-box.green {
  background-color: #def6e8;
  color: #21c663;
}
.wrap.mobile .state-box.line.no-end {
  background-color: #ffebeb;
  border: 1px solid #ff8e8e;
  color: #ff3a3a;
}
.wrap.mobile .state-box.line.yes-end {
  background-color: #def6e8;
  border: 1px solid #71da9b;
  color: #00ba13;
}
.wrap.mobile .state-box.line.late-end,
.wrap.mobile .state-box.line.early-end {
  background-color: #f3f3f3;
  border-color: #999999;
  color: #000000;
}
.wrap.mobile .filter--area {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 500;
}
.wrap.mobile .filter--area.is--search .filter--box {
  padding-top: 4rem;
}
.wrap.mobile .filter--area.is--search .filter--inner {
  height: 100%;
}
.wrap.mobile .filter--area.is--search .filter__contents--box {
  padding-top: 1rem;
}
.wrap.mobile .filter--area.is--timepicker {
  z-index: 1000;
}
.wrap.mobile .filter--box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}
.wrap.mobile .filter--inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 1rem 1rem 0 0;
}
.wrap.mobile .filter__titlebox {
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.6rem 2rem;
}
.wrap.mobile .filter__titlebox .title {
  flex-shrink: 1;
  flex-grow: 1;
  padding-left: 2.8rem;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}
.wrap.mobile .filter__titlebox .close {
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 0;
}
.wrap.mobile .filter__contents {
  flex-shrink: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  overflow-y: auto;
}
.wrap.mobile .filter__contents--box {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
  overflow-y: auto;
  padding: 1.5rem 2rem 0;
}
.wrap.mobile .filter__contents--box .input-radio .input--box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 5.2rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.6rem;
}
.wrap.mobile .filter__contents--box .input-radio .input--box::before {
  display: none;
}
.wrap.mobile .filter__contents--box .input-radio .input--text {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .filter__contents--box .input-radio input:checked + .input--box {
  background-color: rgba(126, 68, 251, 0.1);
  border-color: #7e44fb;
}
.wrap.mobile .filter__contents--box .filter--row:not(:first-child) {
  margin-top: 2rem;
}
.wrap.mobile .filter__contents--box .filter--row__title {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.wrap.mobile .filter__contents--box .filter--row__box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 0;
}
.wrap.mobile .filter__contents--box .filter--row__box .input-radio {
  margin: 0;
}
.wrap.mobile .filter__contents--box > .input-box {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .filter__contents--result {
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  flex-grow: 1;
  width: 100%;
  height: calc(100% - 4.2rem);
}
.wrap.mobile .filter__contents--result > .box--empty {
  height: 100%;
}
.wrap.mobile .filter__contents--button {
  flex-shrink: 0;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: stretch;
  padding: 2.8rem 2rem 3rem;
  gap: 1rem;
}
.wrap.mobile .filter__contents--button button,
.wrap.mobile .filter__contents--button a {
  width: 100%;
  font-size: 1.4rem;
  border-radius: 0.6rem;
}
.wrap.mobile .toggle-menu--area {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 50;
}
.wrap.mobile .toggle-menu--box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 3rem 2rem;
}
.wrap.mobile .toggle-menu--box .menu-box__contents,
.wrap.mobile .toggle-menu--box .menu-box__button {
  background-color: #ffffff;
  border-radius: 1rem;
}
.wrap.mobile .toggle-menu--box .menu-box__contents button,
.wrap.mobile .toggle-menu--box .menu-box__contents a,
.wrap.mobile .toggle-menu--box .menu-box__button button,
.wrap.mobile .toggle-menu--box .menu-box__button a {
  width: 100%;
  height: 52px;
  color: #000000;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.8rem;
}
.wrap.mobile .toggle-menu--box .menu-box__contents .menu:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.wrap.mobile .toggle-menu--box .menu-box__button {
  margin-top: 0.8rem;
}
.wrap.mobile .toggle-menu--box .menu-box__button button,
.wrap.mobile .toggle-menu--box .menu-box__button a {
  color: #ff2424;
}
.wrap.mobile .term--contents .title {
  color: #341761;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6rem;
}
.wrap.mobile .term--contents .title:not(:first-child) {
  margin-top: 2.4rem;
}
.wrap.mobile .term--contents .text,
.wrap.mobile .term--contents .desc {
  margin-top: 1.2rem;
  color: #000000;
  font-size: 1.4rem;
  line-height: 2rem;
}
.wrap.mobile .term--contents .table--setting {
  margin-bottom: 0;
}
.wrap.mobile .term--contents .table--box {
  margin-top: 1.6rem;
}
.wrap.mobile .term--contents .table--info {
  overflow: hidden;
  overflow-x: auto;
  margin-top: 1.2rem;
  border: none;
  border-radius: 0;
}
.wrap.mobile .term--contents .table--info__inner {
  -webkit-text-size-adjust: none;
  width: 67.8rem;
  border: 1px solid #d9d9d9;
  border-radius: 1rem;
}
.wrap.mobile .term--contents .table--info + .title {
  margin-top: 3.4rem;
}
.wrap.mobile .term--contents .table--info + .text {
  margin-top: 2.4rem;
}
.wrap.mobile .term--contents.is--privacy {
  padding: 2.4rem 2rem 8rem;
}

.wrap.mobile .table--box {
  border-radius: 1rem;
  background-color: #ffffff;
}
.wrap.mobile .table--box .tab-text {
  border-bottom: 1px solid #d9d9d9;
}
.wrap.mobile .table--box .page__button {
  margin: 3rem 0 0;
  padding-bottom: 2.6rem;
}
.wrap.mobile .table--box .page__button.pb0 {
  padding-bottom: 0;
}
.wrap.mobile .table--box .tab--wrapper {
  margin-top: -0.8rem;
}
.wrap.mobile .table--box .table--item {
  padding: 1.6rem;
}
.wrap.mobile .table--box .table--item li {
  border: 1px solid #d9d9d9;
}
.wrap.mobile .table--box .table--setting {
  background-color: #f8f9fd;
  min-height: 4.6rem;
  padding: 1.4rem 1.6rem;
  border-radius: 1rem 1rem 0 0;
  margin-bottom: 0.8rem;
}
.wrap.mobile .table--box .table--setting .table--title {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.wrap.mobile .table--title {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  margin-bottom: 1.4rem;
}
.wrap.mobile .table--setting {
  margin-bottom: 1.4rem;
}
.wrap.mobile .table--setting .table--title {
  margin-bottom: 0rem;
}
.wrap.mobile .table--filter {
  margin-left: auto;
}
.wrap.mobile .table--filter ul {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wrap.mobile .table--filter li {
  padding-right: 1rem;
  margin-right: 1rem;
}
.wrap.mobile .table--filter li,
.wrap.mobile .table--filter li button,
.wrap.mobile .table--filter li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .table--filter li [class^="ico-"] {
  margin-top: -0.2rem;
}
.wrap.mobile .table--filter li:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 1.1rem;
  background-color: rgba(0, 0, 0, 0.2);
}
.wrap.mobile .table--filter li:last-child {
  padding-right: 0rem;
  margin-right: 0rem;
}
.wrap.mobile .table--filter li:last-child:after {
  display: none;
}
.wrap.mobile .table--list__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.wrap.mobile .table--list__row .button-tag {
  height: 1.8rem;
  padding: 0.5rem 0.9rem;
  margin-top: -0.1rem;
  margin-right: 0.6rem;
  font-size: 1rem;
  line-height: 1.2rem;
  border-radius: 1.5rem;
  flex-shrink: 0;
}
.wrap.mobile .table--list__row .button-icon {
  margin-left: auto;
  width: 2rem;
  height: 2rem;
}
.wrap.mobile .table--list__row .ico-lock-black {
  margin-right: 0.2rem;
}
.wrap.mobile .table--list__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 700;
}
.wrap.mobile .table--list__title.is--category {
  overflow: inherit;
  margin-right: 0.2rem;
  text-overflow: inherit;
}
.wrap.mobile .table--list__sub {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1.4rem;
  margin-top: 0.7rem;
  color: rgba(0, 0, 0, 0.5);
}
.wrap.mobile .table--list__sub span {
  position: relative;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
}
.wrap.mobile .table--list__sub span::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 0.8rem;
  right: 0;
  top: 0.2rem;
  background-color: rgba(0, 0, 0, 0.1);
}
.wrap.mobile .table--list__sub span:last-child {
  padding-right: 0rem;
  margin-right: 0rem;
}
.wrap.mobile .table--list__sub span:last-child::after {
  display: none;
}
.wrap.mobile .table--list__sub.no-flex {
  display: block;
}
.wrap.mobile .table--list.open--list li {
  padding: 0;
}
.wrap.mobile .table--list.open--list li .table--list__row {
  padding: 1.4rem 0;
}
.wrap.mobile .table--list.open--list li .table--list__contents {
  display: none;
  padding: 1.6rem;
  border-top: 1px solid #ededed;
  font-size: 1.2rem;
  line-height: 1.8rem;
  background-color: rgba(126, 68, 251, 0.03);
}
.wrap.mobile .table--list.open--list li.open .table--list__contents {
  display: block;
}
.wrap.mobile .table--list.open--list li.open .button-icon {
  transform: rotate(180deg);
}
.wrap.mobile .table--list ul {
  padding: 0 1.6rem;
}
.wrap.mobile .table--list ul.no--px {
  padding-right: 0;
  padding-left: 0;
}
.wrap.mobile .table--list li {
  position: relative;
  border-bottom: 1px solid #ededed;
  padding: 1.6rem 0;
}
.wrap.mobile .table--list li > .item__inner {
  display: block;
  width: 100%;
  padding-top: 1.6rem;
  margin-top: -1.6rem;
  color: #000000;
}
.wrap.mobile .table--list li > .item__inner:last-child {
  margin-bottom: -1.6rem;
  padding-bottom: 1.6rem;
}
.wrap.mobile .table--list li .state-text {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 700;
  margin-left: auto;
  flex-shrink: 0;
  padding-left: 2.6rem;
  color: rgba(0, 0, 0, 0.5);
}
.wrap.mobile .table--list li .state-text.waiting {
  color: #7e44fb;
}
.wrap.mobile .table--list li .state-box {
  margin-left: auto;
  flex-shrink: 0;
}
.wrap.mobile .table--list li .state-bbs {
  width: 1.8rem;
  height: 1.8rem;
  font-size: 1.2rem;
  padding: 0.4rem 0;
  margin: 0 0.6rem 0 0;
  flex-shrink: 0;
}
.wrap.mobile .table--list li .point_text {
  color: #7e44fb;
  font-weight: 700;
}
.wrap.mobile .table--list li [class^="ico-"] {
  display: inline-block;
  font-size: 0;
  flex-shrink: 0;
  background-size: 100% auto;
}
.wrap.mobile .table--list li [class^="ico-attchment-"] {
  width: 14px;
  height: 14px;
  opacity: 0.5;
}
.wrap.mobile .table--list li [class^="ico-lock-"] {
  width: 18px;
  height: 18px;
  margin-top: -0.2rem;
}
.wrap.mobile .table--list li.has--checkbox {
  padding-left: 2.8rem;
}
.wrap.mobile .table--list li.has--checkbox .input-check {
  position: absolute;
  left: 0;
}
.wrap.mobile .table--item li {
  border-radius: 1rem;
  padding: 1.6rem;
  background-color: #ffffff;
}
.wrap.mobile .table--item li + li {
  margin-top: 1.6rem;
}
.wrap.mobile .table--item li > .item__inner {
  display: block;
  width: calc(100% + 3.2rem);
  padding-top: 1.6rem;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
  margin-top: -1.6rem;
  margin-right: -1.6rem;
  margin-left: -1.6rem;
  color: #000000;
  text-align: left;
}
.wrap.mobile .table--item li > .item__inner:last-child {
  padding-bottom: 1.6rem;
  margin-bottom: -1.6rem;
}
.wrap.mobile .table--item li .is--column {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem 2.4rem;
}
.wrap.mobile .table--item li .is--column .table--item__row {
  width: calc(50% - 1.2rem);
}
.wrap.mobile .table--item li .is--column .table--item__row + .table--item__row {
  margin-top: 0;
}
.wrap.mobile .table--item li.is--title {
  padding-top: 1.8rem;
}
.wrap.mobile .table--item li.is--title > button,
.wrap.mobile .table--item li.is--title > a {
  margin-top: -1.8rem;
  padding-top: 1.8rem;
}
.wrap.mobile .table--item li.is--title .item__title {
  font-weight: 700;
  color: #000000;
}
.wrap.mobile .table--item li.is--title .is--column {
  padding: 0.3rem 0.8rem 0;
}
.wrap.mobile .table--item li.is--title.line--no .is--column {
  padding-left: 0;
  padding-right: 0;
}
.wrap.mobile .table--item li.is--title.line--no .table--item__header {
  border-bottom-width: 0;
  padding-bottom: 0;
}
.wrap.mobile .table--item li.is--title.line--no .table--item__row.is__classes {
  padding-top: 0.7rem;
}
.wrap.mobile .table--item li.is--title .table--item__row.is__classes .item__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
  line-height: 1.4rem;
}
.wrap.mobile .table--item li.is--title .table--item__row.is__classes .item__title [class^="ico-"] {
  margin-top: -0.2rem;
}
.wrap.mobile .table--item li.fix--row .is--column .table--item__row {
  flex-shrink: 0;
  flex-grow: 0;
}
.wrap.mobile .table--item li.fix--row .is--column .table--item__row .item__title {
  min-width: 5.5rem;
}
.wrap.mobile .table--item li.fix--row .is--column .table--item__row .item__text {
  flex: 1;
  overflow: inherit;
  display: block;
  text-overflow: inherit;
  word-break: break-all;
}
.wrap.mobile .table--item li .people--item {
  margin-bottom: 1.2rem;
}
.wrap.mobile .table--item li .people--item .state-box {
  margin-left: auto;
}
.wrap.mobile .table--item__header--bg {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #f8f9fd;
  margin: -1.6rem -1.6rem 1.4rem;
  padding: 1.6rem;
  border-radius: 1rem 1rem 0 0;
}
.wrap.mobile .table--item__header--bg > .item__inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: calc(100% + 3.2rem);
  margin: -1.6rem;
  padding: 1.6rem;
}
.wrap.mobile .table--item__header--bg .item__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000000;
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 700;
}
.wrap.mobile .table--item__header--bg .item__text__wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: auto;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4rem;
  flex-shrink: 0;
  padding-left: 0.4rem;
}
.wrap.mobile .table--item__header--bg .item__text__wrap span {
  position: relative;
}
.wrap.mobile .table--item__header--bg .item__text__wrap span + span {
  padding-left: 0.8rem;
  margin-left: 0.8rem;
}
.wrap.mobile .table--item__header--bg .item__text__wrap span + span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 1px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
}
.wrap.mobile .table--item__header--bg.no--bg {
  background-color: transparent;
}
.wrap.mobile .table--item__header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
}
.wrap.mobile .table--item__header .item__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000000;
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: 700;
}
.wrap.mobile .table--item__header .item__title__box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4px;
}
.wrap.mobile .table--item__header .item__title__box + .item__text {
  margin-top: 0.4rem;
}
.wrap.mobile .table--item__header .item__title__box + .item__title {
  margin-top: 0.5rem;
  font-weight: 800;
}
.wrap.mobile .table--item__header .item__stitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.2rem;
  line-height: 1.4rem;
  margin-top: 0.5rem;
}
.wrap.mobile .table--item__header .item__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-top: 0.6rem;
  padding-right: 1rem;
}
.wrap.mobile .table--item__header .item__stext {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.2rem;
  line-height: 1.4rem;
  padding-right: 1rem;
  font-weight: 700;
}
.wrap.mobile .table--item__header .item__date {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: rgba(0, 0, 0, 0.6);
}
.wrap.mobile .table--item__header .state-box {
  margin-left: auto;
  margin-top: -0.2rem;
}
.wrap.mobile .table--item__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .table--item__row .item__title {
  color: rgba(0, 0, 0, 0.6);
  flex-shrink: 0;
  min-width: 7.6rem;
}
.wrap.mobile .table--item__row .item__text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #000000;
  text-align: right;
}
.wrap.mobile .table--item__row + .table--item__row {
  margin-top: 1rem;
}
.wrap.mobile .table--item__row .state-box {
  margin-top: -3px;
}
.wrap.mobile .table--item__contents {
  display: none;
  padding-top: 1.6rem;
  margin-top: 1.6rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .table--column + .table--column {
  margin-top: 2.3rem;
}
.wrap.mobile .table--column + .open-box__wrap {
  margin-top: 6rem;
}
.wrap.mobile .table--column.line {
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 1rem;
}
.wrap.mobile .table--column.line dl {
  border-bottom-color: #d9d9d9;
}
.wrap.mobile .table--column.line dt {
  border-right: 1px solid #d9d9d9;
}
.wrap.mobile .table--column.space--small dt,
.wrap.mobile .table--column.space--small dd {
  min-height: 3.4rem;
  padding: 1rem;
}
.wrap.mobile .table--column.space--small .table--column_list {
  margin: -1rem;
}
.wrap.mobile .table--column_list {
  margin: -1.7rem -1.6rem;
}
.wrap.mobile .table--column_list li {
  padding: 1.5rem 1.6rem;
  min-height: 4.4rem;
}
.wrap.mobile .table--column_list li + li {
  border-top: 1px solid #d9d9d9;
}
.wrap.mobile .table--column dl {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  background-color: #ffffff;
}
.wrap.mobile .table--column dl:first-child {
  border-radius: 1rem 1rem 0 0;
}
.wrap.mobile .table--column dl:first-child dt {
  border-radius: 1rem 0 0 0;
}
.wrap.mobile .table--column dl:last-child {
  border-radius: 0 0 1rem 1rem;
  border-bottom-width: 0;
}
.wrap.mobile .table--column dl:last-child dt {
  border-radius: 0 0 0 1rem;
}
.wrap.mobile .table--column dt {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  min-height: 4.4rem;
  width: 10.6rem;
  height: auto;
  background-color: #f8f9fd;
  padding: 1.5rem 1.6rem;
  padding-right: 1rem;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.wrap.mobile .table--column dt.width--76 {
  width: 7.6rem;
}
.wrap.mobile .table--column dd {
  width: 100%;
  padding: 1.5rem 1.6rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
  min-height: 4.4rem;
  color: #000000;
}
.wrap.mobile .table--info table th {
  font-size: 1.2rem;
  line-height: 2.2rem;
}
.wrap.mobile .table--info table td {
  font-size: 1.2rem;
  line-height: 1.8rem;
}
.wrap.mobile [class^="table--"] li:nth-child(7n-6) .people-image {
  background-color: #d1d7e3;
}
.wrap.mobile [class^="table--"] li:nth-child(7n-5) .people-image {
  background-color: #ebdce7;
}
.wrap.mobile [class^="table--"] li:nth-child(7n-4) .people-image {
  background-color: #d7e5d2;
}
.wrap.mobile [class^="table--"] li:nth-child(7n-3) .people-image {
  background-color: #d1d7e3;
}
.wrap.mobile [class^="table--"] li:nth-child(7n-2) .people-image {
  background-color: #ddddfa;
}
.wrap.mobile [class^="table--"] li:nth-child(7n-1) .people-image {
  background-color: #d3e0fa;
}
.wrap.mobile [class^="table--"] li:nth-child(7n-0) .people-image {
  background-color: #d7e5d2;
}
.wrap.mobile .people--item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wrap.mobile .people--item.line--bottom {
  padding-bottom: 1.6rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wrap.mobile .people--item.is--row .people-name {
  flex-direction: column;
  align-items: flex-start;
}
.wrap.mobile .people--item.is--row .people-name strong,
.wrap.mobile .people--item.is--row .people-name a,
.wrap.mobile .people--item.is--row .people-name button {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wrap.mobile .people--item.is--row .people-desc {
  margin-top: 0.6rem;
}
.wrap.mobile .people--item.is--row .people-desc span {
  display: inline;
}
.wrap.mobile .people--item.is--row .people-info .people-name strong {
  text-align: left;
}
.wrap.mobile .people--item.is--row .people-info .people-desc {
  display: block;
  margin-top: 0.5rem;
}
.wrap.mobile .people--item.is--row .state-box {
  margin-bottom: auto;
}
.wrap.mobile .people--item.has--arrow {
  position: relative;
  padding-right: 2.7rem;
}
.wrap.mobile .people--item.has--arrow::after {
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
  top: 50%;
  right: 0;
  background-image: url("../images/ico/arrow-next-black.svg");
  transform: translateY(-50%);
  content: "";
}
.wrap.mobile .people--item .button-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #f3f3f3;
  margin-left: auto;
  cursor: pointer;
}
.wrap.mobile .people--item .button-icon.active {
  transform: rotate(180deg);
}
.wrap.mobile .people-image {
  background-image: url("../images/ico/profile-big-white.svg");
  margin-right: 1rem;
}
.wrap.mobile .people-image,
.wrap.mobile .people-image .image {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  flex-shrink: 0;
}
.wrap.mobile .people-image.is--large {
  width: 3.4rem;
  height: 3.4rem;
}
.wrap.mobile .people-name {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wrap.mobile .people-name strong,
.wrap.mobile .people-name a,
.wrap.mobile .people-name button {
  color: #000000;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8rem;
}
.wrap.mobile .people-desc {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wrap.mobile .people-desc,
.wrap.mobile .people-desc span {
  position: relative;
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.2rem;
  text-align: left;
  line-height: 1.4rem;
}
.wrap.mobile .people-desc + span,
.wrap.mobile .people-desc span + span {
  padding-left: 0.8rem;
  margin-left: 0.8rem;
}
.wrap.mobile .people-desc + span::before,
.wrap.mobile .people-desc span + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 1px;
  height: 0.9rem;
  background-color: rgba(0, 0, 0, 0.3);
}
.wrap.mobile .people-info .people-name strong {
  text-align: left;
}
.wrap.mobile .people-info .people-desc {
  display: block;
  margin-top: 0.5rem;
}

.wrap.mobile {
  /* TEXT TYPE */
}
.wrap.mobile .text-bullet {
  padding-left: 1.6rem;
  margin-top: 0.4rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.wrap.mobile .text-bullet::before {
  width: 0.4rem;
  height: 0.4rem;
  top: 0.5rem;
}
.wrap.mobile .text-bullet.is--check {
  padding-left: 3rem;
  margin-top: 0.6rem;
  color: #000000;
}
.wrap.mobile .text-bullet.is--check::before {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  top: -0.1rem;
  background-image: url("../images/ico/check-write-black.svg");
  opacity: 1;
  content: "";
}
.wrap.mobile .text-bullet.is--check.active {
  color: #7e44fb;
}
.wrap.mobile .text-bullet.is--check.active::before {
  background-image: url("../images/ico/check-write-violet.svg");
}
.wrap.mobile .text-bullet.is--line {
  padding-left: 0.9rem;
}
.wrap.mobile .text-bullet.is--line::before {
  width: 0.9rem;
  height: 0.9rem;
  top: 0;
  background: none;
  color: #000000;
  font-size: 1.2rem;
  line-height: 1.4rem;
  opacity: 0.6;
  content: "-";
}
.wrap.mobile .text-bullet.is--reference::before {
  width: auto;
  height: 1.4rem;
  top: 0.1rem;
  background: none;
  line-height: 1.4rem;
  opacity: 1;
  content: "※";
}
.wrap.mobile .text-bullet.is--small {
  padding-left: 1rem;
  line-height: 1.4rem;
}
.wrap.mobile .text-bullet.is--small::before {
  width: 0.2rem;
  height: 0.2rem;
}

.wrap.mobile .swiper-pagination {
  gap: 0.6rem;
  margin-top: 1.4rem;
}
.wrap.mobile .swiper-pagination-bullet {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.4rem;
}
.wrap.mobile .swiper-pagination-bullet-active {
  width: 2.9rem;
  height: 0.4rem;
  margin-top: 0;
}
.wrap.mobile .gap-1 {
  gap: 0.1rem;
}
.wrap.mobile .gap-2 {
  gap: 0.2rem;
}
.wrap.mobile .gap-3 {
  gap: 0.3rem;
}
.wrap.mobile .gap-4 {
  gap: 0.4rem;
}
.wrap.mobile .gap-5 {
  gap: 0.5rem;
}
.wrap.mobile .gap-6 {
  gap: 0.6rem;
}
.wrap.mobile .gap-7 {
  gap: 0.7rem;
}
.wrap.mobile .gap-8 {
  gap: 0.8rem;
}
.wrap.mobile .gap-9 {
  gap: 0.9rem;
}
.wrap.mobile .gap-10 {
  gap: 1rem;
}
.wrap.mobile .gap-11 {
  gap: 1.1rem;
}
.wrap.mobile .gap-12 {
  gap: 1.2rem;
}
.wrap.mobile .gap-13 {
  gap: 1.3rem;
}
.wrap.mobile .gap-14 {
  gap: 1.4rem;
}
.wrap.mobile .gap-15 {
  gap: 1.5rem;
}
.wrap.mobile .gap-16 {
  gap: 1.6rem;
}
.wrap.mobile .gap-17 {
  gap: 1.7rem;
}
.wrap.mobile .gap-18 {
  gap: 1.8rem;
}
.wrap.mobile .gap-19 {
  gap: 1.9rem;
}
.wrap.mobile .gap-20 {
  gap: 2rem;
}
.wrap.mobile .gap-21 {
  gap: 2.1rem;
}
.wrap.mobile .gap-22 {
  gap: 2.2rem;
}
.wrap.mobile .gap-23 {
  gap: 2.3rem;
}
.wrap.mobile .gap-24 {
  gap: 2.4rem;
}
.wrap.mobile .gap-25 {
  gap: 2.5rem;
}
.wrap.mobile .gap-26 {
  gap: 2.6rem;
}
.wrap.mobile .gap-27 {
  gap: 2.7rem;
}
.wrap.mobile .gap-28 {
  gap: 2.8rem;
}
.wrap.mobile .gap-29 {
  gap: 2.9rem;
}
.wrap.mobile .gap-30 {
  gap: 3rem;
}
.wrap.mobile .gap-31 {
  gap: 3.1rem;
}
.wrap.mobile .gap-32 {
  gap: 3.2rem;
}
.wrap.mobile .gap-33 {
  gap: 3.3rem;
}
.wrap.mobile .gap-34 {
  gap: 3.4rem;
}
.wrap.mobile .gap-35 {
  gap: 3.5rem;
}
.wrap.mobile .gap-36 {
  gap: 3.6rem;
}
.wrap.mobile .gap-37 {
  gap: 3.7rem;
}
.wrap.mobile .gap-38 {
  gap: 3.8rem;
}
.wrap.mobile .gap-39 {
  gap: 3.9rem;
}
.wrap.mobile .gap-40 {
  gap: 4rem;
}
.wrap.mobile .gap-41 {
  gap: 4.1rem;
}
.wrap.mobile .gap-42 {
  gap: 4.2rem;
}
.wrap.mobile .gap-43 {
  gap: 4.3rem;
}
.wrap.mobile .gap-44 {
  gap: 4.4rem;
}
.wrap.mobile .gap-45 {
  gap: 4.5rem;
}
.wrap.mobile .gap-46 {
  gap: 4.6rem;
}
.wrap.mobile .gap-47 {
  gap: 4.7rem;
}
.wrap.mobile .gap-48 {
  gap: 4.8rem;
}
.wrap.mobile .gap-49 {
  gap: 4.9rem;
}
.wrap.mobile .gap-50 {
  gap: 5rem;
}
.wrap.mobile .flex--auto {
  min-width: 0;
}
.wrap.mobile .cursor-pointer {
  cursor: pointer;
}

@keyframes animation-flow-top {
  0% {
    top: 100%;
  }
  50% {
    top: -100%;
  }
  100% {
    top: -200%;
  }
}
/* ←←←←←←←←←←←←←←←←←←←←← [MODULES] */
html,
body {
  overflow: hidden;
  height: 100%;
}

html {
  font-size: 10px;
}

body {
  min-width: auto;
}

/* 유엑스스토리 */
/* [240105] v1.2 */
/* myclass_우리반게시판 */
.ic_pencle_underline {
  background-image: url(../images/mobile/ico/pencle_underline_black.svg);
}
.wrap.mobile .input-box.input-box--text.is--tags.nowrap {
  flex-flow: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
.wrap.mobile .input-box.input-box--text.is--tags.nowrap::-webkit-scrollbar {
  display: none;
}
.wrap.mobile .input-box.input-box--text.is--tags.nowrap .button-tag {
  min-width: unset;
}
.wrap.mobile .input-box.input-box--text.is--tags.nowrap .button-tag span {
  white-space: nowrap;
}
.wrap.mobile .input-box.input-box--text.is--tags.disabled {
  display: none;
}
.wrap.mobile .dropdown--area.disabled .dropdown--select {
  pointer-events: none;
  background: #f6f6f6;
}
.wrap.mobile .dropdown--area.disabled .dropdown--select::after {
  opacity: 0.4;
}
.wrap.mobile .input-check .input--box .input--text.f-14 {
  font-size: 1.4rem;
}

/* [240105]v1.2.2 */
/* myclass_나의교실(홈)우리반 학생*/
.wrap.mobile .table--item .student--card {
  width: 100%;
  padding: 0;
  border: none;
  overflow: visible;
}
.wrap.mobile .student--card__top {
  gap: 1.8rem;
  padding: 1.6rem 1.6rem 1.3rem;
  border-radius: 1rem 1rem 0 0;
}
.wrap.mobile .student--card .user-profile {
  width: 7rem;
  height: 7rem;
}
.wrap.mobile .student--card .user-name {
  font-size: 1.6rem;
  line-height: 1.8rem;
  margin-bottom: 1rem;
}
.wrap.mobile .student--card .card-top__right {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
}
.wrap.mobile .student--card .card-top__right button + .text-bullet {
  margin-top: 0.4rem;
}
.wrap.mobile .student--card .card-top__right .text-bullet {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 1rem;
  line-height: 1.4rem;
}
.wrap.mobile .student--card .student--card__bottom {
  justify-content: space-between;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 4.6rem;
  grid-row-gap: 1rem;
  padding: 1.4rem 1.6rem 2.2rem;
}
.wrap.mobile .student--card .student--card__bottom .text-bullet {
  padding-left: 1rem;
  display: flex;
  justify-content: space-between;
  line-height: 1.4rem;
  margin-top: unset;
}
.wrap.mobile .student--card .text-bullet span {
  width: unset;
}
.wrap.mobile .student--card .tooltip--list__box {
  width: unset;
}
.wrap.mobile .student--card .tooltip--button {
  width: unset;
}
.wrap.mobile .student--card .tooltip--box {
  width: 29.1rem;
  transform: translateX(calc(-50% + 2rem));
}
.wrap.mobile .student--card .tooltip--box-inner::before {
  left: calc(50% - 2rem);
}
.wrap.mobile .student--card .tooltip--box-inner::after {
  left: calc(50% - 2rem);
}
.wrap.mobile .student--card .tooltip--box-text {
  white-space: wrap; /* 240122 추가 */
  word-break: break-all;
  overflow: auto;
}
/* 240122 추가 */
.wrap.mobile .student--card .tooltip--box-text p {
  flex-grow: 1;
}
.wrap.mobile .student--card .tooltip--box-text strong {
  color: #000; /* 240122 추가 */
  word-break: break-all;
  white-space: pre-wrap;
  overflow: auto;
}
/* myclass_이력정보추가 */
.wrap.mobile .history--info__title {
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 1.4rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  .history--info__title
  li {
  padding-left: unset;
}
.wrap.mobile .history--info__title li .year {
  font-size: 1.6rem;
  font-weight: 700;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  .history--info {
  gap: 1rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  .history--info
  li {
  padding-left: unset;
  height: 1.4rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  .history--info
  li
  .text {
  font-size: 1.2rem;
  opacity: 0.6;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  .history--info
  li
  .number {
  font-size: 1.2rem;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  .history--info
  li
  .tooltip--box-wrap {
  width: unset;
}
.wrap.mobile
  .myclass__index
  .index__mylesson-info
  .mylesson-info--box
  .info-box__detail
  .info-swiper--item
  .box-detail__right
  .history--info
  li
  .number
  strong {
  font-size: 1.2rem;
}
/* 240123 수정 */
.wrap.mobile .myclass__index .tooltip--box {
  /* width:30.7rem; */ /* 240123 추가 */
  width: max-content;
  max-width: calc(100vw - 7rem);
}
/* 240123 추가 */
.wrap.mobile .myclass__index .tooltip--box .tooltip--box-inner {
  min-width: 8rem;
}
/* 240123 추가 */
.wrap.mobile .myclass__index .tooltip--box .tooltip--box__cancel {
  width: 1.8rem;
  height: 1.8rem;
}
.wrap.mobile .myclass__index .history--info .tooltip--box-text {
  white-space: wrap; /* 240122 추가 */
  word-break: break-all;
  overflow: auto;
}
/* 240122 추가 */
.wrap.mobile .myclass__index .history--info .tooltip--box-text p {
  flex-grow: 1;
}
/* 240122 추가 */
.wrap.mobile .myclass__index .history--info .tooltip--box-text strong {
  word-break: break-all;
  white-space: pre-wrap;
  overflow: auto;
}
/*mypage_나의이력추가 */
.wrap.mobile .mypage__menu--utill .history .icon {
  background-image: url(../images/mobile/ico/record-black.svg);
}
.wrap.mobile .table--title.f-14 {
  font-size: 1.4rem;
}
.wrap.mobile .box-detail__right.set--center {
  justify-content: center;
}
.wrap.mobile
  .myclass__index.is--student
  .index__mylesson-info
  .info-box__detail
  .info-swiper--item
  .box-detail__right.set--center {
  padding: 7.5rem 0;
}
.wrap.mobile .box--empty.no-history {
  min-height: unset;
}
.wrap.mobile .box--empty.no-history .box--empty-icon {
  width: 5rem;
  height: 5rem;
  margin-bottom: 0;
}
.ico-record-gray {
  background-image: url(../images/mobile/ico/record-gray.svg);
}
.wrap.mobile .fw_normal {
  font-weight: normal;
}
.wrap.mobile .filter--inner.mh-31 {
  max-height: calc(100vh - 3.1rem);
}
.wrap.mobile .filter--area .select-case.active {
  display: block !important;
}
.wrap.mobile .filter__contents--box .input-radio input:checked:disabled + .input--box {
  border: 1px solid #d9c7fe;
  background-color: #fff;
}
.wrap.mobile .filter__contents--box .input-radio input:checked:disabled + .input--box .input--text {
  color: #d9c7fe;
}
.wrap.mobile .tooltip--box-wrap .tooltip--button.w_full {
  width: 100%;
}
.wrap.mobile .tooltip--box-wrap.w_full {
  width: 100%;
}
.wrap.mobile .class-info--title .title .tooltip--button {
  font-size: 1.6rem;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.wrap.mobile .tooltip--box-text.is_wrap {
  white-space: wrap;
}
/* 240122 추가 */
.wrap.mobile .tooltip--box-text.is_wrap strong {
  word-break: break-all;
  white-space: pre-wrap;
  overflow: auto;
}
.wrap.mobile .tooltip--box-text.flex--between {
  justify-content: space-between;
}
.wrap.mobile .class-info--data .info--grid {
  padding: 0;
  grid-template-columns: 49% 41%;
  column-gap: 10%;
}
.wrap.mobile .info--grid li > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wrap.mobile .text_right {
  text-align: right;
}
.wrap.mobile .w_auto {
  width: auto !important;
}
.wrap.mobile .w_120 {
  width: 12rem;
}
/* 240319 삭제 */ /* .wrap.mobile .bg--none{background-color:rgba(0,0,0,0); color:#000} */
/* 240319 수정 */
.wrap.mobile .dropdown--select.bg--none {
  padding: 1rem 1.2rem;
  min-height: 3.6rem;
  background-color: rgba(0, 0, 0, 0);
  color: #000;
}
.wrap.mobile .position_rel {
  position: relative;
}
.wrap.mobile .position_absol {
  position: absolute;
}
.wrap.mobile .position_absol.r-12 {
  right: 1.2rem;
}
.wrap.mobile .position_absol.t-center {
  top: 50%;
  transform: translateY(-50%);
}
.wrap.mobile .tooltip--button.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wrap.mobile .dropdown--box.scroll_items {
  max-height: 18rem;
}
.wrap.mobile .dropdown--box.scroll_items .dropdown--item {
  white-space: nowrap;
}
.wrap.mobile .text_underline {
  text-decoration: underline;
}
/* myclass_parents 진입화면 */
.wrap.mobile .intro-noti--text .text.animation-top.set-ani .ani-inner.ani-delay-3 {
  animation-delay: 3s;
}

/* [240105]v1.2.3 */
/* myclass_우리반게시판 */
.wrap.mobile .table--list__sub.no-posit span {
  padding-right: 0;
  word-break: keep-all;
}
.wrap.mobile .table--list__sub.no-posit span::after {
  position: static;
  display: inline-block;
  margin: 0.2rem -0.3rem 0 0.5rem;
}
.wrap.mobile .table--list__sub.no-posit span:last-child::after {
  display: none;
}
/*[240108] v. 1.2.5*/
/* myclass_우리반게시판_댓글수정,삭제 */
.wrap.mobile .ico_more_black {
  background-image: url(../images/mobile/ico/more_black.svg);
}
.wrap.mobile .margin-l-auto {
  margin-left: auto;
}
.wrap.mobile .more-drop-wrap {
  position: relative;
}
.wrap.mobile .more-drop-inner {
  display: none;
  z-index: 11;
  background-color: #fff;
  border-radius: 0.6rem;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  right: 0;
  overflow: hidden;
}
.wrap.mobile .more-drop-item {
  display: block;
  width: 100%;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  line-height: 1.6rem;
  min-height: 4.2rem;
}
.wrap.mobile .more-drop-box ~ .more-drop-box {
  border-top: 1px solid rgba(204, 204, 204, 0.3);
}
.wrap.mobile .more-drop-button {
  display: flex;
}
.wrap.mobile .more-drop-button.open + .more-drop-inner {
  display: block;
}
/* [240112]v1.2.0 */
/* main&report_상황별 접속 안내 팝업 추가*/
.wrap.mobile .layer-login__before {
  word-break: keep-all;
  background-color: rgba(0, 0, 0, 0.5);
}
.wrap.mobile .layer-login__before .f-extrabold {
  font-weight: 800;
}
.wrap.mobile .layer-login__before .popup_text {
  line-height: 2.2rem;
}
.wrap.mobile .layer-login__before .page__button {
  padding-bottom: 1.6rem;
}
.wrap.mobile .layer-login__before .popup_img {
  width: 100%;
  max-width: 28.8rem;
  height: 13.8rem;
  display: inline-block;
  margin-bottom: -0.3rem;
  background-position: center;
  background-size: auto 13.8rem;
}
.wrap.mobile .layer-login__before.system_maintainance .popup_img {
  background-image: url(../images/mobile/main/img_system_maintainance.png);
}
.wrap.mobile .layer-login__before.system_error .popup_img {
  background-image: url(../images/mobile/main/img_system_error.png);
}
.wrap.mobile .layer-login__before.system_newsemester .popup_img {
  background-image: url(../images/mobile/main/img_system_newsemester.png);
}
/* [240115][v1.2.6]myclass_참여불가 case 추가 */
.wrap.mobile .state-box.unable {
  color: #b3b3b3;
  background-color: rgba(132, 132, 132, 0.1);
}
.wrap.mobile .today-lesson.type--myclass.end_class .today-lesson--info {
  background-color: rgba(132, 132, 132, 0.06);
}
.wrap.mobile
  .today-lesson.type--myclass.today-lesson.type--myclass.end_class
  .today-lesson--info__title
  .tooltip--button {
  color: #848484;
}
.wrap.mobile .f-gray {
  color: #a9a9a9;
}
/* [240130] 추가 */
.wrap.mobile .class-info--data .padding-x-0 li span {
  white-space: nowrap;
}

/* [240201] 추가 */
.wrap.mobile .intro-mystat .analysis--box .analysis--graph .analysis--graph-column.history .graph-my {
  background-color: #cc9759;
}
.wrap.mobile .intro-mystat .analysis--box .analysis--graph .analysis--graph-column.history .graph-tooltip--box span {
  background-color: #cc9759;
}
.wrap.mobile .intro-mystat .analysis--box .analysis--graph .analysis--graph-column.history .graph-tooltip--box::after {
  border-top-color: #cc9759;
}
.wrap.mobile
  .intro-mystat
  .analysis--box
  .analysis--graph.tooltip_small
  .analysis--graph-column
  .graph-box
  .graph-tooltip--box
  span {
  min-width: 4.2rem;
  font-size: 1rem;
}

/* [240213][v1.2.3] */
/* 메인_학년 전환 중 접속 안내 팝업 수정 및 이용중지/URL오류 페이지 추가 */
.wrap.mobile .hidden_btn {
  cursor: default;
  opacity: 0;
}
.wrap.mobile .button-main.violet.disabled_gray:disabled {
  background-color: #b4b4b4;
  opacity: 1;
}
.wrap.mobile.is--m-dark {
  background-image: url(../images/main/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.wrap.mobile .white_box {
  background-color: #fff;
  border-radius: 1rem;
  padding: 3.2rem 1.6rem;
}
.wrap.mobile .page_img {
  width: 100%;
  max-width: 28.8rem;
  height: 13.8rem;
  display: inline-block;
  margin-bottom: -0.3rem;
  background-position: center;
  background-size: auto 13.8rem;
}
.wrap.mobile .page_img.maintainance {
  background-image: url(../images/mobile/main/img_system_maintainance.png);
}
.wrap.mobile .page_img.system_error {
  background-image: url(../images/mobile/main/img_system_error.png);
}
.wrap.mobile .l_h_22 {
  line-height: 2.2rem;
}
.wrap.mobile .f-extra_bold {
  font-weight: 800;
}
.wrap.mobile .edu_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.9rem 2rem;
}
.wrap.mobile .button-unable.line {
  width: 100%;
  height: 6rem;
  background-color: #57458d;
  border-radius: 1rem;
  padding: 1.2rem;
  font-size: 1.5rem;
  line-height: 1.9rem;
  text-align: left;
}
.wrap.mobile .button-unable.line:hover {
  background-color: #7e44fb;
}
/* [240214] 모바일 푸터 링크 아이콘 수정 */
.wrap.mobile footer .footer--logo a {
  height: 1.65rem !important;
  width: auto !important;
  background-image: unset;
}
.wrap.mobile footer .footer--logo a img {
  height: 100%;
}
/* .wrap.mobile footer .footer--logo .logo-01 {width:6.65rem !important;}
.wrap.mobile footer .footer--logo .logo-02 {width:6rem !important;}
.wrap.mobile footer .footer--logo .logo-03 {width:8.55rem !important;}
.wrap.mobile footer .footer--logo .logo-04 {width:4.6rem !important;}
.wrap.mobile footer .footer--logo .logo-05 {width:9.65rem !important;} */

/* [240304][v1.3.1] 비밀번호 초기화 버튼 추가 */
.wrap.mobile .btn_right {
  position: absolute;
  right: 0;
}

/* [240322] 공지사항 이미지 크기 이슈 */
.wrap.mobile .image_box {
  display: block;
}
.wrap.mobile .image_box img {
  width: 100%;
}
.wrap.mobile .video_box {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.wrap.mobile .video_box iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* [240326] 비밀번호 보기 기능 추가 */
.wrap.mobile .main-eye {
  background-image: url(../images/mobile/ico/m_ic_eye_on_18px.svg);
}
.wrap.mobile .main-eye.disabled {
  background-image: url(../images/mobile/ico/m_ic_eye_off_18px.svg);
}

/* [240403] 학부모인증, 비밀번호 문구 현행화 */
.wrap.mobile .text-bullet.is--dot {
  position: relative;
  margin-top: 0.6rem;
  line-height: 2rem;
}
.wrap.mobile .text-bullet.is--dot::before {
  position: absolute;
  background-image: none;
  background-color: #000;
}
.wrap.mobile .input-check .input--box.gap-10 {
  gap: 1rem;
}
.wrap.mobile .agree-box.is_mobile {
  padding: 0;
  border-radius: 0.8rem;
}
.wrap.mobile .agree-box.is_mobile .agree-box__inner {
  padding: 1.4rem 0.7rem 1.4rem 1.4rem;
  margin: 0 0.7rem 0 0;
}
.wrap.mobile .certify {
  position: relative;
}
.wrap.mobile .certify .f-red {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.wrap.mobile .certify_msg {
  word-break: keep-all;
  line-height: 2rem;
}
.wrap.mobile .input-box.bg--gray.is--error {
  border-color: #fa4225;
  background-color: #f6f6f6;
}

/* [240429] 교육디지털패스 버튼 추가*/
.wrap.mobile .main-login--form > div {
  box-shadow: unset;
}
.wrap.mobile .main-login .onepass--button {
  padding: 0 2rem;
  margin-top: 1rem;
}
.wrap.mobile .main-login .onepass--button button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 1.4rem;
  box-shadow: 1px 1px 10px 0px rgba(15, 6, 46, 0.1);
}
.wrap.mobile .link_onepass {
  width: 100%;
  margin-top: 1rem;
}
.wrap.mobile .link_onepass button {
  width: 100%;
  font-size: 1.4rem;
  height: 4.2rem;
  border-radius: 0.6rem;
  padding: 0;
}
/* [240429] 교육디지털패스 팝업 추가*/
.wrap.mobile .layer-area.modal-area .layer__contents {
  padding-top: 5.4rem;
}
.wrap.mobile .layer_onepass_modal .history {
  background-color: #fafafa;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  padding: 1.6rem;
  margin-top: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.wrap.mobile .layer_onepass_modal .history .f-12 {
  line-height: 1.4rem;
}
.wrap.mobile .layer_onepass_modal .layer__contents {
  padding: 2.4rem 1.6rem 0;
}
.wrap.mobile .layer_onepass_modal .page__button {
  padding-top: 2.6rem;
  padding-bottom: 2rem;
  gap: 1rem;
}
/* [240429] 나의할일*/
.wrap.mobile .mypage-alert .tab--wrapper.tab-full > .tab-box {
  padding-top: 0;
}
.wrap.mobile .mypage-alert .tab--wrapper.tab-full > .tab-box > .tab--button {
  padding: 1.6rem 0 1.2rem;
  height: 4.4rem;
  border-bottom-width: 0.1rem;
}
.wrap.mobile .mypage-alert .tab--wrapper.tab-full > .tab-box > .tab--button.active {
  font-weight: 700;
}
.wrap.mobile .mypage-alert .tab--contents .tab--wrapper .tab--contents {
  margin-top: 0.1rem;
}
.wrap.mobile .alert .mypage-alram--center .mypage-alram--textbox .textbox-title .text {
  padding-top: 1rem;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-bottom: 0;
}
.wrap.mobile .mypage-alert .mypage-alram--center .mypage-alram--textbox .textbox-text {
  margin-top: 1rem;
}
.wrap.mobile .mypage-alert .mypage-alram--setting .state-box {
  margin-left: 0;
}
.wrap.mobile .mypage-alram.disabled .mypage-alram--center p {
  opacity: 1;
  color: #808080;
}
.wrap.mobile .mypage-alram.disabled .mypage-alram--center .mypage-alram--textbox .textbox-text {
  color: #808080;
  opacity: 0.6;
}
.wrap.mobile .mypage-alert .mypage-alram.disabled .mypage-alram--textbox .textbox-desc span {
  color: #808080;
  opacity: 0.8;
}
.wrap.mobile .mypage-alert .disabled .mypage-alram--setting .state-box {
  opacity: 0.2;
}
.wrap.mobile .mypage-alert .mypage-alram--setting .dday {
  color: #ff8c4c;
  font-size: 1.6rem;
  font-weight: 700;
  margin-left: 0.7rem;
  margin-right: 0.3rem;
}
.wrap.mobile .mypage-alert .mypage-alram--textbox .textbox-desc {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8rem;
}
.wrap.mobile .mypage-alert .mypage-alram--textbox .textbox-desc span {
  gap: 0.8rem;
}
.wrap.mobile .mypage-alram--center .mypage-alram--textbox .textbox-desc span:not(:first-child)::before {
  display: none;
}
/* [240429] 마이페이지 새로운 알림 */
.wrap.mobile .mypage__menu--utill .alarm.new .icon {
  background-image: url(../images/mobile/ico/ic_noti_new.svg);
}
.wrap.mobile .ico-registration-gray {
  background-image: url(../images/mobile/ico/ic_registration_13px.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* [240429] 인트로 탭 디자인 */
.wrap.mobile .intro-today__info .today-info__worklist .tab-box {
  border-bottom: 1px solid #d9d9d9;
  background-color: #f8f9fd;
}
.wrap.mobile .intro-today__info .today-info__worklist .tab-box .tab--button {
  border-bottom: 0.3rem solid transparent;
  margin-bottom: -0.1rem;
}
.wrap.mobile .intro-today__info .today-info__worklist .tab-box .tab--button.active {
  color: #7e44fb;
  border-bottom: 0.3rem solid #7e44fb;
  background-color: unset;
}
.wrap.mobile .intro-today__info .today-info__profile {
  background-color: #f8f9fd;
}
.wrap.mobile .intro-today__info .info-class__box .today-info__profile {
  background-color: #fff;
}
.wrap.mobile .intro-today__info .info-class__box .today-info__worklist .tab-box {
  background-color: #fff;
}
.wrap.mobile .intro-today__info .today-info__worklist .tab-box.tab-double:not(.tab-text) {
  margin-top: 0;
}
/* [240513] 교육디지털패스 버튼 추가*/
.wrap.mobile .main-login--button .login--item {
  height: auto;
}
.wrap.mobile .main-login .onepass--button button {
  background-color: #fff;
  gap: 1rem;
  border-radius: 1rem;
}
.wrap.mobile .main-login .onepass--button button:hover {
  background-color: #7e44fb;
  color: #fff;
  font-weight: 700;
}
.wrap.mobile .main-login .onepass--button button .onepass-icon {
  background-image: url(../images/ico/ic_onepass_bk.svg);
}
.wrap.mobile .main-login .onepass--button button:hover .onepass-icon {
  background-image: url(../images/ico/ic_onepass_w.svg);
}
/* [240812] 메인>알림게시판 수정 */
.wrap.mobile .main-notice--inner .main-notice--row {
  height: auto;
}
/* [241122] 임시접속페이지 추가 */
.wrap.mobile .page_img.maintainance_mint {
  background-image: url(../images/mobile/main/img_system_maintainance_mint.png);
}
.wrap.mobile .unable_box {
  padding: 1.2rem 1.6rem;
  color: rgba(0, 0, 0, 0.6);
  width: fit-content;
  margin: 0 auto;
  background-color: #f8f8f8;
  border-radius: 0.8rem;
}
/* [241210] 다른 기기 로그인 팝업  */
.wrap.mobile .lh_26 {
  line-height: 2.6rem !important;
}
.wrap.mobile .layer-login_manage .input-radio {
  margin: 0;
}
.wrap.mobile .layer-login_manage .input--box {
  gap: 12px;
  height: 2rem;
  align-items: center;
}
.wrap.mobile .layer-area.modal-area.layer-login_manage .page__button {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  margin-top: 0;
}
/* [250108] 시스템 점검 화면 추가 */
.wrap.mobile .unable_box.width-full {
  width: 100%;
}
.wrap.mobile .unable_box dl {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}
.wrap.mobile .unable_box dl dt {
  background-color: rgba(0, 0, 0, 0.06);
  padding: 0.3rem 1rem;
  border-radius: 2.1rem;
  height: 2rem;
}
/* [250114] OTP 인증하기 추가 */
.wrap.mobile .box-bg__grayfa {
  border-radius: 1.6rem;
  background-color: #fafafa;
}
.wrap.mobile .f-11 {
  font-size: 1.1rem;
}
.wrap.mobile .otp_input .input-box__timer .timer {
  font-size: 1.6rem;
}
/* [250203] 학년 전환 중 접속안내 페이지 추가 */
.wrap.mobile .page_img.system_newsemester {
  background-image: url(../images/mobile/main/img_system_newsemester.png);
}
.wrap.mobile .unable_box dl.flex--row {
  flex-direction: row;
}
/* 250324 수업자료 팝업 수정 */
.wrap.mobile .layer-lesson__data .lesson__data--data {
  padding-left: 0;
  padding-right: 0;
}
.wrap.mobile .layer-lesson__data .lesson__data--data .today-lesson--data__list .data-list__box li {
  min-height: 9rem;
  height: auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 1.4rem 2rem;
}
.wrap.mobile .layer-lesson__data .lesson__data--data .today-lesson--data__list .data-list__box li .button-main {
  flex-shrink: 0;
}
.wrap.mobile .layer-lesson__data .today-lesson--data__list .data-list__title span {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: wrap;
}
/* 250331 모바일 공지사항 팝업 */
.wrap.mobile .layer-notice .layer__title {
  gap: 8px;
  padding: 2rem 1.6rem;
  height: 5.6rem;
}
.wrap.mobile .layer-notice .layer__title-notice-title {
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.wrap.mobile .layer-notice .layer__title-date {
  color: #666;
  font-size: 1.2rem;
  flex-shrink: 0;
}
.wrap.mobile .layer-notice .notice-contents-box {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.wrap.mobile .layer-notice .notice-contents-box .notice-detail {
  font-size: 1.2rem;
  line-height: 1.6;
  color: rgba(51, 51, 51, 0.8);
}
.wrap.mobile .layer-notice .swiper-container {
  width: 100%;
}
.wrap.mobile .layer-notice .notice-contents-box .notice-detail img {
  width: 100%;
  display: block;
}
.wrap.mobile .layer-notice .swiper-pagination {
  margin: 0;
  padding: 1.2rem 0 1.6rem;
}
.wrap.mobile .layer-notice .swiper-container .layer-notice__inner {
  display: flex;
  flex-direction: column;
}
.wrap.mobile .layer-notice .layer-notice__inner .layer__contents {
  padding: 1.2rem 1.2rem 1.6rem;
  max-height: 41.4rem;
}
.wrap.mobile .layer__container .page__button.is--bottom {
  padding: 0;
  gap: 0;
}
.wrap.mobile .layer__container .page__button.is--bottom button {
  border-radius: 0;
  height: 4.2rem;
  padding: 0;
}
.wrap.mobile .toggle-filebox.is--grayline {
  border: 1px solid #d9d9d9;
  border-radius: 0.6rem;
  margin: 0;
}
.wrap.mobile .toggle-filebox.is--grayline.open {
  margin: 0;
}
.wrap.mobile .toggle-filebox.is--grayline .filebox--top {
  padding: 1rem;
}
.wrap.mobile .toggle-filebox.is--grayline .filebox--top .filebox--left {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wrap.mobile .toggle-filebox.is--grayline .filebox--top .filebox--btn-text {
  color: #666;
}
.wrap.mobile .toggle-filebox.is--grayline .filebox--bottom {
  margin: 0;
  border: 0;
  padding: 0;
}
.wrap.mobile .toggle-filebox.is--grayline .filebox--bottom li {
  gap: 0.6rem;
  margin: 0;
  padding: 1rem;
  border-top: 1px solid #d9d9d9;
}
.wrap.mobile .toggle-filebox.is--grayline .filebox--bottom li:only-child {
  border-top: 0;
}
.wrap.mobile .toggle-filebox.is--grayline .filebox--bottom li .filebox__down {
  margin-left: auto;
}
.wrap.mobile .ico-down-gray-20 {
  background-image: url(../images/mobile/ico/ic_down_gray_20px.svg);
}
/* 250403 마이페이지 알림, 공지사항 상세 이미지사이즈 이슈 수정 */
.wrap.mobile .box--view__contents img,
.wrap.mobile .mypage-alert .mypage-alram--textbox .textbox-text img {
  width: 100% !important;
  height: auto !important;
}

/* 250725 마이페이지(할일, 알림) 수정 */
.wrap.mobile .text_tag {
  margin-right: 1.3rem;
  font-size: 1.2rem;
  font-weight: 400;
}
.wrap.mobile .text_tag::after {
  margin-left: 0.6rem;
}
.wrap.mobile .mypage-alert .tab--contents.alram .mypage-alram {
  min-height: 9rem;
}
.wrap.mobile .mypage--area .tab--contents.alram .text_tag {
  margin-right: 0.4rem;
}
.wrap.mobile .mypage--area .tab--contents.alram .text_tag::after {
  display: none;
}

/* 250829 종합 리포트 */
/* tab-text-line 탭 */
.wrap.mobile .tab-text-line {
  gap: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.wrap.mobile .tab-text-line::-webkit-scrollbar {
  display: none;
}
.wrap.mobile .tab-text-line .tab--button {
  padding: 1rem 0.8rem;
  color: #666;
  font-size: 1.4rem;
  line-height: normal;
  border-bottom: 1px solid #d9d9d9;
  background-color: transparent;
  border-radius: 0;
}
.wrap.mobile .tab-text-line .tab--button.active {
  color: #7e44fb;
  border-bottom: 0.3rem solid #7e44fb;
  font-weight: 800;
}

/* x축 버튼 */
.wrap.mobile .custom-x-btns {
  width: max-content;
  display: flex;
  gap: 1rem;
  margin-top: 1.4rem;
  flex-wrap: wrap;
}
.wrap.mobile .custom-x-btns button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.2rem;
  height: 2.7rem;
  padding: 0 0.4rem;
  font-size: 1.3rem;
  color: #000;
  border-radius: 0.6rem;
  border: 0.1rem solid #d9d9d9;
  background: #f6f6f6;
  transition: all 0.2s;
}
.wrap.mobile .custom-x-btns button.active {
  border-color: #7e44fb;
  background: #f2ecff;
  color: #7e44fb;
}

/* 하단 데이터 범례 */
.wrap.mobile .chart-legend-info {
  margin-top: 1.6rem;
  padding: 0 0.4rem;
}
.wrap.mobile .chart-legend-info .legend-item {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  gap: 0.8rem;
}
.wrap.mobile .chart-legend-info .legend-item:last-child {
  margin-bottom: 0;
}
.wrap.mobile .chart-legend-info .legend-color {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  flex-shrink: 0;
  background: transparent;
  border: 2px solid var(--legend-color, #d9d9d9);
}
.wrap.mobile .chart-legend-info .legend-label {
  flex: 1;
  font-size: 1.4rem;
}
.wrap.mobile .chart-legend-info .legend-value {
  font-weight: 700;
  font-size: 1.6rem;
  min-width: 5rem;
  text-align: right;
}

/* 페이지 */
.wrap.mobile .total-report {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.wrap.mobile .total-report .tab-toggle .tab-box {
  gap: 0.6rem;
  padding: 0.6rem;
  border-radius: 2.1rem;
  background-color: #edf1fc;
}
.wrap.mobile .total-report .tab-toggle .tab--button {
  padding: 0.8rem 1.2rem;
  width: 50%;
  font-weight: 800;
  border-radius: 1.5rem;
  word-break: keep-all;
}
.wrap.mobile .total-report .legend-html .legend {
  right: 0.8rem;
  gap: 1.4rem;
}
.wrap.mobile .total-report .legend-html .legend .text {
  color: #666;
}
.wrap.mobile .total-report .detail-box {
  display: none;
}
.wrap.mobile .total-report .detail-btn {
  margin-top: 2.4rem;
  padding: 0 0.8rem;
}
.wrap.mobile .total-report .detail-btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  padding: 0 1.2rem;
  width: 100%;
  height: 3.2rem;
  font-size: 1.4rem;
  border-radius: 2.2rem;
  border: 1px solid rgba(166, 166, 166, 0.3);
  background: #f0f0f0;
}
.wrap.mobile .total-report .detail-btn.open + .detail-box {
  display: block;
}
.wrap.mobile .total-report .detail-btn.open .ico-down-black {
  transform: rotate(180deg);
}
.wrap.mobile .total-report .detail-section {
  margin-top: 4.8rem;
}
.wrap.mobile .total-report .detail-title {
  margin-bottom: 2.4rem;
  padding: 0 0.8rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #341761;
}
.wrap.mobile .total-report .detail-title::before {
  content: "";
  display: inline-block;
  margin-right: 0.8rem;
  width: 0.2rem;
  height: 1.2rem;
  background-color: #341761;
}

.wrap.mobile .report-section .report-title {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
  margin-bottom: 1.4rem;
}
.wrap.mobile .report-section .report-box {
  padding: 2rem 1.2rem;
  background-color: #fff;
  border-radius: 1rem;
}
.wrap.mobile .report-text {
  font-size: 1.4rem;
  font-weight: 700;
}
.wrap.mobile .tension-section {
  position: relative;
}
.wrap.mobile .tension-section .image-run-box {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  width: 10.6rem;
  height: 13.2rem;
}
.wrap.mobile .tension-section .image-run-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wrap.mobile .tension-section .tab-box {
  position: relative;
  z-index: 1;
}
.wrap.mobile .tension-section .report-text-box {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-bottom: 1.6rem;
  padding: 0 0.8rem;
  position: relative;
  z-index: 1;
}
.wrap.mobile .tension-section .state-box {
  margin: 0 0.6rem;
}
.wrap.mobile .radar-section .report-text {
  margin-top: 2rem;
  font-size: 1.5rem;
  text-align: center;
}
.wrap.mobile .radar-section .report-text strong {
  color: #bb50ff;
  font-weight: 800;
}
.wrap.mobile .radar-section .chart-legend-info {
  margin-top: 1.6rem;
  padding: 1.2rem 1.6rem;
  font-weight: 700;
}
.wrap.mobile .radar-section .legend-item {
  margin-bottom: 2rem;
}
.wrap.mobile .radar-section .legend-value {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  font-size: 1.5rem;
}
.wrap.mobile .radar-section .legend-value div {
  color: #7f7f7f;
  font-size: 1.2rem;
  font-weight: 400;
}
.wrap.mobile .line-section .tab-text-line {
  margin-bottom: 1.4rem;
}
.wrap.mobile .line-section .tab-text-line .tab--button {
  flex-shrink: 0;
  width: 7.4rem;
  height: 3.8rem;
}
.wrap.mobile .line-section .tab-tag > .tab-box {
  padding: 0;
}
.wrap.mobile .line-section .tab-tag > .tab-box::-webkit-scrollbar {
  display: none;
}
.wrap.mobile .line-section .tab-tag > .tab-box {
  margin-bottom: 1.4rem;
}

.wrap.mobile .detail-section .tab-toggle .tab-box {
  margin-bottom: 2.4rem;
}
.wrap.mobile .detail-section .double-bar-chart {
  padding-top: 3.6rem;
}
.wrap.mobile .detail-section .double-bar-chart .report-text {
  position: absolute;
  top: 0;
  left: 0.8rem;
}
.wrap.mobile .time-list .detail-title {
  margin-bottom: 1.6rem;
}
.wrap.mobile .time-list ul {
  padding: 0 1rem;
}
.wrap.mobile .time-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  padding: 1.2rem 0.8rem;
  border-bottom: 0.1rem solid #f0f0f0;
}
.wrap.mobile .time-list .right {
  text-align: right;
  font-size: 1.5rem;
}
.wrap.mobile .time-list .time-desc {
  margin-top: 0.2rem;
  color: #7f7f7f;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
}
.wrap.mobile .time-list .time-desc .slow {
  color: #7e44fb;
}
.wrap.mobile .time-list .time-desc .fast {
  color: #ff8c4c;
}

/* 차트 */
.wrap.mobile canvas.chart {
  display: block;
}
.wrap.mobile .chart-area {
  position: relative;
  min-height: 15rem;
  height: auto !important;
  padding: 0 0.8rem;
}
.wrap.mobile .chart-wrapper {
  width: 100%;
  overflow-y: visible;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.wrap.mobile .m-tension-line-chart .chart-wrapper,
.wrap.mobile .m-line-chart .chart-wrapper,
.wrap.mobile .m-triple-bar-chart .chart-wrapper {
  padding-bottom: 0.8rem;
}
.wrap.mobile .m-tension-line-chart .grid-bottom {
  position: absolute;
  top: 19rem;
  width: calc(100% - 1.6rem);
  border-bottom: 1px dashed #cccccc;
}
.wrap.mobile .m-radal-chart {
  padding-top: 2.2rem;
}
.wrap.mobile .detail-section .chart-wrapper {
  margin-top: 2rem;
}
.wrap.mobile .m-line-chart .chart-wrapper {
  position: relative;
  padding-left: 32px;
}
.wrap.mobile .m-tension-line-chart .chart,
.wrap.mobile .line-section .chart,
.wrap.mobile .detail-section .m-triple-bar-chart .chart {
  cursor: pointer;
}
.wrap.mobile .detail-section .chart {
  cursor: default;
}
.wrap.mobile .m-line-chart .custom-x-btns,
.wrap.mobile .m-triple-bar-chart .custom-x-btns {
  margin-top: 0.3rem;
}
.wrap.mobile .m-triple-bar-chart .custom-x-btns {
  margin-left: 5.1rem;
}

/* 데이터 없음 */
.wrap.mobile .report-section .empty-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 1rem;
}
.wrap.mobile .tension-section .empty-box {
  height: 27.2rem;
  background-image: url("../images/mobile/img/report_empty_tension.png");
}
.wrap.mobile .radar-section .empty-box {
  height: 30.9rem;
  background-image: url("../images/mobile/img/report_empty_radar.png");
}
.wrap.mobile .line-section .empty-box {
  height: 32.8rem;
  background-image: url("../images/mobile/img/report_empty_line.png");
}
.wrap.mobile .empty-box .empty-box-text {
  font-size: 1.2rem;
  line-height: 2rem;
  opacity: 0.8;
  text-align: center;
}