*,
      *:before,
      *:after {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-size: 100%;
      }

.document img {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 500px;
}

      .document div:hover {
        background-color: blue;
        opacity: .8;
      }

      .document div:hover img {
        display: block;
      }

      .document {
      	position: absolute;
      	width: 100%;
      	height: 100%;
      	overflow-x: hidden;
  			overflow-y: auto;
  			background-color: white;
      }
      
      .take-off_1 {
      	position: absolute;
      	top: 0%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: green;*/
      }

      .take-off_2 {
      	position: absolute;
      	top: 3.2%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: yellow;*/
      }

      .take-off_3 {
      	position: absolute;
      	top: 6.4%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: green;*/
      }

      .take-off_4 {
      	position: absolute;
      	top: 9.6%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: yellow;*/
      }

      .take-off_5 {
      	position: absolute;
      	top: 12.8%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: green;*/
      }

      .take-off_6 {
      	position: absolute;
      	top: 16%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: yellow;*/
      }

      .take-off_7 {
      	position: absolute;
      	top: 19.2%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: green;*/
      }

      .take-off_8 {
      	position: absolute;
      	top: 22.4%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: yellow;*/
      }

      .take-off_9 {
      	position: absolute;
      	top: 25.6%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: green;*/
      }

      .take-off_10 {
      	position: absolute;
      	top: 28.8%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: yellow;*/
      }

      .flapping_1 {
      	position: absolute;
      	top: 32%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: green;*/
      }

      .flapping_2 {
      	position: absolute;
      	top: 35.2%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: yellow;*/
      }

      .flapping_3 {
      	position: absolute;
      	top: 38.4%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: green;*/
      }

      .flapping_4 {
      	position: absolute;
      	top: 41.6%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: yellow;*/
      }

      .flapping_5 {
      	position: absolute;
      	top: 44.8%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: green;*/
      }

      .flapping_6 {
      	position: absolute;
      	top: 48%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: yellow;*/
      }

      .flapping_7 {
      	position: absolute;
      	top: 51.2%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: green;*/
      }

      .flapping_8 {
      	position: absolute;
      	top: 54.4%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: yellow;*/
      }

      .flapping_9 {
      	position: absolute;
      	top: 57.6%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: green;*/
      }

      .flapping_10 {
      	position: absolute;
      	top: 60.8%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: yellow;*/
      }

      .landing_1 {
      	position: absolute;
      	top: 64%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: green;*/
      }

      .landing_2 {
      	position: absolute;
      	top: 67.2%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: yellow;*/
      }

      .landing_3 {
      	position: absolute;
      	top: 70.4%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: green;*/
      }

      .landing_4 {
      	position: absolute;
      	top: 73.6%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: yellow;*/
      }

      .landing_5 {
      	position: absolute;
      	top: 76.8%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: green;*/
      }

      .landing_6 {
      	position: absolute;
      	top: 80%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: yellow;*/
      }

      .landing_7 {
      	position: absolute;
      	top: 83.2%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: green;*/
      }

      .landing_8 {
      	position: absolute;
      	top: 86.4%;
      	width: 100%;
      	height: 3.2%;
      	/*background-color: yellow;*/
      }

      .landing_9 {
        position: absolute;
        top: 89.6%;
        width: 100%;
        height: 3.2%;
        /*background-color: green;*/
      }

      .landing_10 {
        position: absolute;
        top: 92.8%;
        width: 100%;
        height: 3.2%;
        /*background-color: yellow;*/
      }

.footer {
  position: absolute;
  width: 100%;
  height: 4%;
  bottom: 0;
  font-size: 13pt;
  font-family: agchoijeongho-screen, sans-serif;
  font-style: normal;
  font-weight: 400;
}

.back {
  position: absolute;
  margin-left: 20px;
  left: 0;
  text-decoration-line: none;
  color: blue;
  opacity: .8;
}

.help {
  position: absolute;
  margin-right: 20px;
  right: 0;
  color: blue;
  opacity: .8;
}