#SignupSection{ min-height:50vh; padding:120px 0; height:auto; width:100%; }
#SignupSection > div{ width:90%; max-width:1300px; margin:auto;}
#SignupStepForm > div > h2{
  font-family: NotoSansKR;
  font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.82;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  text-transform:uppercase;
  margin:20px 0;
  padding:20px 0;
  margin-top:102px;
  position: relative;
  margin-bottom: 66px;
  height: 42px;
  display: block;
  margin-bottom: 152px;
}

#SignupStepForm > #signupstep_0> h2{
  margin-top: 40px;
  margin-bottom: 66px;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  width: 160px;
  height: 60px;
  position: relative;
}
#SignupStepForm > #signupstep_0> h2:after{
  position: absolute;
  content: "";
  width: 160px;
  height: 5px;
  left: 0;
  bottom: -2px;
  background-color: #000;
}

#SignupStepForm > #signupstep_1> h2{
  font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  height: 40px;
  position: relative;
  display:inline-block;
  width:100%;
  margin: 0 auto;
  margin-bottom: 120px;
  margin-top: 100px;
}
#SignupStepForm > #signupstep_1> h2 > span{
	margin:auto; position:relative; padding:15px 0;
}
#SignupStepForm > #signupstep_1> h2 > span:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 5px;
  left: 0;
  bottom: -0px;
  background-color: #000;
}

#SignupStepForm > #signupstep_2> h2{
  font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  height: 40px;
  position: relative;
  display:inline-block;
  width:100%;
  margin: 0 auto;
  margin-bottom: 120px;
  margin-top: 100px;
}
#SignupStepForm > #signupstep_2> h2 > span{
	margin:auto; position:relative; padding:15px 0;
}
#SignupStepForm > #signupstep_2> h2 > span:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 5px;
  left: 0;
  bottom: -0px;
  background-color: #000;
}


/* #signupstep_2 > div > ul > li.kmaregli{ display:none;} */
#signupstep_2 > div > ul > li.kmaregli.active{ display:block; }

#signupstep_2 > div > ul > li.kmaregli{
    background-color: #f1f1f1;
    padding-bottom: 64px;
    padding-top: 40px;
}
#signupstep_2 > div > ul > li.kmaregli>div{
    padding-left: 18px;
}
#signupstep_2 > div > ul > li:nth-last-child(2){
    margin-bottom: 0;
    position: relative;
}

#signupstep_2 > div > ul > li:nth-last-child(2)::after{
    content: "";
    background-image: url(https://file.k-friends.kr/img/20230102/081807_0.png);
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: 44px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 210px;
    height: 83px;
}
#signupstep_2 > div > ul > li.kmaregli > label{
    padding-left: 18px;
}

#signupstep_2 > div > ul > li.kmaregli > div > div > label{
    background-color: #fff;
}
#signupstep_2 > div > ul > li.kmaregli > div p{
    font-size: 16px;
}

#SignupStepForm .stepdiv{ display:none;}

#SignupStepForm[data-step='0'] #signupstep_0{ display:block;}
#SignupStepForm[data-step='1'] #signupstep_1{ display:block;}
#SignupStepForm[data-step='2'] #signupstep_2{ display:block;}
#SignupStepForm[data-step='3'] #signupstep_3{ display:block;}
#SignupStepForm[data-step='4'] #signupstep_4{ display:block;}
#SignupStepForm[data-step='5'] #signupstep_5{ display:block;}


#SignupSection .stepdiv > div > nav{ margin-top:180px; margin-bottom:50px; display:flex; justify-content: center; align-items: center;}
#SignupSection .stepdiv > div > nav > a{ 
  width: 260px;
  height: 84px;
  border: solid 1px #004cff;
  background-color: #fff;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #004cff;
  display:flex; justify-content: center; align-items: center;
  margin:8px;
}
#SignupSection .stepdiv > div > nav > a:hover{ color:#fff; background-color:#004cff;}
.agreelistdiv > ul > li{ margin-bottom:34px;}
.agreelistdiv > ul > li > div{ display:flex; width:100%;justify-content: space-between;}
.agreelistdiv > ul > li > div > nav > a {
    display: inline-block;
    font-family: NotoSansKR;
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #dbdbdb;
    border-bottom: 2px solid #dbdbdb;
}
.agreelistdiv > ul > li > div > nav > a:hover {
    border-bottom: 2px solid #004cff;
    color: #004cff;
}
/* .agreelistdiv > ul > li > div:hover > p > label {
    color: #004cff;
} */






.agreelistdiv > ul > li > div > p > label{ 
  cursor:pointer; 
  font-size:22px;
  position: relative;
  margin-left: 8px;
}
.agreelistdiv > ul > li > div > p > label::after{

}


.agreelistdiv > ul > li > div > p > input[data-ess="Y"]+label::after{
    position: absolute;
    content: "(필수)";
    right: -62px;
    top: -3px;
    color: #004cff;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.91;
    letter-spacing: normal;
}

.agreelistdiv > ul > li > div > p > input[data-ess="Y"]:checked + label::after{
  position: absolute;
  content: "(필수)";
  right: -62px;
  top: -3px;
  color: #004cff;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.91;
  letter-spacing: normal;
}






.agreelistdiv > ul > li > div > p > label:before {
    content: "";
    width: 24px;
    height: 24px;
    margin-top: 8px;
    margin-right: 6px;
    display: inline-block;
    float: left;
    background-position: center center;
    background-size: cover;
    background-image: url("https://file.k-friends.kr/data/20221116/091436_0.svg");
}
.agreelistdiv > ul > li > div > p > input[type=checkbox]{ display:none;}
.agreelistdiv > ul > li > div > p > input[type=checkbox]:checked + label:before{ background-image:url("https://file.k-friends.kr/data/20221115/060044_0.svg");}

.agreediv > label{ cursor:pointer;}
.agreediv > label:before {
    content: "";
    width: 24px;
    height: 24px;
    margin-top: 8px;
    margin-right: 6px;
    display: inline-block;
    float: left;
    background-position: center center;
    background-size: cover;
    background-image: url("https://file.k-friends.kr/data/20221116/091436_0.svg");
}
.agreediv > input[type=checkbox] {
    display: none;
}
.agreediv > input[type=checkbox]:checked + label:before {
    background-image: url("https://file.k-friends.kr/data/20221115/060044_0.svg");
}
#signupstep_0 > div .agreediv > label {
    font-size: 24px;
    font-weight: normal;
    margin-left: 8px;
}


#signupstep_0>img:first-child{
  height: 64.4px;
  width: auto;
  display: block;
  margin: 0 auto;
  margin-top: 90px;
}




#signupstep_1 > div > ul > li{  margin-bottom:30px; font-size:24px; width:100%;}
#signupstep_1 > div > ul > li > label{ font-size: 24px; font-weight: 600;}
#signupstep_1 > div > ul > li > div > input[type=text]{ border:0; border-bottom:1px solid #000; font-size:24px; padding:8px 0;}
#signupstep_1 > div > ul > li > div > input[type=tel]{ border:0; border-bottom:1px solid #000; font-size:24px; padding:8px 0;}
#signupstep_1 > div > ul > li > div > a{ border:1px solid #000; display:inline-block; padding:8px 0; width:160px; text-align:center;}
#signupstep_1 > div > ul > li > div > a.authactive{ background-color:#f1f1f1; color:#717171; border:1px solid #717171; pointer-events:none;}

#signupstep_1 > div > ul > li > div > a:hover{ border:1px solid #004cff; color:#004cff;}
#signupstep_1 > div > ul > li > div > select{ border:0; border-bottom:1px solid #000; font-size:24px; padding:8px 0;}
#signupstep_1 > div > ul > li > div > div{ display:inline-block; margin:8px 0;}

#signupstep_1 > div > ul > li > div > div > label{ position:relative; width:160px; height:50px; display:flex; float:left; border:1px solid #000; margin-right:-1px; justify-content:center;  align-items: center; z-index:1;}
#signupstep_1 > div > ul > li > div > div > input[type="radio"]{ display:none;}
#signupstep_1 > div > ul > li > div > div > input[type="radio"]:checked + label{ background-color:#004cff; color:#fff; border:1px solid #004cff; z-index:2;}

#signupstep_1 > div > ul > li > div{ font-size: 24px; font-weight: normal; width:100%;}
#signupstep_1 > div > ul > li > div > div.active{ display:inline-block;}


#signupstep_2 > div > ul > li{  margin-bottom:80px; font-size:24px; width:100%;}
#signupstep_2 > div > ul > li.sgroupnameli{ display:none;}
#signupstep_2 > div > ul > li.active{ display:block;}

#signupstep_2 > div > ul > li > label {
  font-family: NotoSansKR;
  font-size: 21px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
#signupstep_2 > div > ul > li > div > input[type=text]{ border:0; border-bottom:1px solid #000; font-size:24px; padding:8px 0;width: 400px;}
#signupstep_2 > div > ul > li > div > input[type=email]{ border:0; border-bottom:1px solid #000; font-size:24px; padding:8px 0;width: 400px;}
#signupstep_2 > div > ul > li > div > input[type=tel]{ border:0; border-bottom:1px solid #000; font-size:24px; padding:8px 0;width: 400px;}
#signupstep_2 > div > ul > li > div > input[type=password]{ border:0; border-bottom:1px solid #000; font-size:24px; padding:8px 0;width: 400px;}

#signupstep_2 > div > ul > li > div > input::placeholder{
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.21;
  letter-spacing: normal;
  text-align: left;
  color: #8e8e8e;
}









#signupstep_2 > div > ul > li > div > p{ color:#004cff; font-size:20px;}
#signupstep_2 > div > ul > li > div > a{ border:1px solid #000; display:inline-block; padding:8px 0; width:160px; text-align:center;}
#signupstep_2 > div > ul > li > div > a.authactive{ background-color:#f1f1f1; color:#717171; border:1px solid #717171; pointer-events:none;}


input#sname1,input#sname2 { text-transform:uppercase;}


#signupstep_2 > div > ul > li > div > a:hover{ border:1px solid #004cff; color:#004cff;}
#signupstep_2 > div > ul > li > div > select{ border:0; border-bottom:1px solid #000; font-size:24px; padding:8px 0;}
#signupstep_2 > div > ul > li > div > div{ display:inline-block; margin:22px 0;}

#signupstep_2 > div > ul > li > div > div > label {
    position: relative;
    width: 160px;
    height: 50px;
    display: flex;
    float: left;
    border: 1px solid #f1f1f1;
    margin-right: -1px;
    justify-content: center;
    align-items: center;
    z-index: 1;
    background-color: #f1f1f1;;
  font-family: NotoSansKR;
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.21;
  letter-spacing: normal;
  text-align: left;
  color: rgba(0,0,0,0.3);

}
#signupstep_2 > div > ul > li > div > div > input[type="radio"]{ display:none;}
#signupstep_2 > div > ul > li > div > div > input[type="radio"]:checked + label{ 
  color:#004cff; 
  border:1px solid #004cff;
   z-index:2;
    opacity: 1;
    background-color: #fff;
  }

#signupstep_2 > div > ul > li > div > div > input[type="checkbox"]{ display:none;}
#signupstep_2 > div > ul > li > div > div > input[type="checkbox"]:checked + label{ 
  color:#004cff; 
  border:1px solid #004cff;
   z-index:2;
    opacity: 1;
    background-color: #fff;
  }

  
  #signupstep_2 > div > ul > li:nth-last-child(2) > div > p{
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #000;
  }







#signupstep_2 > div > ul > li > div{ font-size: 24px; font-weight: normal; width:100%;}
#signupstep_2 > div > ul > li > div > div.active{ display:inline-block;}

#scerimgdiv{ width:100%; display:inline-block;}
#scerimgdiv > ul{ display:flex; flex-wrap:wrap;}
#scerimgdiv > ul > li{ margin:8px; padding:8px; border: 1px solid #edacb1;}
#scerimgdiv > ul > li .img{ width:100%; height:100px; display:flex; justify-content:center; align-items:center; padding:8px 0;}
#scerimgdiv > ul > li .img img{ max-width:100%; max-height:100%;}
#scerimgdiv > ul > li .text > a{ border:1px solid #000; display:inline-block; padding:6px 20px; font-size:16px;}

#snamespan{ color:#004cff;}
#sgroupnametext{ display:none;}
#sgroupnametext.active{ display:inline-block;}


#signupstep_3>div>div>h3{
  font-size: 31px;
  font-weight: 550;
  letter-spacing: -1.5px;
  text-align: left;
  margin-top: 40px;
  line-height: 1.5;
}


/* 휴대폰 인증 꾸미기 */
#signupstep_1 > div > ul > li > label{
  display: none;
}
#signupstep_1 > div > ul > li>div{
  /* width: 369px;
  height: 109px;
  border: solid 1px #000;
  display: block;
  margin: 0 auto; */
}
#signupstep_1 > div > ul > li>div a{
  width: 369px;
  height: 109px;
  border: solid 1px #000;
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 109px;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  display: block;
  margin: 0 auto;
  position: relative;
}
#signupstep_1 > div > ul > li>div>div>a>p{
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 109px;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-top: 0;
  margin-left: 42px;
}
#signupstep_1 > div > ul > li>div a::before{
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  top: 30px;
  left: 90px;
  background-image: url(https://file.k-friends.kr/img/20221208/035242_0.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}
#signupstep_1 > div > ul > li p{
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.24;
  letter-spacing: normal;
  text-align: center;
  color: rgba(0,0,0,.35);
  margin-top: 25px;
}
#signupstep_1 > div > ul > li > div > div{
  display: block;
  margin: 0 auto;
}

.spurposeli > div > ul > li{ display:flex;}
.spurposeli > div > ul > li > label{ width:190px; padding-right:10px; min-width:190px; font-size:20px; display:flex; align-items:center; justify-content:space-between;}
.spurposeli > div > ul > li > div{ width:calc(100% - 200px);display:flex; align-items:center;}
.scoreul{ display:flex;}
.scoreul > li{ }
.scoreul > li > label{
	margin:2px 7.5px; width:20px; height:20px; display:flex;
	color:#bbb; font-size:0; justify-content:center; align-items:center;
	cursor:pointer; background-repeat:no-repeat; background-position:center;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	transition-duration:0.3s;
}

ul.scoreul > li > input[type="radio"]{ display:none;}
ul.scoreul[data-score='1'] > li:nth-child(1) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

ul.scoreul[data-score='2'] > li:nth-child(1) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
ul.scoreul[data-score='2'] > li:nth-child(2) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

ul.scoreul[data-score='3'] > li:nth-child(1) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
ul.scoreul[data-score='3'] > li:nth-child(2) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
ul.scoreul[data-score='3'] > li:nth-child(3) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

ul.scoreul[data-score='4'] > li:nth-child(1) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
ul.scoreul[data-score='4'] > li:nth-child(2) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
ul.scoreul[data-score='4'] > li:nth-child(3) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
ul.scoreul[data-score='4'] > li:nth-child(4) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

ul.scoreul[data-score='5'] > li:nth-child(1) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
ul.scoreul[data-score='5'] > li:nth-child(2) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
ul.scoreul[data-score='5'] > li:nth-child(3) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
ul.scoreul[data-score='5'] > li:nth-child(4) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
ul.scoreul[data-score='5'] > li:nth-child(5) > label{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.853%22%20height%3D%2219.074%22%20viewBox%3D%220%200%2019.853%2019.074%22%3E%3Cg%3E%3Cpath%20d%3D%22m11%201.421%201.9%203.849a1.2%201.2%200%200%200%20.906.659l4.249.617a1.2%201.2%200%200%201%20.663%202.054l-3.074%203a1.2%201.2%200%200%200-.347%201.066l.726%204.23a1.2%201.2%200%200%201-1.746%201.27l-3.8-2a1.2%201.2%200%200%200-1.121%200l-3.8%202a1.2%201.2%200%200%201-1.747-1.27l.726-4.23a1.2%201.2%200%200%200-.346-1.066l-3.074-3a1.2%201.2%200%200%201%20.668-2.054l4.247-.617a1.2%201.2%200%200%200%20.907-.659l1.9-3.849a1.2%201.2%200%200%201%202.163%200z%22%20transform%3D%22translate(.01%20.01)%22%20stroke%3D%22%23070203%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.5px%22%20fill%3D%22%23070203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

.sareali > div > div{ width:100%;}
.sareali > div > div > input[type=text]{ border:0; 
    border-bottom: 1px solid #000;
    font-size: 24px;
    padding: 8px 0;
    width: 400px;}
#signupstep_2 > div > ul > li.sarea6li{ display:none;}
#signupstep_2 > div > ul > li.sarea6li.active{ display:inline-block;}