/* 공통스타일링 */
  .innerWrapper {
    padding: 1rem 1.5rem 1.5rem 1.5rem;
  }
  .homeinnerWrapper{
    padding: 0rem 1.5rem 1.5rem 1.5rem;
  }


/* index 영역 */
.indexText {
  width: 75%;
  margin: 0 auto;
  display: block;
  padding-top: 70%;
}




/* 홈영역 */
.backgroundcolorwrapper {
  background-color: #f2f3f5;
  height: 100%;
  min-height: 100vh;
}
.homeHeader {
  display: flex;
  align-items: center;
  height: 7rem;
}
.homeHeaderimg {
  width: 50%;
  margin-left: 2rem;
}
.homeHeaderimg img {
  width: 100%;
}
.topng {
  width: 100%;
  margin-bottom: 2rem;
  box-shadow: 0.1rem 0.1rem 0.2rem #e8e9ea;
}
.menubox {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  flex-wrap: wrap;
  border-radius: 1rem;
  box-shadow: 0.1rem 0.1rem 0.2rem #e8e9ea;
}
.menubox div {
  width: 100%;
  font-size: 1.8rem;
  font-weight: 700;
  margin-left: 1rem;
  margin-bottom: 0.5rem;
}
.menubox a {
  width: 25%;
  margin: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
}
.menubox a img {
  width: 100%;
  padding: 0.8rem;
}
.contentHeader {
  height: 7rem;
  display: flex;
  align-items: center;
  justify-content: left;
  position: relative;
}

.contentHeader button {
border: none;
background-color: transparent;
cursor: pointer;
margin-right: 10px;
display: flex;
align-items: center;
}

.contentHeader .home {
width: 2rem;
position: absolute;
right: 5%;
}

.contentHeader .logoimg {
  width: 50%;
  margin-left: 2rem;

}
.homeHeaderimg img {
  width: 100%;
}
.whitecontentbox {
  background-color: #fff;
  margin-bottom: 2rem;
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0.1rem 0.1rem 0.2rem #e8e9ea;
}
.orange {
  font-size: 1.6rem;
  color: #f2800e;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: -1.5rem;
}
.whitecontentbox pre{
  font-size: 1.6rem;
  line-height: 1.3;
  color: #5e6979;
}
h1 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
.bold {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: -1.5rem;
}
.gray {
  font-size: 1.6rem;
  line-height: 1.3;
  color: #92a6b7;
}
.blue {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 600;
  color: #5268e8;
}
.subcontent {
  font-size: 1.2rem;
  line-height: 1.2;
  color: #92a6b7;
  text-align: center;
}
.hometopBtn {
  padding: 2rem;
  background-color: #fff;
  border-radius: 1rem;
  margin-bottom: 3rem;
  box-shadow: 0.1rem 0.1rem 0.2rem #e8e9ea;
}
.btnbg {
  display: flex;
  width: 100%;
  margin-bottom: 2rem;
}
.btnbg h2 {
  width: 70%;
  font-size: 2.1rem;
  line-height: 1.3;
  font-weight: 800;
  color: #1e2844;
}
.btnbg img {
  width: 30%;
}
.topbtn {
  width: 100%;
}
