main {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: fit-content;
  background: #ffffff;
  overflow: hidden;
}
main .section-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: fit-content;
}
main .section-container header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: var(--sz-24);
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-40) 0px;
}
main .section-container header .header-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-24);
  max-width: 1200px;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-16) var(--sz-24);
  border-bottom: 1px solid var(--color-neutral-900);
}
main .section-container header .header-container .text-container {
  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 header .header-container .text-container .profile-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  width: fit-content;
  height: fit-content;
}
main .section-container header .header-container .text-container .profile-box .img-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  max-width: 96px;
  max-height: 96px;
  min-width: 48px;
  min-height: 48px;
  width: 48px;
  height: 48px;
  border-radius: 128px;
  overflow: hidden;
}
main .section-container header .header-container .text-container .profile-box .img-box img {
  flex: 1;
  width: 100%;
  height: 48px;
}
main .section-container header .header-container .text-container .profile-box .text-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--sz-8);
  width: fit-content;
  height: fit-content;
}
main .section-container header .header-container .text-container .profile-box .text-box .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 header .header-container .text-container .profile-box .text-box .line-2 {
  width: 12px;
}
main .section-container header .header-container .text-container .profile-box .text-box .date-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: fit-content;
  height: fit-content;
}
main .section-container header .header-container .text-container .profile-box .text-box .date-box .label-md {
  width: fit-content;
  height: fit-content;
  color: #76767f;
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
main .section-container header .header-container .text-container .title-sm {
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-40);
  font-weight: var(--fw-bld);
}
main .section-container header .header-container .info-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: fit-content;
}
main .section-container header .header-container .info-container .info-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--sz-8);
  width: fit-content;
  height: fit-content;
}
main .section-container header .header-container .info-container .info-box .info {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--sz-4);
  width: fit-content;
  height: fit-content;
}
main .section-container header .header-container .info-container .info-box .info .label-sm {
  width: fit-content;
  height: fit-content;
  color: #76767f;
  font-size: var(--fs-13);
  font-weight: var(--fw-reg);
}
main .section-container header .header-container .info-container .info-box .info .label-md {
  width: fit-content;
  height: fit-content;
  color: #76767f;
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
main .section-container header .header-container .info-container .info-box .rectangle-81 {
  width: 4px;
  height: 4px;
  background: #c0c0c4;
  border-radius: 4px;
}
main .section-container header .header-container .info-container .info-box .info {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--sz-4);
  width: fit-content;
  height: fit-content;
}
main .section-container header .header-container .info-container .info-box .info .label-sm {
  width: fit-content;
  height: fit-content;
  color: #76767f;
  font-size: var(--fs-13);
  font-weight: var(--fw-reg);
}
main .section-container header .header-container .info-container .info-box .info .label-md {
  width: fit-content;
  height: fit-content;
  color: #76767f;
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
main .section-container header .header-container .info-container .button-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--sz-16);
  width: fit-content;
  height: fit-content;
}
main .section-container header .header-container .info-container .button-box button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
}
main .section-container header .header-container .info-container .button-box button .label-lg {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-17);
  font-weight: var(--fw-med);
}
main .section-container header .header-container .info-container .button-box button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--sz-4);
  width: fit-content;
  height: fit-content;
}
main .section-container header .header-container .info-container .button-box button .icon-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  height: fit-content;
}
main .section-container header .header-container .info-container .button-box button .icon-box .icon {
  width: 16px;
  height: 16px;
  background: #76767f;
}
main .section-container header .header-container .info-container .button-box button .label-lg {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-17);
  font-weight: var(--fw-med);
}
main .section-container .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-48);
  max-width: 1200px;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-48) var(--sz-24);
}
main .section-container .container .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--sz-48);
  width: 100%;
  height: fit-content;
}
main .section-container .container .wrapper article {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  gap: var(--sz-48);
  max-width: 728px;
  min-width: 320px;
  width: 100%;
  height: fit-content;
}
main .section-container .container .wrapper article .article-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding-bottom: var(--sz-24);
  border-bottom: 1px solid var(--color-neutral-300);
}
main .section-container .container .wrapper article .article-container .title-sm {
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-32);
  font-weight: var(--fw-bld);
}
main .section-container .container .wrapper article .article-container .body-md {
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-18);
  font-weight: var(--fw-reg);
}
main .section-container .container .wrapper article .article-container .subtitle-lg {
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-24);
  font-weight: var(--fw-bld);
}
main .section-container .container .wrapper article .article-container .body-md {
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-18);
  font-weight: var(--fw-reg);
}
main .section-container .container .wrapper article .article-container .divider-hr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-24) 0px;
}
main .section-container .container .wrapper article .article-container .divider-hr .line-8 {
  width: 100%;
}
main .section-container .container .wrapper article .article-container picture {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: var(--sz-12);
  max-width: 760px;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-16) 0px;
}
main .section-container .container .wrapper article .article-container picture .img-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 205px;
}
main .section-container .container .wrapper article .article-container picture .img-box img {
  width: 100%;
  height: 205px;
  background: #dcdcdf;
}
main .section-container .container .wrapper article .article-container picture .label-md {
  width: 100%;
  height: fit-content;
  color: #76767f;
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
main .section-container .container .wrapper article .article-container .callout {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-24);
  max-width: 760px;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-16) var(--sz-24);
  background: #fef1eb;
  border-radius: 6px;
  border: 1px solid var(--color-sub-500);
}
main .section-container .container .wrapper article .article-container .callout .body-sm {
  flex: 1;
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-17);
  font-weight: var(--fw-reg);
}
main .section-container .container .wrapper article .article-container .quote-line {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-24);
  max-width: 760px;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-16) var(--sz-24);
  background: var(--color-neutral-050);
  border-left: 4px solid #dcdcdf;
}
main .section-container .container .wrapper article .article-container .quote-line .body-md {
  flex: 1;
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-18);
  font-weight: var(--fw-reg);
}
main .section-container .container .wrapper article .article-container .quote-left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-32);
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding-bottom: var(--sz-16);
  border-bottom: 1px solid var(--color-neutral-200);
}
main .section-container .container .wrapper article .article-container .quote-left .svg-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  height: fit-content;
}
main .section-container .container .wrapper article .article-container .quote-left .svg-box .svg {
  width: 22px;
  height: 17px;
}
main .section-container .container .wrapper article .article-container .quote-left .subtitle-md--nanum {
  width: 100%;
  height: fit-content;
  color: #000000;
  font-size: var(--fs-24);
  font-weight: var(--fw-bld);
}
main .section-container .container .wrapper article .article-container .quote-center {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: var(--sz-32);
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding-bottom: var(--sz-16);
}
main .section-container .container .wrapper article .article-container .quote-center .svg-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: fit-content;
  height: fit-content;
}
main .section-container .container .wrapper article .article-container .quote-center .svg-box .svg-top {
  width: 22px;
  height: 17px;
}
main .section-container .container .wrapper article .article-container .quote-center .svg-box .svg-bottom {
  width: 22px;
  height: 16px;
  rotate: 180deg;
}
main .section-container .container .wrapper article .article-container .divider-hr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-24) 0px;
}
main .section-container .container .wrapper article .article-container .divider-hr .line-8 {
  width: 100%;
}
main .section-container .container .wrapper article .article-container .body-md {
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-18);
  font-weight: var(--fw-reg);
}
main .section-container .container .wrapper article .article-container code {
  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-24);
  background: #f2f8f7;
  border-radius: 16px;
  overflow: hidden;
}
main .section-container .container .wrapper article .article-container code label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding: 8px;
  background: var(--color-main-500);
  border-radius: 4px;
}
main .section-container .container .wrapper article .article-container code label .code {
  width: fit-content;
  height: fit-content;
  color: #ffffff;
  font-size: 17px;
  font-weight: var(--fw-reg);
}
main .section-container .container .wrapper article .article-container code .body-sm {
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-900);
  font-size: var(--fs-17);
  font-weight: var(--fw-reg);
}
main .section-container .container .wrapper article .article-container .tag-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--sz-12);
  width: 100%;
  height: fit-content;
  box-sizing: border-box;
  padding-top: var(--sz-48);
}
main .section-container .container .wrapper article .article-container .tag-container .label-tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-4);
  background: var(--color-neutral-050);
  border-radius: 2px;
}
main .section-container .container .wrapper article .article-container .tag-container .label-tag .label-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-500);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
main .section-container .container .wrapper article .article-container .tag-container .label-tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-4);
  background: var(--color-neutral-050);
  border-radius: 2px;
}
main .section-container .container .wrapper article .article-container .tag-container .label-tag .label-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-500);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
main .section-container .container .wrapper article .article-container .tag-container .label-tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-4);
  background: var(--color-neutral-050);
  border-radius: 2px;
}
main .section-container .container .wrapper article .article-container .tag-container .label-tag .label-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-500);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
main .section-container .container .wrapper article .article-container .tag-container .label-tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-4);
  background: var(--color-neutral-050);
  border-radius: 2px;
}
main .section-container .container .wrapper article .article-container .tag-container .label-tag .label-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-500);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
main .section-container .container .wrapper article .article-container .tag-container .label-tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-4);
  background: var(--color-neutral-050);
  border-radius: 2px;
}
main .section-container .container .wrapper article .article-container .tag-container .label-tag .label-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-500);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
main .section-container .container .wrapper article .article-container .tag-container .label-tag {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding: var(--sz-4);
  background: var(--color-neutral-050);
  border-radius: 2px;
}
main .section-container .container .wrapper article .article-container .tag-container .label-tag .label-md {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-500);
  font-size: var(--fs-15);
  font-weight: var(--fw-reg);
}
main .section-container .container .wrapper aside {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex: 1;
  gap: var(--sz-24);
  min-width: 320px;
  width: 100%;
  height: fit-content;
}
main .section-container .container .wrapper aside .img-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: fit-content;
}
main .section-container .container .wrapper aside .img-box img {
  width: 100%;
  height: 168px;
  background: #efeff0;
}
main .section-container .container .wrapper aside .aside-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;
}
main .section-container .container .wrapper aside .aside-container .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) 0px;
  border-bottom: 1px solid var(--color-neutral-900);
}
main .section-container .container .wrapper aside .aside-container .title-container .subtitle-md {
  width: fit-content;
  height: fit-content;
  color: #27274a;
  font-size: var(--fs-20);
  font-weight: var(--fw-bld);
}
main .section-container .container .wrapper aside .aside-container .item-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-12);
  width: 100%;
  height: fit-content;
}
main .section-container .container .wrapper aside .aside-container .item-container .item-list {
  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-16) 0px;
  border-bottom: 1px solid var(--color-neutral-200);
}
main .section-container .container .wrapper aside .aside-container .item-container .item-list .subtitle-sm {
  width: fit-content;
  height: fit-content;
  color: #27274a;
  font-size: var(--fs-18);
  font-weight: var(--fw-bld);
}
main .section-container .container .wrapper aside .aside-container .item-container .item-list {
  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-16) 0px;
  border-bottom: 1px solid var(--color-neutral-200);
}
main .section-container .container .wrapper aside .aside-container .item-container .item-list .subtitle-sm {
  width: fit-content;
  height: fit-content;
  color: #27274a;
  font-size: var(--fs-18);
  font-weight: var(--fw-bld);
}
main .section-container .container .wrapper aside .aside-container .item-container .item-list {
  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-16) 0px;
  border-bottom: 1px solid var(--color-neutral-200);
}
main .section-container .container .wrapper aside .aside-container .item-container .item-list .subtitle-sm {
  width: fit-content;
  height: fit-content;
  color: #27274a;
  font-size: var(--fs-18);
  font-weight: var(--fw-bld);
}
main .section-container .container .wrapper aside .aside-container .item-container .item-list {
  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-16) 0px;
  border-bottom: 1px solid var(--color-neutral-200);
}
main .section-container .container .wrapper aside .aside-container .item-container .item-list .subtitle-sm {
  width: fit-content;
  height: fit-content;
  color: #27274a;
  font-size: var(--fs-18);
  font-weight: var(--fw-bld);
}
main .section-container .container .section-favorite-article {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-24);
  max-width: 728px;
  min-width: 320px;
  width: 100%;
  height: fit-content;
}
main .section-container .container .section-favorite-article .subtitle-sm {
  width: 100%;
  height: fit-content;
  color: var(--color-neutral-900);
  overflow: hidden;
  font-size: var(--fs-18);
  font-weight: var(--fw-bld);
  text-overflow: ellipsis;
  white-space: nowrap;
}
main .section-container .container .section-favorite-article .item-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--sz-24);
  width: 100%;
  height: fit-content;
}
main .toast-msg {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 339px;
  height: fit-content;
  box-sizing: border-box;
  padding: 8px 24px;
  background: var(--color-neutral-900);
  border-radius: 100px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
}
main .toast-msg .label-lg {
  width: fit-content;
  height: fit-content;
  color: var(--color-neutral-000);
  font-size: var(--fs-17);
  font-weight: var(--fw-med);
}
/*# sourceMappingURL=post-m.css.map */