@charset "UTF-8";
/* 화면에서는 숨기고, 스크린리더에는 노출 */
.sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px; /* 레이아웃 영향 제거 */
  overflow: hidden;
  clip: rect(0, 0, 0, 0); /* 구형 브라우저 지원 */
  clip-path: inset(50%); /* 최신 브라우저 */
  white-space: nowrap; /* 줄바꿈 방지 */
  border: 0;
}

/* 키보드 포커스가 오면 화면에 보이게 (선택) */
.sr-only:focus,
.sr-only:active {
  position: static !important;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  clip-path: none;
  white-space: normal;
}

/* 컨텐츠 empty */
.contents__empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  width: 100%;
  height: 35vh;
  color: var(--custom-secondary-gray02);
}
.contents__empty i {
  font-size: 3rem;
}
.contents__empty p {
  font-size: 1.5rem;
  font-weight: 300;
}

@media (max-width: 991.98px) {
  .mypage-aside {
    display: none;
  }
  .col-md-10 {
    padding: 0;
  }
}