body {
  margin: 0;
}

.main {
  width: 1000px;
  margin: 0 auto;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  .main {
    width: 100%;
    border: none;
  }
}

.main img {
  width: 100%;
}

.main .kvArea {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .main .kvArea {
    margin-bottom: 10px;
  }
}

.main .sec01 {
  width: 698px;
  margin: 0 auto;
  margin-bottom: 95px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .main .sec01 {
    width: 93%;
    margin-bottom: 45px;
  }
}

.main .btn {
  width: 642px;
  position: absolute;
  top: 67%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
  .main .btn {
    width: 92%;
  }
}

.main .sec02 {
  margin-bottom: 95px;
}

@media screen and (max-width: 768px) {
  .main .sec02 {
    margin-bottom: 45px;
  }
}

.main .sec03 {
  margin-bottom: 95px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .main .sec03 {
    margin-bottom: 45px;
  }
}

.main .sec04 {
  margin-bottom: 95px;
}

@media screen and (max-width: 768px) {
  .main .sec04 {
    margin-bottom: 45px;
  }
}

.main .sec05 {
  margin-bottom: 85px;
}

@media screen and (max-width: 768px) {
  .main .sec05 {
    margin-bottom: 0;
  }
}

.main .sec06 {
  margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .main .sec06 {
    margin-bottom: 30px;
  }
}

.main .sec07 {
  margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
  .main .sec07 {
    margin-bottom: 40px;
  }
}

.main .sec08 {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .main .sec08 {
    margin-bottom: 45px;
  }
}

.main .sec09 {
  margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
  .main .sec09 {
    margin-bottom: 35px;
  }
}

.main .sec10 {
  position: relative;
  margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
  .main .sec10 {
    margin-bottom: 35px;
  }
}

.main .sec10 .acsess {
  position: absolute;
  top: 395px;
  left: 175px;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .main .sec10 .acsess {
    width: 15.5%;
    left: 6%;
    top: 45%;
  }
}

.main .sec10 .text {
  position: absolute;
  top: 403px;
  left: 175px;
}

@media screen and (max-width: 768px) {
  .main .sec10 .text {
    width: 63%;
    left: 7%;
    top: 46%;
  }
}

.main .footer {
  background: #159946;
}
/*# sourceMappingURL=style.css.map */