[class*=tab-type] {
  z-index : 3;
}

.sp-math-content{
  position:relative;
}

#canvas{
  position:absolute;
  z-index:0;
  top:80px;
  left:0;
  height: calc(100% - 80px);
  width:100%;
  /* width:833px; */
  /* border:1px solid #f00; */
}

.three-btn{
  position:absolute;
  z-index:6;
  top:0;
  left:0;
  width:833px;
  top:719px;
  text-align:center;
}
.three-btn.inner-tab{
  top:500px;
  height:30px!important;
  /* width:533px!important; */
  /* border:1px solid #f00; */
}

.btn-three{
  width:auto;
  height:65px;
  cursor:pointer;
  border:0px solid #543d10;
  border-radius: .3em;
  font-size:.5em;
  padding:.1em .3em;
  background-color:#ffffff;
  color:#a5a297;
  box-shadow: 2px 2px  #e2ded3;
  width: 150px;

}

.btn-three.active{
  background-color:#acd373;
  color: #fff;
  box-shadow: 2px 2px  #e2ded3;
  text-shadow: 2px 2px #8eb61d;
  width: 150px;
}




.btn-three-example{
  /* width:250px;
 height:120px;
  cursor:pointer;
  border-radius: .3em;
  font-size:.5em;
  padding:.1em .3em;
  background-color:#fff;
  box-shadow: 2px 2px  #e2ded3; */
}

.btn-three-example.active{
  /* background-color:#f3f3f3;
  box-shadow: 2px 2px  #e2ded3;
  border-radius: 20px;
  padding: 10px; */
}

.toggle_act_animation{
  position: absolute;bottom:-90px;left:0;width: 100%; background: #31c191;border-radius:10px; font-size:40px; line-height: 72px; color:#fff;
  /* pointer-events: none; */
}
.toggle_act_animation:before{
  content:'';position: absolute;top:-42px;left:0;width:100%;height:66px;background:url("../../../../img/common/sp-math-answer-btm.png") no-repeat 50% 0 / auto 100%;
}



/*접히는 과정 버튼 스타일 적용해 주세요.*/
.btn-sp-math-answer{position: absolute;bottom:-90px;left:0;width: 100%; background: #31c191;border-radius:10px; font-size:40px; line-height: 72px; color:#fff;pointer-events: none}
.btn-sp-math-answer:before{content:'';position: absolute;top:-42px;left:0;width:100%;height:66px;background:url("../../../../img/common/sp-math-answer-btm.png") no-repeat 50% 0 / auto 100%;}