p[data-v-63398cd5]{
  color: var(--primary);
  font-weight: 500;
  font-size: 12px;
  line-height: 17.76px; 
  text-align: right;
  margin-top: 1vw;
}


.popup[data-v-d91dda68]{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 999;
  top: 0;
  left: 0;
  padding: 5.4vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-content[data-v-d91dda68]{
  background-color: #fff;
  padding: 5.4vw;
  width: 100%;
  height: auto;
  max-height: 100%;
  border: 2px solid var(--secondary);
  background-color: #FFF1CB;
  color: var(--text-content);
  border-radius: 2.13vw;
}


.agree{
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 3.74vw;
  line-height: 5.6vw;
  color: var(--text-subtitle);
}
.agree span{
  width: 4.27vw;
  height: 4.27vw;
  display: inline-block;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 1vw;
  position: relative;
}
.agree span::after{
  content: '';
  width: 3vw;
  height: 3vw;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--primary);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) scale(0);
}
input[type='checkbox']:checked +.agree span::after{
  transform: translate(-50%,-50%) scale(1);
}
.underline{
  text-decoration: underline;
  cursor: pointer;
}
.scroll-frame{
  max-height: 50vh;
  overflow-y: auto;
  font-weight: 500;
  font-size: 3.74vw;
  line-height: 5.6vw;
}
.input-group h5{
  color: var(--text-subtitle);
}
.text-center p{
  text-align: center;
}