body,p,ul,li,h1,h2,h3,h4,h5{
  margin: 0;
  padding: 0;
}
ul{
  list-style: none;
}
a{
  text-decoration: none;
}
input:not(input[type="file"]){
  font-size: 1rem;
  border: 0.0625rem solid #ccc;
  padding: 0.0625rem 0 0.0625rem 0.3125rem; 
}
.df-between{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.df-left{
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
}
.df-around{
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.df-center{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.df-right{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
.red{
  color: red;
}
.gray{
  color: gray
}
.input-group{
  margin-left: 0.625rem;
}
.input-group input{
  height: 2.125rem;
  width: 15.625rem;
}
.w40{
  width: 40%;
}
.w100{
  width: 100%;
}
.mt-52{
  margin-top: 3.25rem;
}
.mr-100{
  margin-right: 6.25rem;
}
.mt-20{
  margin-top: 1.25rem;
}
.mr-46{
  margin-right: 2.875rem;
}
.mr-486{
  margin-right: 30.375rem;
}
.agree_check{
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-right: 0.625rem;
}
.agree_check #agree_check{
  display: none;
}
.agree_check label{
  width: 1rem;
  height: 1rem;
  position: absolute;
  border: 0.0625rem solid #F93333;
  cursor: pointer;
}
.agree_check #agree_check:checked+label{
  background: url(../images/base/true.png) no-repeat center;
  background-size: 100%;
}
.btn{
  width:21.375rem;
  height:3.25rem;
  border: none;
  border-radius: 0.25rem;
  outline: 0;
  color: #f5f5f5;
  cursor: pointer;
  font-size: 1rem;
}
.btn:active{
  background: #ccc;
}
.btn-primary{
  background: #3675FF;
}
.btn-primary:active{
  background: #6675FF;
}