.h_s7_213_092 .tab-list-basic > li .button-tab span {
  margin-top: 8px;
}
.h_s7_213_092 .page-view .tab-list-basic {
  z-index: 1;
}
.h_s7_213_092 .text-color-b2b4ff {
  color: #b2b4ff;
}
.h_s7_213_092 .modal-layer .aim-madal .bullet-list {
  width: 80%;
}
.h_s7_213_092 .guide-wrap {
  top: auto;
  bottom: 122.5px;
  right: -100%;
  z-index: 10;
  opacity: 0;
  -webkit-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;
}
.h_s7_213_092 .guide-wrap.active {
  right: 81.5px;
  opacity: 1;
}
.h_s7_213_092 .guide-wrap .bubble-box {
  height: 193.5px;
}
.h_s7_213_092 .guide-wrap .bubble-box .img-area.type3 {
  top: 77px;
}
.h_s7_213_092 .scene-layer {
  width: 100%;
  height: 100%;
}
.h_s7_213_092 .cont {
  width: 100%;
  height: 100%;
  position: relative;
}
.h_s7_213_092 .cont__wrap {
  width: 100%;
  height: 100%;
}
.h_s7_213_092 .cont__checkbox {
  position: absolute;
  top: 120px;
  right: 50px;
}
.h_s7_213_092 .circuit {
  width: 100%;
  height: 100%;
  display: block;
  border: 1px solid transparent;
}
.h_s7_213_092 .circuit__wrap {
  width: 918.5px;
  height: 662.5px;
  margin: 250px 0 0 270px;
  position: relative;
  background-image: url(../../images/h_s7_213_092/circuit.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .circuit__battery {
  width: 147px;
  height: 249.5px;
  position: absolute;
  left: -67px;
  top: 205px;
  background-image: url(../../images/h_s7_213_092/battery.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .circuit__battery span {
  display: inline-block;
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -85px;
  opacity: 0;
}
.h_s7_213_092 .circuit__battery span.active {
  -webkit-animation-name: battery;
          animation-name: battery;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.h_s7_213_092 .circuit__plate {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 486.5px;
  height: 470px;
  left: 214px;
  bottom: 97.5px;
}
.h_s7_213_092 .circuit__top-capacitor {
  position: absolute;
  left: 313px;
  top: -77px;
  width: 290px;
  height: 186px;
}
.h_s7_213_092 .circuit__bottom-capacitor {
  position: absolute;
  left: 313px;
  bottom: -77px;
  width: 290px;
  height: 186px;
}
.h_s7_213_092 .circuit__bulb {
  width: 266px;
  height: 155.5px;
  position: absolute;
  top: 251px;
  right: -190px;
  background-image: url(../../images/h_s7_213_092/bulb.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .circuit__bulb .bulb__light {
  width: 1064px;
  height: 1060.5px;
  top: calc(50% - 532px);
  left: calc(72% - 530px);
  -webkit-transform-origin: center;
          transform-origin: center;
  position: absolute;
  pointer-events: none;
}
.h_s7_213_092 .circuit__bulb .bulb__light.active {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../../images/h_s7_213_092/light.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-transform-origin: center;
          transform-origin: center;
  position: absolute;
  top: 0%;
  left: 20%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.h_s7_213_092 .circuit__bulb.active .bulb__light::after {
  -webkit-animation-name: lightOn;
          animation-name: lightOn;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.h_s7_213_092 .circuit__bulb.active-stop .bulb__light {
  opacity: 0;
}
.h_s7_213_092 .circuit__bulb.active-stop .bulb__light::after {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.h_s7_213_092 .circuit__direction {
  width: 122px;
  height: 55.5px;
  position: absolute;
  -webkit-transition: 0.2s opacity;
  -o-transition: 0.2s opacity;
  transition: 0.2s opacity;
  opacity: 0;
}
.h_s7_213_092 .circuit__direction span {
  display: inline-block;
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  width: 162px;
  position: absolute;
  top: -32px;
  left: -15px;
}
.h_s7_213_092 .circuit__direction::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .circuit__direction-1 {
  left: 158px;
  top: -22px;
}
.h_s7_213_092 .circuit__direction-2 {
  left: 158px;
  bottom: -22px;
}
.h_s7_213_092 .circuit__direction-3 {
  right: 148px;
  top: -22px;
}
.h_s7_213_092 .circuit__direction-4 {
  right: 148px;
  bottom: -22px;
}
.h_s7_213_092 .circuit__direction-1.active-left.active-hide, .h_s7_213_092 .circuit__direction-1.active-right.active-hide, .h_s7_213_092 .circuit__direction-2.active-left.active-hide, .h_s7_213_092 .circuit__direction-2.active-right.active-hide, .h_s7_213_092 .circuit__direction-3.active-left.active-hide, .h_s7_213_092 .circuit__direction-3.active-right.active-hide, .h_s7_213_092 .circuit__direction-4.active-left.active-hide, .h_s7_213_092 .circuit__direction-4.active-right.active-hide {
  -webkit-animation-name: battery;
          animation-name: battery;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.h_s7_213_092 .circuit__direction.active-left {
  opacity: 1;
}
.h_s7_213_092 .circuit__direction.active-left::after {
  background-image: url(../../images/h_s7_213_092/circuit_direction.png);
}
.h_s7_213_092 .circuit__direction.active-right {
  opacity: 1;
}
.h_s7_213_092 .circuit__direction.active-right::after {
  background-image: url(../../images/h_s7_213_092/circuit_direction2.png);
}
.h_s7_213_092 .plate__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  height: 155px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: 2;
}
.h_s7_213_092 .plate__top-line {
  width: 13px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.h_s7_213_092 .plate__top-btn {
  display: inline-block;
  width: 100%;
  height: 148.5px;
  position: absolute;
  bottom: -90px;
  background-image: url(../../images/h_s7_213_092/plate_top.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__top-btn-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(30% 0%, 100% 0%, 70% 100%, 0% 100%);
          clip-path: polygon(30% 0%, 100% 0%, 70% 100%, 0% 100%);
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-position: center;
  background-size: contain;
}
.h_s7_213_092 .plate__top-btn-bg.active-1 {
  background-image: url(../../images/h_s7_213_092/plus-2mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-2 {
  background-image: url(../../images/h_s7_213_092/plus-3mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-3 {
  background-image: url(../../images/h_s7_213_092/plus-4mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-4 {
  background-image: url(../../images/h_s7_213_092/plus-5mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-5 {
  background-image: url(../../images/h_s7_213_092/plus-6mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-6 {
  background-image: url(../../images/h_s7_213_092/plus-7mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-7 {
  background-image: url(../../images/h_s7_213_092/plus-8mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-8 {
  background-image: url(../../images/h_s7_213_092/plus-9mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-9 {
  background-image: url(../../images/h_s7_213_092/plus-10mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-10 {
  background-image: url(../../images/h_s7_213_092/plus-11mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-11 {
  background-image: url(../../images/h_s7_213_092/plus-12mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-12 {
  background-image: url(../../images/h_s7_213_092/plus-13mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-13 {
  background-image: url(../../images/h_s7_213_092/plus-14mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-14 {
  background-image: url(../../images/h_s7_213_092/plus-15mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-15 {
  background-image: url(../../images/h_s7_213_092/plus-16mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-16 {
  background-image: url(../../images/h_s7_213_092/plus-17mm.png);
}
.h_s7_213_092 .plate__top-btn-bg.active-17 {
  background-image: url(../../images/h_s7_213_092/plus-18mm.png);
}
.h_s7_213_092 .plate__center {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
.h_s7_213_092 .plate__center::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
.h_s7_213_092 .plate__center.height-1::after {
  width: 100%;
  height: calc(100% + 100px);
  top: 76%;
  -webkit-transform-origin: top;
          transform-origin: top;
}
.h_s7_213_092 .plate__center.height-2::after {
  width: 100%;
  height: calc(100% + 100px);
  top: 74%;
  -webkit-transform-origin: top;
          transform-origin: top;
}
.h_s7_213_092 .plate__center.height-3::after {
  width: 100%;
  height: calc(100% + 110px);
  top: 71%;
  -webkit-transform-origin: top;
          transform-origin: top;
}
.h_s7_213_092 .plate__center.height-4::after {
  width: 100%;
  height: calc(100% + 100px);
  top: 64%;
  -webkit-transform-origin: top;
          transform-origin: top;
}
.h_s7_213_092 .plate__center.height-5::after {
  width: 100%;
  height: calc(100% + 146px);
  top: 59%;
  -webkit-transform-origin: top;
          transform-origin: top;
}
.h_s7_213_092 .plate__center.height-6::after {
  width: 100%;
  height: calc(100% + 122px);
  top: 53%;
  -webkit-transform-origin: top;
          transform-origin: top;
}
.h_s7_213_092 .plate__center.height-7::after {
  width: 100%;
  height: calc(100% + 118px);
  top: 63%;
  -webkit-transform-origin: top;
          transform-origin: top;
}
.h_s7_213_092 .plate__center.height-8::after {
  width: calc(100% - 5px);
  height: calc(100% + 180px);
  top: 37%;
  -webkit-transform-origin: top;
          transform-origin: top;
}
.h_s7_213_092 .plate__center.height-9::after {
  width: calc(100% - 5px);
  height: calc(100% + 200px);
  top: 24%;
  -webkit-transform-origin: top;
          transform-origin: top;
}
.h_s7_213_092 .plate__center.active-1::after {
  background-image: url(../../images/h_s7_213_092/current_2mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-2::after {
  background-image: url(../../images/h_s7_213_092/current_3mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-3::after {
  background-image: url(../../images/h_s7_213_092/current_4mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-4::after {
  background-image: url(../../images/h_s7_213_092/current_5mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-5::after {
  background-image: url(../../images/h_s7_213_092/current_6mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-6::after {
  background-image: url(../../images/h_s7_213_092/current_7mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-7::after {
  background-image: url(../../images/h_s7_213_092/current_8mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-8::after {
  background-image: url(../../images/h_s7_213_092/current_9mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-9::after {
  background-image: url(../../images/h_s7_213_092/current_10mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-10::after {
  background-image: url(../../images/h_s7_213_092/current_11mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-11::after {
  background-image: url(../../images/h_s7_213_092/current_12mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-12::after {
  background-image: url(../../images/h_s7_213_092/current_13mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-13::after {
  background-image: url(../../images/h_s7_213_092/current_14mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-14::after {
  background-image: url(../../images/h_s7_213_092/current_15mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-15::after {
  background-image: url(../../images/h_s7_213_092/current_16mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-16::after {
  background-image: url(../../images/h_s7_213_092/current_17mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center.active-17::after {
  background-image: url(../../images/h_s7_213_092/current_18mm.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__center-num {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(100%, -25%);
          transform: translate(100%, -25%);
  height: 85px;
  min-width: 202.5px;
  z-index: 6;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  cursor: pointer;
}
.h_s7_213_092 .plate__center-num .guide-hand {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  position: absolute;
  left: 25px;
  bottom: -55px;
}
.h_s7_213_092 .plate__center-num::after {
  content: "";
  display: block;
  width: 50px;
  height: 203px;
  background-image: url(../../images/h_s7_213_092/distance_drag.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: -1.75px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}
.h_s7_213_092 .plate__center-num.active::after {
  -webkit-animation-name: fadeInOut;
          animation-name: fadeInOut;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.h_s7_213_092 .plate__center-num.active .guide-hand::after {
  -webkit-animation-name: plateDragGuide;
          animation-name: plateDragGuide;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.h_s7_213_092 .plate__center-num-i {
  height: 100%;
}
.h_s7_213_092 .plate__center-num-t {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.h_s7_213_092 .plate__center-num-top {
  font-weight: 500;
  color: #fff;
  font-size: 21.5px;
  letter-spacing: -0.0125em;
}
.h_s7_213_092 .plate__center-num-bottom {
  font-weight: 500;
  color: #ff6d01;
  font-size: 21.5px;
  letter-spacing: -0.0125em;
}
.h_s7_213_092 .plate__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  height: 155px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.h_s7_213_092 .plate__bottom-line {
  width: 13px;
  height: 100%;
}
.h_s7_213_092 .plate__bottom-btn {
  display: inline-block;
  width: 100%;
  height: 148.5px;
  position: absolute;
  top: -55px;
  background-image: url(../../images/h_s7_213_092/plate_top.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.h_s7_213_092 .plate__bottom-btn-bg {
  position: absolute;
  top: -5%;
  width: 100%;
  height: 100%;
  -webkit-clip-path: polygon(30% 0%, 100% 0%, 70% 100%, 0% 100%);
          clip-path: polygon(30% 0%, 100% 0%, 70% 100%, 0% 100%);
  background-position: center;
  background-size: contain;
}
.h_s7_213_092 .plate__bottom-btn-bg.active-1 {
  background-image: url(../../images/h_s7_213_092/min-2mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-2 {
  background-image: url(../../images/h_s7_213_092/min-3mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-3 {
  background-image: url(../../images/h_s7_213_092/min-4mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-4 {
  background-image: url(../../images/h_s7_213_092/min-5mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-5 {
  background-image: url(../../images/h_s7_213_092/min-6mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-6 {
  background-image: url(../../images/h_s7_213_092/min-7mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-7 {
  background-image: url(../../images/h_s7_213_092/min-8mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-8 {
  background-image: url(../../images/h_s7_213_092/min-9mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-9 {
  background-image: url(../../images/h_s7_213_092/min-10mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-10 {
  background-image: url(../../images/h_s7_213_092/min-11mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-11 {
  background-image: url(../../images/h_s7_213_092/min-12mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-12 {
  background-image: url(../../images/h_s7_213_092/min-13mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-13 {
  background-image: url(../../images/h_s7_213_092/min-14mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-14 {
  background-image: url(../../images/h_s7_213_092/min-15mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-15 {
  background-image: url(../../images/h_s7_213_092/min-16mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-16 {
  background-image: url(../../images/h_s7_213_092/min-17mm.png);
}
.h_s7_213_092 .plate__bottom-btn-bg.active-17 {
  background-image: url(../../images/h_s7_213_092/min-18mm.png);
}
.h_s7_213_092 .top-capacitor__section-item {
  display: block;
  width: 44px;
  height: 44px;
  position: absolute;
  background-image: url(../../images/h_s7_213_092/capacitor_section.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.h_s7_213_092 .top-capacitor__section-item--01 {
  top: 64px;
  left: 0;
}
.h_s7_213_092 .top-capacitor__section-item--02 {
  top: 2px;
  left: calc(50% - 22px);
}
.h_s7_213_092 .top-capacitor__section-item--03 {
  top: 64px;
  right: 0;
}
.h_s7_213_092 .top-capacitor__section-item.active {
  opacity: 0;
}
.h_s7_213_092 .top-capacitor__bar {
  position: absolute;
  bottom: 0;
  left: calc(50% - 6.5px);
  height: calc(100% - 22px);
  -webkit-transform-origin: center calc(100% - 6px);
          transform-origin: center calc(100% - 6px);
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  z-index: 3;
}
.h_s7_213_092 .top-capacitor__bar-head {
  display: inline-block;
  width: 44px;
  height: 44px;
  position: absolute;
  background-image: url(../../images/h_s7_213_092/capacitor_section_in.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: -20px;
  left: calc(50% - 22px);
  cursor: pointer;
  z-index: 4;
}
.h_s7_213_092 .top-capacitor__bar-body {
  position: relative;
  height: 100%;
  display: block;
}
.h_s7_213_092 .top-capacitor__bar-body img {
  width: 12px;
  height: 100%;
}
.h_s7_213_092 .top-capacitor__bar-body::after {
  content: "";
  display: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #6f9bab;
  border: 5px solid #000;
  position: absolute;
  bottom: -15px;
  left: -14px;
}
.h_s7_213_092 .top-capacitor__bar-body.active::after {
  display: block;
}
.h_s7_213_092 .top-capacitor__bar-guide {
  display: block;
  width: 170px;
  height: 110px;
  position: absolute;
  right: -18px;
  top: -21px;
  pointer-events: none;
}
.h_s7_213_092 .top-capacitor__bar-guide::before {
  content: "";
  display: block;
  position: absolute;
  width: 65px;
  height: 49px;
  top: 18px;
  right: 53px;
  background-image: url(../../images/h_s7_213_092/drag_directon.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
}
.h_s7_213_092 .top-capacitor__bar-guide .guide-hand {
  position: absolute;
  top: 43px;
  right: 7px;
  opacity: 0;
}
.h_s7_213_092 .top-capacitor__bar-guide .guide-hand::after {
  opacity: 1;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.h_s7_213_092 .top-capacitor__bar-guide.active::before {
  -webkit-animation-name: fadeInOut;
          animation-name: fadeInOut;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.h_s7_213_092 .top-capacitor__bar-guide.active .guide-hand {
  -webkit-animation-name: guideDirection01;
          animation-name: guideDirection01;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.h_s7_213_092 .top-capacitor__bar-guide.active2::before {
  -webkit-animation-name: fadeInOut;
          animation-name: fadeInOut;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.h_s7_213_092 .top-capacitor__bar-guide.active2 .guide-hand {
  -webkit-animation-name: guideDirection01-2;
          animation-name: guideDirection01-2;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.h_s7_213_092 .top-capacitor__bar-guide.is-reverse {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  right: auto;
  left: 0;
}
.h_s7_213_092 .top-capacitor__bar-guide.active3 .guide-hand {
  -webkit-animation-name: guideDirection03;
          animation-name: guideDirection03;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.h_s7_213_092 .bottom-capacitor__section-item {
  display: block;
  width: 44px;
  height: 44px;
  position: absolute;
  background-image: url(../../images/h_s7_213_092/capacitor_section.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.h_s7_213_092 .bottom-capacitor__section-item--01 {
  bottom: 64px;
  left: 0;
}
.h_s7_213_092 .bottom-capacitor__section-item--02 {
  bottom: 2px;
  left: calc(50% - 22px);
}
.h_s7_213_092 .bottom-capacitor__section-item--03 {
  bottom: 64px;
  right: 0;
}
.h_s7_213_092 .bottom-capacitor__section-item.active {
  opacity: 0;
}
.h_s7_213_092 .bottom-capacitor__bar {
  position: absolute;
  top: 0;
  left: calc(50% - 6.5px);
  height: calc(100% - 22px);
  -webkit-transform-origin: center 6px;
          transform-origin: center 6px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  z-index: 5;
}
.h_s7_213_092 .bottom-capacitor__bar-head {
  display: inline-block;
  width: 44px;
  height: 44px;
  position: absolute;
  background-image: url(../../images/h_s7_213_092/capacitor_section_in.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  bottom: -20px;
  left: calc(50% - 22px);
  cursor: pointer;
}
.h_s7_213_092 .bottom-capacitor__bar-body {
  position: relative;
  height: 100%;
  display: block;
}
.h_s7_213_092 .bottom-capacitor__bar-body img {
  width: 12px;
  height: 100%;
}
.h_s7_213_092 .bottom-capacitor__bar-body::after {
  content: "";
  display: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #6f9bab;
  border: 5px solid #000;
  position: absolute;
  top: -15px;
  left: -14px;
}
.h_s7_213_092 .bottom-capacitor__bar-body.active::after {
  display: block;
}
.h_s7_213_092 .bottom-capacitor__bar-guide {
  display: block;
  width: 170px;
  height: 110px;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.h_s7_213_092 .bottom-capacitor__bar-guide::before {
  content: "";
  display: block;
  position: absolute;
  width: 65px;
  height: 49px;
  bottom: 18px;
  left: 53px;
  background-image: url(../../images/h_s7_213_092/drag_directon2.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
}
.h_s7_213_092 .bottom-capacitor__bar-guide .guide-hand {
  position: absolute;
  bottom: 17px;
  right: -7px;
  opacity: 0;
}
.h_s7_213_092 .bottom-capacitor__bar-guide .guide-hand::after {
  opacity: 1 !important;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.h_s7_213_092 .bottom-capacitor__bar-guide.active::before {
  -webkit-animation-name: fadeInOut;
          animation-name: fadeInOut;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.h_s7_213_092 .bottom-capacitor__bar-guide.active .guide-hand {
  -webkit-animation-name: guideDirection02;
          animation-name: guideDirection02;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.h_s7_213_092 .bottom-capacitor__bar-guide.active2::before {
  -webkit-animation-name: fadeInOut;
          animation-name: fadeInOut;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.h_s7_213_092 .bottom-capacitor__bar-guide.active2 .guide-hand {
  -webkit-animation-name: guideDirection02-2;
          animation-name: guideDirection02-2;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.h_s7_213_092 .bottom-capacitor__bar-guide.is-reverse {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  right: auto;
  left: 0;
}
.h_s7_213_092 .bottom-capacitor__bar-guide.active3 .guide-hand {
  bottom: 0px;
  right: 115px;
  -webkit-animation-name: guideDirection03-2;
          animation-name: guideDirection03-2;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.h_s7_213_092 .bottom-capacitor__bar-guide.active3 .guide-hand::after {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
.h_s7_213_092 .checkbox__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 47.5px;
  padding: 14px 64px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(128, 135, 144)), color-stop(60%, rgb(212, 216, 221)));
  background-image: -o-linear-gradient(bottom, rgb(128, 135, 144), rgb(212, 216, 221) 60%);
  background-image: linear-gradient(to top, rgb(128, 135, 144), rgb(212, 216, 221) 60%);
  -webkit-box-shadow: 7px 0 27px rgba(0, 0, 0, 0.79);
          box-shadow: 7px 0 27px rgba(0, 0, 0, 0.79);
  border-radius: 75px;
  overflow: hidden;
}
.h_s7_213_092 .checkbox__check-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18.5px;
  font-size: 25px;
  letter-spacing: -0.0125em;
  font-weight: 700;
  color: #303a46;
}
.h_s7_213_092 .checkbox__check {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  border: 4px solid #cfd8e3;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(162, 170, 179)), to(rgb(191, 198, 205)));
  background-image: -o-linear-gradient(bottom, rgb(162, 170, 179), rgb(191, 198, 205));
  background-image: linear-gradient(to top, rgb(162, 170, 179), rgb(191, 198, 205));
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.h_s7_213_092 .checkbox__check::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-size: cover;
}
.h_s7_213_092 .checkbox__check:checked {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(23, 56, 162)), to(rgb(76, 150, 239)));
  background-image: -o-linear-gradient(bottom, rgb(23, 56, 162), rgb(76, 150, 239));
  background-image: linear-gradient(to top, rgb(23, 56, 162), rgb(76, 150, 239));
  border: 4px solid #3356a9;
}
.h_s7_213_092 .checkbox__check:checked::after {
  background-image: url(../../images/h_s7_213_092/check_on.png);
}
.h_s7_213_092 .pop {
  width: 100%;
  height: 560px;
}
.h_s7_213_092 .pop__wrap {
  position: relative;
  width: 100%;
  height: 560px;
}
.h_s7_213_092 .pop__cont1 {
  padding: 100px 256px 0 110.5px;
  display: none;
  position: relative;
}
.h_s7_213_092 .pop__cont1.active {
  display: block;
}
.h_s7_213_092 .pop__cont2 {
  padding: 35px 30px 0 45px;
  display: none;
}
.h_s7_213_092 .pop__cont2.active {
  display: block;
}
.h_s7_213_092 .pop__cont-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.h_s7_213_092 .pop__left {
  padding-top: 30px;
}
.h_s7_213_092 .pop__right {
  width: 694.5px;
  height: 478.5px;
}
.h_s7_213_092 .pop__right img {
  display: block;
  width: 100%;
}
.h_s7_213_092 .pop__strong {
  font-size: 40px;
  letter-spacing: -0.0125em;
  color: #303a46;
  display: block;
  margin-bottom: 17px;
  position: relative;
  font-weight: 700;
}
.h_s7_213_092 .pop__strong::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #303a46;
  position: absolute;
  top: calc(50% - 10px);
  left: -21px;
  display: none;
}
.h_s7_213_092 .pop__p {
  font-size: 33px;
  letter-spacing: -0.0125em;
  color: #303a46;
  display: block;
  margin-bottom: 17px;
  position: relative;
  font-weight: 500;
}
.h_s7_213_092 .pop__em {
  font-size: 33px;
  letter-spacing: -0.0125em;
  color: #c95a08;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
  position: relative;
  font-weight: 700;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.h_s7_213_092 .pop__em::before {
  content: "";
  display: block;
  width: 49px;
  height: 35px;
  background-image: url(../../images/h_s7_213_092/arrow.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  margin-right: 19px;
}
.h_s7_213_092 .pop__charater1 {
  display: block;
  width: 180px;
  height: 180px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/common/character/h-character-organizing.png");
  position: absolute;
  right: 58px;
  bottom: -115px;
}
.h_s7_213_092 .pop__charater2 {
  display: block;
  width: 180px;
  height: 180px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-image: url("../../images/common/character/h-character-organizing.png");
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
  margin-top: 55px;
  margin-left: 195px;
}
.h_s7_213_092 .pop__pagin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 35px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.h_s7_213_092 .pop__prev {
  display: none;
  width: 51.5px;
  height: 51.5px;
  background-image: url(../../images/h_s7_213_092/before.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 25.75px);
  left: calc(-45px - 50%);
}
.h_s7_213_092 .pop__prev.active {
  display: block;
}
.h_s7_213_092 .pop__next {
  display: none;
  width: 51.5px;
  height: 51.5px;
  background-image: url(../../images/h_s7_213_092/next.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: calc(50% - 25.75px);
  right: calc(-45px - 50%);
}
.h_s7_213_092 .pop__next.active {
  display: block;
}
.h_s7_213_092 .pop__pagin-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  font-size: 24px;
  letter-spacing: -0.0125em;
  color: #bcb9a7;
  font-weight: 700;
}
.h_s7_213_092 .pop__pagin-current {
  color: #4e5151;
}
.h_s7_213_092 .pop .sumTable {
  width: 100%;
  text-align: center;
  border-top: 1px solid #cfcdc0;
}
.h_s7_213_092 .pop .sumTable__tr {
  border-bottom: 1px solid #cfcdc0;
}
.h_s7_213_092 .pop .sumTable__th, .h_s7_213_092 .pop .sumTable__td {
  border-left: 1px solid #cfcdc0;
}
.h_s7_213_092 .pop .sumTable__th:first-child, .h_s7_213_092 .pop .sumTable__td:first-child {
  border-left: none;
}
.h_s7_213_092 .pop .sumTable__th {
  padding: 25px 0;
  background-color: #ffced2;
  font-size: 28px;
  font-weight: 700;
}
.h_s7_213_092 .pop .sumTable__td {
  padding: 40px 0;
  font-size: 25px;
  font-weight: 500;
}
.h_s7_213_092 .pop .sumTable__td.em {
  background-color: rgba(255, 206, 210, 0.36);
  color: #4e5151;
}
.h_s7_213_092 .guide-hand::after {
  content: "";
  display: block;
  position: absolute;
  width: 75px;
  height: 84px;
  left: 0;
  opacity: 0;
  background-image: url("../../images/h_s7_213_092/drag-hand-right.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.h_s7_213_092 .is-disalble {
  pointer-events: none !important;
}
.h_s7_213_092 .bottom-button-wrap > .button-next.on {
  -webkit-animation-name: btnColor;
          animation-name: btnColor;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.h_s7_213_092 .bottom-button-wrap > .button-restart {
  right: auto;
  left: 58px;
}

@-webkit-keyframes btnColor {
  0% {
    background-image: none;
  }
  25% {
    background-image: none;
    background-color: #c95a08;
  }
  50% {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(76, 86, 97)), color-stop(65%, rgb(109, 120, 132)), to(rgb(142, 153, 167)));
    background-image: linear-gradient(360deg, rgb(76, 86, 97) 0%, rgb(109, 120, 132) 65%, rgb(142, 153, 167) 100%);
  }
  75% {
    background-image: none;
    background-color: #c95a08;
  }
  100% {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(76, 86, 97)), color-stop(65%, rgb(109, 120, 132)), to(rgb(142, 153, 167)));
    background-image: linear-gradient(360deg, rgb(76, 86, 97) 0%, rgb(109, 120, 132) 65%, rgb(142, 153, 167) 100%);
  }
}

@keyframes btnColor {
  0% {
    background-image: none;
  }
  25% {
    background-image: none;
    background-color: #c95a08;
  }
  50% {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(76, 86, 97)), color-stop(65%, rgb(109, 120, 132)), to(rgb(142, 153, 167)));
    background-image: -o-linear-gradient(bottom, rgb(76, 86, 97) 0%, rgb(109, 120, 132) 65%, rgb(142, 153, 167) 100%);
    background-image: linear-gradient(360deg, rgb(76, 86, 97) 0%, rgb(109, 120, 132) 65%, rgb(142, 153, 167) 100%);
  }
  75% {
    background-image: none;
    background-color: #c95a08;
  }
  100% {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(76, 86, 97)), color-stop(65%, rgb(109, 120, 132)), to(rgb(142, 153, 167)));
    background-image: -o-linear-gradient(bottom, rgb(76, 86, 97) 0%, rgb(109, 120, 132) 65%, rgb(142, 153, 167) 100%);
    background-image: linear-gradient(360deg, rgb(76, 86, 97) 0%, rgb(109, 120, 132) 65%, rgb(142, 153, 167) 100%);
  }
}
@-webkit-keyframes handLeftRight {
  0% {
    opacity: 0;
    left: 0;
    -webkit-transform: rotate(52deg);
            transform: rotate(52deg);
  }
  50% {
    opacity: 1;
    left: 100px;
    -webkit-transform: rotate(52deg);
            transform: rotate(52deg);
  }
  100% {
    opacity: 0;
    left: 100px;
    -webkit-transform: rotate(52deg);
            transform: rotate(52deg);
  }
}
@keyframes handLeftRight {
  0% {
    opacity: 0;
    left: 0;
    -webkit-transform: rotate(52deg);
            transform: rotate(52deg);
  }
  50% {
    opacity: 1;
    left: 100px;
    -webkit-transform: rotate(52deg);
            transform: rotate(52deg);
  }
  100% {
    opacity: 0;
    left: 100px;
    -webkit-transform: rotate(52deg);
            transform: rotate(52deg);
  }
}
@-webkit-keyframes clickPrompt {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes clickPrompt {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes guideDirection01 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(-127px, 85.5px);
            transform: translate(-127px, 85.5px);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    opacity: 0;
  }
}
@keyframes guideDirection01 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(-127px, 85.5px);
            transform: translate(-127px, 85.5px);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes guideDirection01-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-127px, 85.5px);
            transform: translate(-127px, 85.5px);
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(-127px, 85.5px);
            transform: translate(-127px, 85.5px);
  }
  50% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(-127px, 85.5px);
            transform: translate(-127px, 85.5px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-127px, 85.5px);
            transform: translate(-127px, 85.5px);
  }
}
@keyframes guideDirection01-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-127px, 85.5px);
            transform: translate(-127px, 85.5px);
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(-127px, 85.5px);
            transform: translate(-127px, 85.5px);
  }
  50% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(-127px, 85.5px);
            transform: translate(-127px, 85.5px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-127px, 85.5px);
            transform: translate(-127px, 85.5px);
  }
}
@-webkit-keyframes guideDirection02 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(-127px, -85.5px);
            transform: translate(-127px, -85.5px);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    opacity: 0;
  }
}
@keyframes guideDirection02 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(-127px, -85.5px);
            transform: translate(-127px, -85.5px);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes guideDirection02-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-127px, -85.5px);
            transform: translate(-127px, -85.5px);
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(-127px, -85.5px);
            transform: translate(-127px, -85.5px);
  }
  50% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(-127px, -85.5px);
            transform: translate(-127px, -85.5px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-127px, -85.5px);
            transform: translate(-127px, -85.5px);
  }
}
@keyframes guideDirection02-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-127px, -85.5px);
            transform: translate(-127px, -85.5px);
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(-127px, -85.5px);
            transform: translate(-127px, -85.5px);
  }
  50% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(-127px, -85.5px);
            transform: translate(-127px, -85.5px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-127px, -85.5px);
            transform: translate(-127px, -85.5px);
  }
}
@-webkit-keyframes guideDirection03 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(-135px, 180px);
            transform: translate(-135px, 180px);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    opacity: 0;
  }
}
@keyframes guideDirection03 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(-135px, 180px);
            transform: translate(-135px, 180px);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes guideDirection03-2 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(-145px, -195px);
            transform: translate(-145px, -195px);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    opacity: 0;
  }
}
@keyframes guideDirection03-2 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  50% {
    -webkit-transform: translate(-145px, -195px);
            transform: translate(-145px, -195px);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes lightOn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
  }
  2% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
}
@keyframes lightOn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
  }
  2% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1.5);
            transform: translate(-50%, -50%) scale(1.5);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
  }
}
@-webkit-keyframes plateDragGuide {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(55px);
            transform: translateX(55px);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(55px);
            transform: translateX(55px);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes plateDragGuide {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(55px);
            transform: translateX(55px);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(55px);
            transform: translateX(55px);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@-webkit-keyframes battery {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes battery {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*# sourceMappingURL=../maps/page/h_s7_213_092.css.map */