.dashed-box {
  width: calc(100% - 6px);
  height: 200px;
  text-align: center;
  border: 3px solid grey;
  border-style: dashed;
  border-radius: 10px;
  /* line-height: 190px; */
}
.dashed-box::after {
  position: relative;
  display: inline-block;
  /* line-height: normal; */
  top: -110px;
  /* padding-top: 90px; */
}
.trash-component-area {
  border-color: grey;
}
.trash-component-area::after {
  content: '컴포넌트를 삭제하려면 이곳에 Drop';
  font-size: 0.8vw;
}
.trash-component-area.hover {
  border-color: red;
}
.trash-component-area.hover::after {
  content: '컴포넌트 삭제하기';
  font-weight: bold;
}