@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 **/
main.svelte-1v2axqk {
  max-width: 1000px;
  margin: 0 auto;
}

.sub-page-top.svelte-1v2axqk {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--pm-main);
  background-image: linear-gradient(60deg, rgba(var(--pm-main), 0.15), rgba(214, 51, 132, 0));
  margin-bottom: 1rem;
  background-position: center;
  background-size: cover;
  height: 150px;
}
@media (min-width: 992px) {
  .sub-page-top.svelte-1v2axqk {
    height: 280px;
  }
}
.sub-page-top.svelte-1v2axqk .title:where(.svelte-1v2axqk) {
  text-align: center;
  font-weight: 600;
  font-size: 2rem;
  color: #fff;
  margin-bottom: 0;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  .sub-page-top.svelte-1v2axqk .title:where(.svelte-1v2axqk) {
    font-size: 3.5rem;
  }
}
.sub-page-top.svelte-1v2axqk .desc:where(.svelte-1v2axqk) {
  text-align: center;
  font-size: 0.875rem;
  color: #fff;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  font-weight: lighter;
}
@media (min-width: 992px) {
  .sub-page-top.svelte-1v2axqk .desc:where(.svelte-1v2axqk) {
    font-size: 1.25rem;
  }
}