main {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: fit-content;
  background: var(--color-neutral-000);
  overflow: hidden;
}
main .section-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-40);
  max-width: 768px;
  width: 100%;
  height: fit-content;
}
main .section-container .section-hero {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding-top: var(--sz-40);
  padding-bottom: var(--sz-48);
}
main .section-container .section-hero .slide-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: fit-content;
}
main .section-container .section-hero .slide-container .slide-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding-right: var(--sz-24);
  padding-left: var(--sz-24);
}
main .section-container .section-hero .slide-container .slide-wrapper .imgbox-slide {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: fit-content;
  border-radius: 16px;
  overflow: hidden;
}
main .section-container .section-hero .slide-container .slide-wrapper .imgbox-slide img {
  width: 100%;
  height: 520px;
  background: #fafafa;
}
main .section-container .section-favorite {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-24);
  width: 1200px;
  height: fit-content;
  box-sizing: border-box;
  padding-top: var(--sz-24);
  padding-bottom: var(--sz-32);
  overflow: hidden;
}
main .section-container .section-favorite .title-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding-right: var(--sz-24);
  padding-left: var(--sz-24);
}
main .section-container .section-favorite .title-container .subtitle-md {
  width: fit-content;
  height: fit-content;
  color: #03031b;
  font-size: var(--fs-20);
  font-weight: var(--fw-bld);
}
main .section-container .section-favorite .item-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: fit-content;
}
main .section-container .section-favorite .item-container .item-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-24);
  width: 1200px;
  height: fit-content;
  box-sizing: border-box;
  padding-right: var(--sz-24);
  padding-left: var(--sz-24);
}
main .section-container .section-favorite .item-container .item-wrapper .item-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1;
  gap: var(--sz-12);
  width: 100%;
  height: fit-content;
  overflow: hidden;
}
main .section-container .section-favorite .item-container .item-wrapper .item-card .img-box {
  width: 100%;
  height: 203px;
}
main .section-container .section-favorite .item-container .item-wrapper .item-card .img-box img {
  width: 270px;
  height: 203px;
}
main .section-container .section-favorite .item-container .item-wrapper .item-card .text-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  height: fit-content;
}
main .section-container .section-favorite .item-container .item-wrapper .item-card .text-box .text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  height: fit-content;
}
main .section-container .section-favorite .item-container .item-wrapper .item-card .text-box .text-wrapper .text-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-4);
  width: 100%;
  height: fit-content;
}
main .section-container .section-favorite .item-container .item-wrapper .item-card .text-box .text-wrapper .text-box .subtitle-sm {
  display: -webkit-box;
  width: 100%;
  height: fit-content;
  color: #03031b;
  overflow: hidden;
  font-size: var(--fs-18);
  font-weight: var(--fw-bld);
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
main .section-container .section-favorite .item-container .item-wrapper .item-card .text-box .label-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  width: fit-content;
  height: fit-content;
}
main .section-container .section-favorite .item-container .item-wrapper .item-card .text-box .label-box .label-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-sub-400);
  font-size: 12px;
  font-weight: var(--fw-med);
}
main .section-container .section-favorite .item-container .item-wrapper .item-card .text-box .label-box .rectangle-20 {
  width: 3px;
  height: 3px;
  background: #fa5a1b;
}
main .section-container .section-favorite .item-container .item-wrapper .item-card .text-box .label-box .label-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-sub-400);
  font-size: 12px;
  font-weight: var(--fw-med);
}
main .section-container .section-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--sz-40);
  width: 1200px;
  height: fit-content;
  box-sizing: border-box;
  padding-right: var(--sz-24);
  padding-left: var(--sz-24);
}
main .section-container .section-container .section-article {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
  max-width: 768px;
  min-width: 320px;
  width: 100%;
  height: fit-content;
}
main .section-container .section-container .section-article .title-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-12) var(--sz-16);
  background: var(--color-neutral-900);
  border-bottom: 1px solid var(--color-neutral-900);
}
main .section-container .section-container .section-article .title-container .subtitle-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-000);
  font-size: var(--fs-20);
  font-weight: var(--fw-bld);
}
main .section-container .section-container .section-article .item-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding-top: var(--sz-24);
}
main .section-container .section-container .section-article .item-container .item-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-24);
  width: 100%;
  height: fit-content;
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--sz-32);
  max-width: 744px;
  min-width: 320px;
  width: 100%;
  height: fit-content;
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list .text-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
  gap: var(--sz-8);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: var(--sz-4) 0px;
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list .text-container .text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-8);
  width: 100%;
  height: fit-content;
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list .text-container .text-wrapper .date-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  height: fit-content;
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list .text-container .text-wrapper .date-box .label-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-400);
  font-size: var(--fs-13);
  font-weight: var(--fw-reg);
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list .text-container .text-wrapper .text-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-8);
  width: 100%;
  height: fit-content;
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list .text-container .text-wrapper .text-box .subtitle-lg {
  display: -webkit-box;
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-900);
  overflow: hidden;
  font-size: var(--fs-20);
  font-weight: var(--fw-bld);
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list .text-container .text-wrapper .text-box .body-sm {
  display: -webkit-box;
  width: 100%;
  height: fit-content;
  overflow: hidden;
  font-size: var(--fs-15);
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list .text-container .info-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding-top: var(--sz-8);
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list .text-container .info-container .info-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: fit-content;
  height: fit-content;
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list .text-container .info-container .info-box .label-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-system-info);
  font-size: var(--fs-13);
  font-weight: var(--fw-med);
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list .text-container .info-container .info-box .rectangle-20 {
  width: 4px;
  height: 4px;
  background: #17a2b8;
  border-radius: 4px;
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list .text-container .info-container .info-box .label-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-system-info);
  font-size: var(--fs-13);
  font-weight: var(--fw-med);
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list .img-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 144px;
  height: 144px;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 480px) {
  main .section-container .section-container .section-article .item-container .item-wrapper .item-list .img-box {
    width: 96px;
    height: 96px;
  }
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-list .img-box img {
  flex: 1;
  width: 192px;
  height: 100%;
}
@media (max-width: 480px) {
  main .section-container .section-container .section-article .item-container .item-wrapper .item-list .img-box img {
    width: 128px;
  }
}
main .section-container .section-container .section-article .item-container .item-wrapper .item-divider--hr {
  width: 100%;
  height: 1px;
  background: var(--color-neutral-100);
}
main .section-container .section-container .divider-vt {
  width: 1px;
  align-self: stretch;
  background: var(--color-neutral-900);
}
main .section-container .section-container .aside-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-24);
  min-width: 320px;
  width: 320px;
  height: fit-content;
}
main .section-container .section-container .aside-container .profile-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-24);
  min-width: 320px;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-32) var(--sz-24);
  background: #fffbfa;
  border-radius: 8px;
  border: 1px solid var(--color-sub-500);
}
main .section-container .section-container .aside-container .profile-container .profile-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-16);
  width: 100%;
  height: fit-content;
}
main .section-container .section-container .aside-container .profile-container .profile-wrapper .profile-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: fit-content;
}
main .section-container .section-container .aside-container .profile-container .profile-wrapper .profile-box .img-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
  max-width: 96px;
  max-height: 96px;
  min-width: 48px;
  min-height: 48px;
  width: 100%;
  height: 96px;
  border-radius: 128px;
  overflow: hidden;
}
main .section-container .section-container .aside-container .profile-container .profile-wrapper .profile-box .img-box img {
  flex: 1;
  width: 100%;
  height: 96px;
}
main .section-container .section-container .aside-container .profile-container .profile-wrapper .profile-box .text-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
  gap: var(--sz-8);
  width: 100%;
  height: fit-content;
}
main .section-container .section-container .aside-container .profile-container .profile-wrapper .profile-box .text-box .subtitle-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-17);
  font-weight: var(--fw-bld);
  line-height: 165%;
}
main .section-container .section-container .aside-container .profile-container .profile-wrapper .profile-box .text-box .body-sm {
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
  line-height: 145%;
}
main .section-container .section-container .aside-container .profile-container .profile-wrapper .profile-bio {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-12);
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-16) 0px;
  border-top: 1px solid #dcdcdf;
  border-bottom: 1px solid #dcdcdf;
}
main .section-container .section-container .aside-container .profile-container .profile-wrapper .profile-bio .body-sm {
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
main .section-container .section-container .aside-container .profile-container .profile-wrapper .profile-bio .button-link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--sz-12);
  width: fit-content;
  height: fit-content;
}
main .section-container .section-container .aside-container .profile-container .profile-wrapper .profile-bio .button-link .label-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-15);
  font-weight: var(--fw-med);
}
main .section-container .section-container .aside-container .profile-container .sns-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: fit-content;
  height: fit-content;
}
main .section-container .section-container .aside-container .profile-container .sns-container .frame-45 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: fit-content;
  height: fit-content;
}
main .section-container .section-container .aside-container .profile-container .sns-container .frame-45 .rectangle-11 {
  width: 32px;
  height: 32px;
  background: #efeff0;
}
main .section-container .section-container .aside-container .profile-container .sns-container .frame-45 .rectangle-12 {
  width: 32px;
  height: 32px;
  background: #efeff0;
}
main .section-container .section-container .aside-container .profile-container .sns-container .frame-45 .rectangle-13 {
  width: 32px;
  height: 32px;
  background: #efeff0;
}
main .section-container .section-container .aside-container .subscribe-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-16);
  min-width: 320px;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-24) 0px;
}
main .section-container .section-container .aside-container .subscribe-container .text-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-4);
  width: 100%;
  height: fit-content;
}
main .section-container .section-container .aside-container .subscribe-container .text-box .subtitle-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-20);
  font-weight: var(--fw-bld);
}
main .section-container .section-container .aside-container .subscribe-container .text-box .body-sm {
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-17);
  font-weight: var(--fw-med);
}
main .section-container .section-container .aside-container .subscribe-container .button-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 64px;
  box-sizing: border-box;
  padding: var(--sz-16) var(--sz-24);
  background: var(--color-sub-500);
}
main .section-container .section-container .aside-container .subscribe-container .button-box .label-xl {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-000);
  font-size: var(--fs-18);
  font-weight: var(--fw-bld);
}
main .section-container .section-container .aside-container .subscribe-container .button-box .arrow-1 {
  width: 24px;
}
main .section-container .section-container .aside-container .subscribe-container .caption-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: fit-content;
  height: fit-content;
}
main .section-container .section-container .aside-container .subscribe-container .caption-box .label-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
main .rectangle-97 {
  width: 100%;
  height: 72px;
  background: #ffffff;
}
/*# sourceMappingURL=index.css.map */