.ex1 {
  display: flex;
  justify-content: center;
  margin-top: -2rem;
  position: relative;
}
[data-answer-group]{
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.ex1 img{
  display: block;
  width: 100%;
}
.crossword-puzzle{
  position: absolute;
  top: 3rem;
  left: 16rem;
}
.ex1 .bul-notice{
  position: absolute;
  right: 0;
  top:-4rem;
}
.page-result--item .crossword-puzzle {
  margin-top: .8rem;
  position: relative;
  top:0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.page-result--item .crossword-puzzle--item-td {
  background-color: #F3DAB7;
justify-content: right;
align-items: flex-end;
font-size: 1.4rem;
font-weight: 400;
    width:2.8rem;
}
.page-result--item .crossword-puzzle--item-td[data-on]{
  background-color: #fff;
}
.page-result--item .crossword-puzzle--main {flex: none;}

[data-mode="complete"] .ex1 [data-state="false"],
[data-mode="complete"] .ex1 [data-on="true"]:not([data-state]) {
  border:.1rem solid #D54551 !important;
  background-color: #fff5f6 !important;
  color: #D54551 !important;
  position: relative;
  z-index: 1;
}
.word-quiz-wrap .btn-base[data-click="true"]::after {
  background: url(./images/input_check_on.svg) no-repeat 50% 50% / 2rem;
}
.word-quiz-wrap .btn-base::after {
  content:"";
  width: 2rem;
  height: 2rem;
  background: url(./images/input_check_off.svg) no-repeat 50% 50% / 2rem;
  position: absolute;
  right: -2.2rem;
  top:calc(50% - 1rem);
  display: block;
    pointer-events:none;
}
/*
.crossword-puzzle--main {
  transform: scale(.8);
  transform-origin: 0 0;
}*/