.stage {
  width: 100%;
  height: 100%;

  position: absolute;
  overflow: hidden;
}

.stage .topCurtain {
  width: 100%;
  height: 100%;

  position: absolute;
  bottom: 90%;

  z-index: 3;
}

/* curtain 만들기 */
.curtainContent {
  width: 100%;
  height: 20%;

  /* position: absolute;
  top: -10%; */

  display: flex;
  /* 부모 안 가로정렬 span도 됨 */

  position: absolute;
  bottom: 0;
}

.curtain:nth-child(1) {
  background-color: #d00000;

  border-radius: 100%;
  clip-path: inset(50% 0% 0% 50%);
  margin-left: -10%;
}

.curtain {
  background-color: #d00000;
  width: 20%;
  height: 100%;
  /* margin-top: -7%; */
  border: 5px solid yellow;

  border-radius: 100%;
  clip-path: inset(50% 0% 0% 0%);

  position: relative;


}

.curtain:nth-child(7) {
  background-color: #d00000;

  border-radius: 100%;
  clip-path: inset(50% 50% 0% 0%);
  margin-right: -10%;
}

/* wrinkle */
.curtain::after {
  content: '';
  width: 100%;
  height: 100%;
  background: #d00000;
  border-radius: 100%;

  position: absolute;
  top: -20%;
  left: 0%;
}

.curtain::before {
  content: '';
  width: 95%;
  height: 100%;
  background: #9d0208;
  border-radius: 100%;

  position: absolute;
  top: -10%;
  left: 2.5%;
}

/* .wrinkleContent{
  border: 2px solid black;
  width: 100%;
  height: 30%;

  position: absolute;
  top: -15%;
  left: 0%;
  opacity: 0.5;

  display: flex;
}
.curtainWrinkle:nth-child(1) {
  background-color: rgb(127, 155, 255);

  border-radius: 100%;
  clip-path: inset(50% 0% 0% 50%);
  margin-left: -10%;
}

.curtainWrinkle {
  background-color: rgb(127, 155, 255);
  width: 20%;
  height: 100%;
  
  border-radius: 100%;
  clip-path: inset(50% 0% 0% 0%);
}

.curtainWrinkle:nth-child(7) {
  background-color: rgb(127, 155, 255);

  border-radius: 100%;
  clip-path: inset(50% 50% 0% 0%);
  margin-right: -10%;
} */

.leftCurtain {
  width: 20%;
  height: 27%;

  position: absolute;
  top: 6%;
  left: -10%;

  z-index: 2;
}

.longCurtain {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 큰 반원 */
.longCurtain_1 {
  background: #fa4141;
  width: 200%;
  height: 200%;

  position: absolute;
  top: -130%;

  border-radius: 100%;
  clip-path: inset(50% 0% 0% 0%);
}

.longCurtain_2 {
  background: #d00000;
  width: 120%;
  height: 500%;

  position: absolute;
  top: 60%;

  border-radius: 100%;
  clip-path: inset(0% 0% 50% 0%);
}

.curtainWrinkle_1::before {
  content: '';
  width: 100%;
  height: 100%;
  background: #9d0208;
  border-radius: 100%;

  position: absolute;
  top: -10%;
  left: 0%;
}

.curtainWrinkle_1::after {
  content: '';
  width: 90%;
  height: 110%;
  background: #fa4141;
  border-radius: 100%;

  position: absolute;
  top: -20%;
  left: 5%;
}

.curtainWrinkle_2::before {
  content: '';
  width: 90%;
  height: 100%;
  background: #9d0208;
  border-radius: 100%;

  position: absolute;
  top: -25%;
  left: 5%;
}

.curtainWrinkle_2::after {
  content: '';
  width: 90%;
  height: 150%;
  background: #fa4141;
  border-radius: 100%;

  position: absolute;
  top: -75%;
  left: 5%;
}

.curtainWrinkle_3::before {
  content: '';
  width: 100%;
  height: 100%;
  background: #9d0208;
  border-radius: 100%;

  position: absolute;
  top: 4%;
  left: 0%;
}

.curtainWrinkle_3::after {
  content: '';
  width: 100%;
  height: 100%;
  background: #d00000;
  border-radius: 100%;

  position: absolute;
  top: 8%;
  left: 0%;
}

.curtainWrinkle_4::before {
  content: '';
  width: 100%;
  height: 100%;
  background: #9d0208;
  border-radius: 100%;

  position: absolute;
  top: 20%;
  left: 0%;
}

.curtainWrinkle_4::after {
  content: '';
  width: 100%;
  height: 100%;
  background: #d00000;
  border-radius: 100%;

  position: absolute;
  top: 24%;
  left: 0%;
}

.midRibbon {
  background: yellow;
  width: 40%;
  height: 20%;

  position: absolute;
  top: 60%;

  border-radius: 33%;

}

.rightCurtain {
  width: 20%;
  height: 27%;

  position: absolute;
  top: 6%;
  right: -10%;

  z-index: 2;
}



/* 갈색 무대 */
.brownStage {
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  background-color: burlywood;
  width: 100%;
  height: 15%;

  position: absolute;
  top: 85%;

  overflow: hidden;

  z-index: 3;
}

.brownStage .line {
  /* background: yellow; */
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;

  overflow: hidden;
}

.brownStage .line>div {
  background-color: black;
  width: 1px;
  height: 1000%;

  display: inline-block;

  margin: -10% 3% 0 3%;

  box-shadow: 1px 0px 20px 2px rgba(255, 255, 255, 0.5);
}

.line div:nth-child(1) {
  transform: rotate(67deg)
}

.line div:nth-child(2) {
  transform: rotate(60deg)
}

.line div:nth-child(3) {
  transform: rotate(50deg)
}

.line div:nth-child(4) {
  transform: rotate(40deg)
}

.line div:nth-child(5) {
  transform: rotate(30deg)
}

.line div:nth-child(6) {
  transform: rotate(20deg)
}

.line div:nth-child(7) {
  transform: rotate(0deg)
}

.line div:nth-child(8) {
  transform: rotate(-20deg)
}

.line div:nth-child(9) {
  transform: rotate(-30deg)
}

.line div:nth-child(10) {
  transform: rotate(-40deg)
}

.line div:nth-child(11) {
  transform: rotate(-50deg)
}

.line div:nth-child(12) {
  transform: rotate(-60deg)
}

.line div:nth-child(13) {
  transform: rotate(-67deg)
}

/* 할거 많아서 보류 */
.stage .stageSeat {
  border: 2px solid plum;
  width: 100%;
  height: 20%;

  position: absolute;
  top: 80%;
  left: 0%;
}