.math-mission--intro-stit {position:absolute;top:54.2rem;left:0;width:100%;z-index:1;display:flex;justify-content:center;}
.math-mission--intro-stit img {display:block;height:21.2rem;}


[data-id="gameMating_1"] .game-card--back-inner {font-size: 6rem; font-family:'nsr' !important;}
[data-id="gameMating_2"] .game-card--back-inner {font-size: 8rem;}
[data-id="gameMating_3"] .game-card--back-inner {font-size: 6rem;}

[data-id="gameMating_1"] .game-mating--item {width: 40rem;}
[data-id="gameMating_2"] .game-mating--item {width: 40rem; height: 30rem;}
[data-id="gameMating_3"] .game-mating--item {width: 40rem; height: 30rem;}

.math-mission [data-id="gameMating_2"] img {height: 22rem;}
.math-mission [data-id="gameMating_2"] .img2 {height: 8rem;}
.math-mission [data-id="gameMating_2"] .img4 {height: 16rem; transform:translateY(3rem)}

.math-mission [data-id="gameMating_3"] img {height: 22rem;}
.math-mission [data-id="gameMating_3"] .img4 {height: 18rem; }

/* .math-mission [data-id="gameMating_1"] .game-card--back-inner {font-size: 9rem; line-height: 1;}




 */


.math-mission [data-id="gameDrag_1"] .game-drag--ex {
  width: 100%;
  height: 51rem;
}
.math-mission [data-id="gameDrag_1"] .g1 {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  font-size: 5.8rem;
  gap: 10rem;
  align-items: center;
  margin: 3.4rem 0 0;
  padding-left: 4rem;
}
.math-mission [data-id="gameDrag_1"] .g1-1-1{
  flex: 1;
  width: 100%;
  margin-top: -7rem;
}
.math-mission [data-id="gameDrag_1"] .g1 p {
  margin-bottom: 1rem;
}
.math-mission [data-id="gameDrag_1"] .g1 > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap:0;
  transform: translateY(6rem);
}
.math-mission [data-id="gameDrag_1"] .g1 img{
  width: 48rem;
  position: absolute;
  right: 10rem;
  top: 9rem;
}
.g1-1-2{transform: translate(-6.2rem, 4rem);}
.math-mission [data-id="gameDrag_1"] .katex-display{margin:2rem 0;}
.math-mission [data-id="gameDrag_1"] [data-drag-group="object"] {
  display: flex;
  flex-wrap: nowrap;
}
.math-mission [data-id="gameDrag_1"] [data-drag-object] .game-card--back-inner {
  font-size: 7rem;
}
.math-mission [data-id="gameDrag_1"] [data-drag-object] {
  width: 20rem;
  font-size: 10rem;
}
.math-mission [data-id="gameDrag_1"] .math-mission--quiz-wrap {
  justify-content: space-between;
}
.math-mission [data-id="gameDrag_1"] .target1{
  position: absolute;
  top: -38.3rem;
  left: 4.6rem;
  width: 11.6rem;
  height: 9.2rem;
}
.math-mission [data-id="gameDrag_1"] .target2{
  position: absolute;
  top: -43.9rem;
  left: 38.9rem;
  width: 11.6rem;
  height: 9.2rem;
}
.math-mission [data-id="gameDrag_1"] .target3{
  position: absolute;
  top: -43.9rem;
  left: 63.1rem;
  width: 11.6rem;
  height: 9.2rem;
}
.math-mission [data-id="gameDrag_1"] .target4{
  position: absolute;
  top: -24.6rem;
  left: 4.6rem;
  width: 11.6rem;
  height: 9.2rem;
}

[data-drag-group=target] [data-drag-type=clone] .game-card--back-inner{font-size: 7.4rem !important;}


.math-mission [data-id="gameDrag_2"] .game-drag--ex {
  width: 100%;
  height: 51rem;
}
.math-mission [data-id="gameDrag_2"] .g1 {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  font-size: 5.8rem;
  gap: 10rem;
  align-items: center;
  margin: 3.4rem 0 0;
  padding-left: 4rem;
}
.math-mission [data-id="gameDrag_2"] .g1-1-1 {
  flex: 1;
  width: 100%;
  margin-top: -3rem;
}
.math-mission [data-id="gameDrag_2"] .g1 p {
  margin-bottom: 1rem;
}
.math-mission [data-id="gameDrag_2"] .g1 > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap:0;
  transform: translateY(6rem);
}
.math-mission [data-id="gameDrag_2"] .g1 img{
  width: 40rem;
  position: absolute;
  right: 14rem;
  top: 10rem;
}
.math-mission [data-id="gameDrag_2"] .katex-display{margin:2rem 0;}
.math-mission [data-id="gameDrag_2"] [data-drag-group="object"] {
  display: flex;
  flex-wrap: nowrap;
}
.math-mission [data-id="gameDrag_2"] [data-drag-object] .game-card--back-inner {
  font-size: 7rem;
}
.math-mission [data-id="gameDrag_2"] [data-drag-object] {
  width: 20rem;
  font-size: 10rem;
}
.math-mission [data-id="gameDrag_2"] .math-mission--quiz-wrap {
  justify-content: space-between;
}
.math-mission [data-id="gameDrag_2"] .target1{
  position: absolute;
  top: -42.9rem;
  left: 18.5rem;
  width: 11.6rem;
  height: 9.2rem;
}
.math-mission [data-id="gameDrag_2"] .target2{
  position: absolute;
  top: -42.9rem;
  left: 44.3rem;
  width: 11.6rem;
  height: 9.2rem;
}
.math-mission [data-id="gameDrag_2"] .target3{
  position: absolute;
  top: -42.9rem;
  left: 67.6rem;
  width: 11.6rem;
  height: 9.2rem;
}
.math-mission [data-id="gameDrag_2"] .target4{
  position: absolute;
  top: -26.4rem;
  left: 4.3rem;
  width: 11.6rem;
  height: 9.2rem;
}


.math-mission [data-id="gameDrag_3"] .game-drag--ex {
  width: 100%;
  height: 51rem;
}
.math-mission [data-id="gameDrag_3"] .g1-1-1 {
  margin-top: -7rem;
}
.math-mission [data-id="gameDrag_3"] .g1 {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  font-size: 5.8rem;
  align-items: center;
  margin: 3.4rem 0 0;
  padding-left: 4rem;
}
.math-mission [data-id="gameDrag_3"] .g1 p {
  margin-bottom: 1rem;
}
.math-mission [data-id="gameDrag_3"] .g1 > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap:0;
  transform: translateY(6rem);
}
.math-mission [data-id="gameDrag_3"] .g1 img{
  width: 23rem;
  position: absolute;
  right: 12rem;
  top: 3rem;
}
.math-mission [data-id="gameDrag_3"] .katex-display{margin:2rem 0;}
.math-mission [data-id="gameDrag_3"] [data-drag-group="object"] {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
}
.math-mission [data-id="gameDrag_3"] [data-drag-object] .game-card--back-inner {
  font-size: 7rem;
}
.math-mission [data-id="gameDrag_3"] [data-drag-object] {
  width: 20rem;
  font-size: 10rem;
}
.math-mission [data-id="gameDrag_3"] .math-mission--quiz-wrap {
  justify-content: space-between;
}
.math-mission [data-id="gameDrag_3"] .target1{
  position: absolute;
  top: -44rem;
  left: 18.5rem;
  width: 11.6rem;
  height: 9.2rem;
  /* height: 9rem; */
}
.math-mission [data-id="gameDrag_3"] .target2{
  position: absolute;
  top: -38rem;
  left: 45.2rem;
  width: 11.6rem;
  height: 9.2rem;
}
.math-mission [data-id="gameDrag_3"] .target3{
  position: absolute;
  top: -44rem;
  left: 65.7rem;
  width: 11.6rem;
  height: 9.2rem;
}
.math-mission [data-id="gameDrag_3"] .target4{
  position: absolute;
  top: -44rem;
  left: 84.4rem;
  width: 11.6rem;
  height: 9.2rem;
}
.math-mission [data-id="gameDrag_3"] .target5{
  position: absolute;
  top: -25rem;
  left: 4.5rem;
  width: 11.6rem;
  height: 9.2rem;
}

[data-id="gameDrag_3"] .math-mission--quiz-wrap {min-height: 58rem;}


[data-id="gameOX_1"] .game-card {width: 60rem; height: 100%; }
[data-id="gameOX_1"] .game-card--back-inner {font-size: 8rem;}
[data-id="gameOX_2"] .game-card {width: 60rem;height: 100%;}
[data-id="gameOX_2"] .game-card--back-inner {font-size: 8rem;}
[data-id="gameOX_3"] .game-card {width: 60rem; height: 100%; }
[data-id="gameOX_3"] .game-card--back-inner {font-size: 8rem;}


[data-id="gameOX_1"] .img1{height: 29rem;}
[data-id="gameOX_1"] .math-mission--quiz-tit > span {transform: translateY(-2.7rem);}


[data-id="gameOX_2"] .img1{height: 34rem;transform: translateY(-3.8rem);}


[data-id="gameOX_3"] .img1{height: 34rem;}

[data-id="gameOX_3"] .katex-display {
  display: inline-block;
}

[data-drag-object].disabled{opacity: .3;}

/* [data-id="gameMating_1"] .game-card--back-inner {font-family: 'nm' !important;} */

.hangul_fallback {color: #fff;}
.mord.text {color: #fff !important; font-size: 4rem;}
.game-ox--item-x, .game-ox--item-o {
  width: 20.4rem;
  height: 20.4rem;
  
}
.game-ox--item-input input:checked + .game-ox--item-o,
.game-ox--item-o {background-size:13rem;}
.game-ox--item-x {    background-size: 10rem !important;}