.peoples-th,
.peoples-th * {
  box-sizing: border-box;
}
.peoples-th {
  background: #f7f3ef;
  height: 1485px;
  position: relative;
  overflow: hidden;
}
._2026-peoples-all-rights-reserved {
  color: #000000;
  text-align: center;
  font-family: "NotoSansKr-Bold", sans-serif;
  font-size: 9px;
  font-weight: 700;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 40px;
}
.n-icon {
  width: 56px;
  height: 56px;
  position: absolute;
  left: calc(50% - -103px);
  top: calc(50% - 387.5px);
  overflow: visible;
  aspect-ratio: 1;
}
.home-icon {
  width: 56px;
  height: 56px;
  position: absolute;
  left: calc(50% - -35px);
  top: calc(50% - 387.5px);
  overflow: visible;
  aspect-ratio: 1;
}
.s-stair {
  width: 42.52px;
  height: 99.63px;
  position: absolute;
  left: calc(50% - 159px);
  top: calc(50% - 515.5px);
  overflow: visible;
}
.title-bg {
  width: 116px;
  height: 20px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 695.5px);
  overflow: visible;
  aspect-ratio: 116/20;
}
.ml-2-01 {
  margin-top: -2px;
  border-style: solid;
  border-color: #000000;
  border-width: 2px 0 0 0;
  width: 330px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 306.5px);
}
.ml-2-02 {
  margin-top: -2px;
  border-style: solid;
  border-color: #000000;
  border-width: 2px 0 0 0;
  width: 330px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 301.5px);
}
.note-01 {
  width: 330px;
  height: 170px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 226.5px);
}
.john-is-8-years-old-8 {
  color: #121212;
  text-align: left;
  font-family: "NotoSansKr-Medium", sans-serif;
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 40px);
  width: 330px;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line {
  margin-top: -2px;
  border-style: solid;
  border-color: #000000;
  border-width: 2px 0 0 0;
  width: 330px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 40px);
}
._01 {
  color: #121212;
  text-align: right;
  font-family: "NotoSansKr-Black", sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - -139px);
  top: calc(50% - 72px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.note-02 {
  width: 330px;
  height: 170px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 56.5px);
}
.john-lives-alone-with-his-father {
  color: #121212;
  text-align: left;
  font-family: "NotoSansKr-Medium", sans-serif;
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 40px);
  width: 330px;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-5 {
  margin-top: -2px;
  border-style: solid;
  border-color: #000000;
  border-width: 2px 0 0 0;
  width: 330px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 40px);
}
._02 {
  color: #121212;
  text-align: right;
  font-family: "NotoSansKr-Black", sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - -139px);
  top: calc(50% - 67px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.note-03 {
  width: 330px;
  height: 180px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - -113.5px);
}
.ian-and-maya-moved-to-s-s {
  color: #121212;
  text-align: left;
  font-family: "NotoSansKr-Medium", sans-serif;
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 35px);
  width: 330px;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-6 {
  margin-top: -2px;
  border-style: solid;
  border-color: #000000;
  border-width: 2px 0 0 0;
  width: 330px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 35px);
}
._03 {
  color: #121212;
  text-align: right;
  font-family: "NotoSansKr-Black", sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - -139px);
  top: calc(50% - 62px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.note-04 {
  width: 330px;
  height: 170px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - -293.5px);
}
.maya-exists {
  color: #121212;
  text-align: left;
  font-family: "NotoSansKr-Medium", sans-serif;
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 40px);
  width: 330px;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-7 {
  margin-top: -2px;
  border-style: solid;
  border-color: #000000;
  border-width: 2px 0 0 0;
  width: 330px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 40px);
}
._04 {
  color: #121212;
  text-align: right;
  font-family: "NotoSansKr-Black", sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - -139px);
  top: calc(50% - 67px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.note-05 {
  width: 330px;
  height: 170px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - -463.5px);
}
.jane-can-communicate-with-the-dead {
  color: #121212;
  text-align: left;
  font-family: "NotoSansKr-Medium", sans-serif;
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 40px);
  width: 330px;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.line-8 {
  margin-top: -2px;
  border-style: solid;
  border-color: #000000;
  border-width: 2px 0 0 0;
  width: 330px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 40px);
}
._05 {
  color: #121212;
  text-align: right;
  font-family: "NotoSansKr-Black", sans-serif;
  font-size: 20px;
  line-height: 20px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - -139px);
  top: calc(50% - 67px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.vol-0 {
  width: 318px;
  height: 76px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 633.5px);
  overflow: visible;
  aspect-ratio: 318/76;
}
.ml-03 {
  margin-top: -2px;
  border-style: solid;
  border-color: #000000;
  border-width: 2px 0 0 0;
  width: 255px;
  height: 0px;
  position: absolute;
  left: calc(50% - 165px);
  top: calc(50% - 535.5px);
}
.ml-01 {
  margin-top: -2px;
  border-style: solid;
  border-color: #000000;
  border-width: 2px 0 0 0;
  width: 330px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 655.5px);
}
.ml-02 {
  margin-top: -2px;
  border-style: solid;
  border-color: #000000;
  border-width: 2px 0 0 0;
  width: 330px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 650.5px);
}
.th-info {
  width: 161px;
  height: 125px;
  position: absolute;
  left: calc(50% - 2px);
  top: calc(50% - 541px);
  aspect-ratio: 161/125;
}