/* MAIN */
h2,
h3{color:#fff}
h2{font-size:6rem; padding-top:11rem}
h3{padding:1.5rem 0 5.5rem}
.main{height:66rem; background-image: url(../images/main_bg.png)}
.main li{width:35%; padding:4.5rem 4rem; background-color:rgba(255,255,255,.9); border-radius:1.5rem; float:left}
.main li:nth-child(1){margin-right:3%}
.main li p{height:14rem; font-size:2.8rem; font-weight:600; line-height:3.6rem; padding-top:3rem}

/* 테스트 전체 영역 */
.question{padding:7rem 0 4rem}
.question li::after{content:''; display:block; width:85%; height:1px; background-color:#dcdcdc; margin:5rem auto; }
.question strong{display:block; width:95%; margin:0 auto}
.done{display:block; width:46rem; height:10rem; border-radius:5rem; margin:0 auto 15rem; background-color:#2eacad; color:#fff; cursor:pointer}
.done img{vertical-align:middle; margin:-0.5rem 0 0 1.5rem}

/* 테스트 체크 버튼 부분 */
/* radio 초기화, 기본값 설정 */
.check label{display:block; width:20%; float:left}
.radio{height:10rem; padding:3.5rem 0 1.5rem; line-height:125px}
.radio input[type="radio"]{display:none}
.radio input[type="radio"] + span{display:inline-block; width:4.4rem; height:4.4rem; border-radius:100%; background-color:#fff; border:3px solid #9b9faa; cursor:pointer}
.caption{font-size:2.4rem; line-height:3rem; font-weight:600; color:#9b9faa}
.caption-left{color:#2eacad}
.caption-right{color:#656597}
.caption span{font-size:1.8rem; font-weight:400}
/* 가운데 맞추기 */
.radio input[value="4"] + span,
.radio input[value="2"] + span{margin-top:1rem}
.radio input[value="4"] + span{margin-left:2rem}
.radio input[value="2"] + span{margin-right:2rem}
/* radio 크기 기본값 */
.radio input[value="1"] + span,
.radio input[value="5"] + span{width:8.4rem; height:8.4rem}
.radio input[value="2"] + span,
.radio input[value="4"] + span{width:6.4rem; height:6.4rem}
/* radio 색상 기본값 */
.radio input[value="4"] + span,
.radio input[value="5"] + span{border-color:#2eacad}
.radio input[value="1"] + span,
.radio input[value="2"] + span{border-color:#656597}
/* radio checked 기본값 */
.radio input[type="radio"]:checked + span{background-image:url(../images/checked.png); background-size:100%}
/* 4, 5 (왼쪽) checked */
.radio input[value="4"]:checked + span,
.radio input[value="5"]:checked + span{background-color:#2eacad}
/* 3 (가운데) checked */
.radio input[value="3"]:checked + span{background-color:#9b9faa}
/* 1, 2 (오른쪽) checked */
.radio input[value="1"]:checked + span,
.radio input[value="2"]:checked + span{background-color:#656597}