@charset "UTF-8";
/*------------------------------------*\
  # Theme
\*------------------------------------*/
/*------------------------------------*\
  # Colors
\*------------------------------------*/
/** identity 기본 변수 - 부트스트랩 오버라이딩 변수 포함 **/
/** App Identity Variables - New!!, Not Bootstrap variables **/
/** 부트스트랩 기본 z-index **/
/** 부트스트랩 기본 변수 오버라이드 항목 **/
/** 아래는 정리 필요 **/
/** grid **/
/** Link **/
/*------------------------------------*\
  # Colors
\*------------------------------------*/
/*------------------------------------*\
  # Font, Text Custom Variables
\*------------------------------------*/
/*--------------------------------------*\
  # Layout 요소
\*--------------------------------------*/
/*--------------------------------------*\
  #Button Variables, Placeholder, Mixin
\*--------------------------------------*/
/*------------------------------------*\
  #요 아래 친구들은 지울 수 있게 정리하자
\*------------------------------------*/
/** Form **/
/** grid **/
/** space **/
/** padding **/
/**
	 * --------------------------------------------------------------------------
	 * shell
	 * --------------------------------------------------------------------------
	 * - 화면 전체를 덮는 중앙 정렬 전용 레이어
	 * - 실제 클릭은 내부 dialog 에만 허용
	 */
.pm-dialog-shell.svelte-skvjpr {
  position: fixed;
  inset: 0;
  z-index: 1055;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  pointer-events: none;
}

/**
	 * --------------------------------------------------------------------------
	 * dialog
	 * --------------------------------------------------------------------------
	 * - 실제 애니메이션과 상호작용이 일어나는 모달 박스
	 * - 중앙 정렬은 shell 이 담당하므로 top/left/translate 를 사용하지 않는다.
	 */
.pm-dialog.svelte-skvjpr {
  width: min(95vw, 100%);
  padding: 1rem;
  border-radius: 1rem;
  background-color: #fff;
  border: 2px solid transparent;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)), var(--pm-grad-main);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  overflow: hidden;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  pointer-events: auto;
}

.pm-dialog__header.svelte-skvjpr {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.pm-dialog__title-wrap.svelte-skvjpr {
  min-width: 0;
  flex: 1;
}

.pm-dialog__title.svelte-skvjpr {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
}

.pm-dialog__desc.svelte-skvjpr {
  margin-top: 0.5rem;
}
.pm-dialog__desc.svelte-skvjpr p:where(.svelte-skvjpr) {
  margin: 0;
  line-height: 1.5;
}

.pm-dialog__close.svelte-skvjpr {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 9999px;
  background: transparent;
  cursor: pointer;
  font-size: 1.125rem;
  line-height: 1;
  color: var(--pm-main);
}

.pm-dialog__divider.svelte-skvjpr {
  height: 1px;
  margin: 1rem 0;
  background: rgba(0, 0, 0, 0.08);
}

.pm-dialog__body.svelte-skvjpr {
  min-height: 0;
}

.pm-dialog__body.is-scrollable.svelte-skvjpr {
  overflow-y: auto;
  max-height: min(70vh, 700px);
}

.pm-dialog__footer.svelte-skvjpr {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
/*------------------------------------*\
  # Theme
\*------------------------------------*/
/*------------------------------------*\
  # Colors
\*------------------------------------*/
/** identity 기본 변수 - 부트스트랩 오버라이딩 변수 포함 **/
/** App Identity Variables - New!!, Not Bootstrap variables **/
/** 부트스트랩 기본 z-index **/
/** 부트스트랩 기본 변수 오버라이드 항목 **/
/** 아래는 정리 필요 **/
/** grid **/
/** Link **/
/*------------------------------------*\
  # Colors
\*------------------------------------*/
/*------------------------------------*\
  # Font, Text Custom Variables
\*------------------------------------*/
/*--------------------------------------*\
  # Layout 요소
\*--------------------------------------*/
/*--------------------------------------*\
  #Button Variables, Placeholder, Mixin
\*--------------------------------------*/
/*------------------------------------*\
  #요 아래 친구들은 지울 수 있게 정리하자
\*------------------------------------*/
/** Form **/
/** grid **/
/** space **/
/** padding **/
.pm-alert-modal__body.svelte-8o86pd p:where(.svelte-8o86pd) {
  margin: 0;
  line-height: 1.6;
}
.pm-alert-modal__body.svelte-8o86pd p:where(.svelte-8o86pd) + p:where(.svelte-8o86pd) {
  margin-top: 0.5rem;
}
/*------------------------------------*\
  # Theme
\*------------------------------------*/
/*------------------------------------*\
  # Colors
\*------------------------------------*/
/** identity 기본 변수 - 부트스트랩 오버라이딩 변수 포함 **/
/** App Identity Variables - New!!, Not Bootstrap variables **/
/** 부트스트랩 기본 z-index **/
/** 부트스트랩 기본 변수 오버라이드 항목 **/
/** 아래는 정리 필요 **/
/** grid **/
/** Link **/
/*------------------------------------*\
  # Colors
\*------------------------------------*/
/*------------------------------------*\
  # Font, Text Custom Variables
\*------------------------------------*/
/*--------------------------------------*\
  # Layout 요소
\*--------------------------------------*/
/*--------------------------------------*\
  #Button Variables, Placeholder, Mixin
\*--------------------------------------*/
/*------------------------------------*\
  #요 아래 친구들은 지울 수 있게 정리하자
\*------------------------------------*/
/** Form **/
/** grid **/
/** space **/
/** padding **/
.pm-confirm-modal__body.svelte-1grmfa7 p:where(.svelte-1grmfa7) {
  margin: 0;
  line-height: 1.6;
}
.pm-confirm-modal__body.svelte-1grmfa7 p:where(.svelte-1grmfa7) + p:where(.svelte-1grmfa7) {
  margin-top: 0.5rem;
}

.pm-confirm-modal__actions.svelte-1grmfa7 {
  display: flex;
  gap: 0.75rem;
}
/*------------------------------------*\
  # Theme
\*------------------------------------*/
/*------------------------------------*\
  # Colors
\*------------------------------------*/
/** identity 기본 변수 - 부트스트랩 오버라이딩 변수 포함 **/
/** App Identity Variables - New!!, Not Bootstrap variables **/
/** 부트스트랩 기본 z-index **/
/** 부트스트랩 기본 변수 오버라이드 항목 **/
/** 아래는 정리 필요 **/
/** grid **/
/** Link **/
/*------------------------------------*\
  # Colors
\*------------------------------------*/
/*------------------------------------*\
  # Font, Text Custom Variables
\*------------------------------------*/
/*--------------------------------------*\
  # Layout 요소
\*--------------------------------------*/
/*--------------------------------------*\
  #Button Variables, Placeholder, Mixin
\*--------------------------------------*/
/*------------------------------------*\
  #요 아래 친구들은 지울 수 있게 정리하자
\*------------------------------------*/
/** Form **/
/** grid **/
/** space **/
/** padding **/
.st-toast.svelte-j0u3v5 {
  display: flex;
  pointer-events: auto;
  width: 320px;
  height: auto;
  padding-left: 0.875rem;
  color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  cursor: pointer;
  /*background-color: #fff !important;*/
  border: 5px solid transparent;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)), linear-gradient(rgb(213, 58, 157), rgb(116, 58, 213));
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

.st-toast.svelte-j0u3v5 .st-toast-icon:where(.svelte-j0u3v5) {
  flex-shrink: 0;
  margin-right: 0.875rem;
  /*margin-top: 0.875rem;*/
}

.st-toast.light.svelte-j0u3v5 {
  color: #161616;
  fill: #161616;
}

.st-toast.light.info.svelte-j0u3v5 {
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)), linear-gradient(rgb(213, 58, 157), rgb(116, 58, 213));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 2rem;
  /*border-left: 3px solid rgb(2, 132, 199);*/
  /*background: rgba(2, 132, 199, 0.2);*/
}
.st-toast.light.info.svelte-j0u3v5 .st-toast-title:where(.svelte-j0u3v5) {
  color: rgb(2, 132, 199);
  text-decoration-line: underline;
}

.st-toast.light.info.svelte-j0u3v5 progress:where(.svelte-j0u3v5) {
  background: rgba(2, 132, 199, 0.2);
}

.st-toast.light.info.svelte-j0u3v5 progress[value]:where(.svelte-j0u3v5)::-webkit-progress-bar {
  background-color: transparent;
}

.st-toast.light.info.svelte-j0u3v5 progress[value]:where(.svelte-j0u3v5)::-webkit-progress-value {
  background-color: rgb(2, 132, 199);
}

.st-toast.light.info.svelte-j0u3v5 .st-toast-icon:where(.svelte-j0u3v5) {
  fill: rgb(2, 132, 199);
}

.st-toast.light.error.svelte-j0u3v5 {
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)), linear-gradient(rgb(213, 58, 157), rgb(116, 58, 213));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 2rem;
}
.st-toast.light.error.svelte-j0u3v5 .st-toast-title:where(.svelte-j0u3v5) {
  color: #dc3545;
  text-decoration-line: underline;
}

.st-toast.light.error.svelte-j0u3v5 progress:where(.svelte-j0u3v5) {
  background: rgba(225, 29, 72, 0.2);
}

.st-toast.light.error.svelte-j0u3v5 progress[value]:where(.svelte-j0u3v5)::-webkit-progress-bar {
  background-color: transparent;
}

.st-toast.light.error.svelte-j0u3v5 progress[value]:where(.svelte-j0u3v5)::-webkit-progress-value {
  background-color: rgb(225, 29, 72);
}

.st-toast.light.error.svelte-j0u3v5 .st-toast-icon:where(.svelte-j0u3v5) {
  fill: rgb(225, 29, 72);
}

.st-toast.light.warning.svelte-j0u3v5 {
  display: flex;
  align-items: center;
  border: 2px solid transparent;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)), linear-gradient(rgb(213, 58, 157), rgb(116, 58, 213));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 2rem;
}
.st-toast.light.warning.svelte-j0u3v5 .st-toast-title:where(.svelte-j0u3v5) {
  color: rgb(202, 138, 4);
  text-decoration-line: underline;
}

.st-toast.light.warning.svelte-j0u3v5 progress:where(.svelte-j0u3v5) {
  background: rgba(202, 138, 4, 0.2);
}

.st-toast.light.warning.svelte-j0u3v5 progress[value]:where(.svelte-j0u3v5)::-webkit-progress-bar {
  background-color: transparent;
}

.st-toast.light.warning.svelte-j0u3v5 progress[value]:where(.svelte-j0u3v5)::-webkit-progress-value {
  background-color: rgb(202, 138, 4);
}

.st-toast.light.warning.svelte-j0u3v5 .st-toast-icon:where(.svelte-j0u3v5) {
  fill: rgb(202, 138, 4);
}

.st-toast-details.svelte-j0u3v5 {
  margin-top: 0.875rem;
  margin-right: 1rem;
  text-align: left;
  align-self: flex-start;
}

.st-toast-details.svelte-j0u3v5 .st-toast-title:where(.svelte-j0u3v5) {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: 0.16px;
  word-break: break-word;
  margin: 0;
  outline: none;
}

.st-toast-details.svelte-j0u3v5 .st-toast-description:where(.svelte-j0u3v5) {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.125rem;
  letter-spacing: 0.16px;
  margin-top: 0;
  margin-bottom: 1rem;
  word-break: break-word;
}

.st-toast-close-btn.svelte-j0u3v5 {
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin-left: auto;
  padding: 0;
  height: 3rem;
  width: 3rem;
  min-height: 3rem;
  min-width: 3rem;
  transition: outline 110ms, background-color 110ms;
}
ul.svelte-1sk09jg {
	list-style: none;
	margin: 0;
	padding: 0;
}
li.svelte-1sk09jg {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}
.toast-container.svelte-1sk09jg {
	z-index: 9999;
	position: fixed;
	padding: 4px;
	box-sizing: border-box;
	color: #fff;
	width: max-content;
	max-width: 100%;
	pointer-events: none;
}
.toast-container.bottom-right.svelte-1sk09jg {
	bottom: 1em;
	right: 1em;
}
.toast-container.bottom-left.svelte-1sk09jg {
	bottom: 1em;
	left: 1em;
}
.toast-container.top-left.svelte-1sk09jg {
	top: 1em;
	left: 1em;
}
.toast-container.top-right.svelte-1sk09jg {
	top: 1em;
	right: 1em;
}
.toast-container.top-center.svelte-1sk09jg {
	top: 1em;
	right: 50%;
	left: 50%;
	transform: translate(-50%, 0);
}
.toast-container.bottom-center.svelte-1sk09jg {
	bottom: 1em;
	right: 50%;
	left: 50%;
	transform: translate(-50%, 0);
}
.toast-container.center-center.svelte-1sk09jg {
	top: 50%;
	right: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.toast-container.svelte-1sk09jg > :where(.svelte-1sk09jg):not(:last-child) {
	margin-bottom: 10px;
}

/*------------------------------------*\
  # Theme
\*------------------------------------*/
/*------------------------------------*\
  # Colors
\*------------------------------------*/
/** identity 기본 변수 - 부트스트랩 오버라이딩 변수 포함 **/
/** App Identity Variables - New!!, Not Bootstrap variables **/
/** 부트스트랩 기본 z-index **/
/** 부트스트랩 기본 변수 오버라이드 항목 **/
/** 아래는 정리 필요 **/
/** grid **/
/** Link **/
/*------------------------------------*\
  # Colors
\*------------------------------------*/
/*------------------------------------*\
  # Font, Text Custom Variables
\*------------------------------------*/
/*--------------------------------------*\
  # Layout 요소
\*--------------------------------------*/
/*--------------------------------------*\
  #Button Variables, Placeholder, Mixin
\*--------------------------------------*/
/*------------------------------------*\
  #요 아래 친구들은 지울 수 있게 정리하자
\*------------------------------------*/
/** Form **/
/** grid **/
/** space **/
/** padding **/
.inline-error.svelte-l3w9bl {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  padding: 3rem 1rem;
  color: #495057;
  text-align: left;
}

.inline-error--compact.svelte-l3w9bl {
  padding: 2rem 1rem;
}

.inline-error__icon.svelte-l3w9bl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #f1f3f5;
  color: #6c757d;
  font-size: 1.1rem;
}

.inline-error__body.svelte-l3w9bl {
  max-width: 34rem;
}

.inline-error__label.svelte-l3w9bl {
  margin-bottom: 0.35rem;
  font-weight: 700;
  color: #343a40;
}

.inline-error.svelte-l3w9bl p:where(.svelte-l3w9bl) {
  margin: 0;
  line-height: 1.5;
}

.inline-error__description.svelte-l3w9bl {
  margin-top: 0.15rem !important;
  color: #6c757d;
  font-size: 0.92rem;
}

.inline-error--danger.svelte-l3w9bl .inline-error__icon:where(.svelte-l3w9bl) {
  background: #fff5f5;
  color: #e03131;
}

.inline-error--warning.svelte-l3w9bl .inline-error__icon:where(.svelte-l3w9bl) {
  background: #fff9db;
  color: #f08c00;
}

.inline-error--info.svelte-l3w9bl .inline-error__icon:where(.svelte-l3w9bl),
.inline-error--primary.svelte-l3w9bl .inline-error__icon:where(.svelte-l3w9bl) {
  background: #e7f5ff;
  color: #1c7ed6;
}