* {
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  color:#333;
}

.titlewrapper {
  width: 678px;
  margin: 0 auto;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.line {
  height: 1px;
  width: 100%;
  background-color: #999;
  margin-top: -6px;
}

.subtxt {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin: 15px 0 24px 0;
}

.subtxt em {
  font-style: normal;
  font-weight: 700;
  color:#011FB9;
}

.titletxt {
  font-size: 38px;
  font-weight: 500;
}

.titletxt span {
  font-size: 45px;
  font-weight: 700;
}

.header h2 {
  font-size: 18px;
  font-weight: 500;
}

.header em {
  color:#011FB9;
  font-weight: 700;
}

.containerWrap button {
  width: 260px;
  height: 50px;
  border-radius: 10px;
  background-color: #053863;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  display: block;
  margin: auto;
}

.contents {
  margin-top: 80px;
}

.contents_wrapper {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  align-self: stretch;
}

.contents .info {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.contents .index {
  display: flex;
  margin-right: 8px;
}

.contents .info .eclips1 {
  width: 14px;
  height: 14px;
  background-color:#94B2FF;
  border-radius: 100%;
}

.contents .info .eclips2 {
  width: 14px;
  height: 14px;
  background-color: rgba(160, 57, 172, 0.30);
  border-radius: 100%;
  margin-left: -8px;
}

.contents .info .title {
  font-size: 26px;
  font-weight: 700;
}

.contents .info_wrapper {
  width: 33.33%;
  background-color: #F2F7FA;
  text-align: center;
  height: 340px;
  padding:30px 20px 0
}

.contents .info_wrapper .title {
  color: #053863;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 22px;
}

.justify {
  display: flex;
  justify-content: center;
}

.contents .info_wrapper .icons {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background-color:#fff;
  border: 1px solid #053863;
  align-items: center;
  align-content: center;
  justify-content: center;
} 

.txtgroup {
  font-size: 18px;
  font-weight: 600;
  margin: 30px 0;
}

.txtgroup span {
  font-weight: 500;
  font-size: 14px;
}

.target {
  font-weight: 500;
  margin-top: 43px;
}

.target em {
  font-style: normal;
  font-weight: 600;
}

.contact {
  margin-top: 57px;
}

.contact .contactnum {
  font-size: 18px;
}

@media screen and (max-width: 910px) {
 .txtgroup {
  font-size: 15px;
 }
}

@media screen and (max-width: 700px) {
 .contents_wrapper {
  display: block;
 }
 .contents .info_wrapper {
  width: 100%;
  margin-bottom: 15px;
 }
  .contents .info_wrapper:last-child {
    margin-bottom:0
  }
  .titletxt {
    font-size: 24px;
  }
  .titletxt span {
    font-size: 34px;
  } 
  .titlewrapper {
    width: 100%;
  }
  .subtxt {
    padding:15px 80px 0px;
  }
}