.wrap {
  background-color: #eaeaea;
}

.block_style {
  background-color: white;
  padding: 1rem;
  border-radius: 5px;
}

.bread_block {
  background-color: #e5e7eb;
}

.bread_block h1 {
  margin: 0;
  line-height: 1.8;
}

.bread_block nav > .breadcrumb {
  margin: 0;
  line-height: 1.8;
}

.bread_block nav > .breadcrumb > li a:hover {
  color: #009491;
}

.bread_block nav > .breadcrumb > li:first-child a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  content: "\f015";
  margin-right: 5px;
}

main .register_block {
  height: 100%;
}

main .register_block > .title {
  line-height: 1.8;
  color: #009491;
}

main .register_block > .content span {
  color: #ef4444;
}

main .register_block > .content .detail {
  color: #4b5563;
}

main .register_block > .content .detail a {
  text-decoration: underline;
  color: #009491;
}

main .register_block > .content .detail a:hover {
  color: #008481;
}

main .register_block > .content .register_btn {
  background-color: #009491;
  color: white;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

main .register_block > .content .register_btn:hover {
  background-color: #008481;
}

main .register_block > hr {
  color: #4b5563;
}

main .service_block {
  height: 100%;
  background: #eaeaea;
}

main .service_block > .title {
  line-height: 1.8;
  color: #009491;
}

main .service_block > .content {
  color: #4b5563;
  line-height: 1.8;
}

main .service_block > .content li {
  list-style-type: disc;
}

main .service_block > .more_btn {
  text-decoration: underline;
  color: #4b5563;
}

main .service_block > .more_btn:hover {
  color: #009491;
}
