.hwchBG_con01{position:relative}.hwchBG_con01 .hwchBG_btnBox{z-index:2;flex-wrap:wrap;align-items:center;gap:15px;width:1000px;display:flex;position:absolute;top:628px;left:50%;transform:translate(-50%)}.hwchBG_con01 .hwchBG_btnBox button{margin-bottom:5px;font-size:0;width:323px!important;height:92px!important}.hwchBG_con02{position:relative}.hwchBG_con02 .hwchBG_btnBox{justify-content:space-between;width:83%;display:flex;position:absolute;bottom:7.5%;left:50%;transform:translate(-50%)}.hwchBG_con02 .hwchBG_btnBox button{color:#0000}.hwchBG_con03{margin-top:30px}.hwchBG_con04{background-color:#fbfcfd;margin-bottom:60px;padding-bottom:80px}.hwchBG_con04 .hwchBG_title{font-size:28px}.hwchBG_con04 .hwchBG_next{width:100%!important}.hwchBG_con05{margin:30px auto 55px;position:relative}.hwchBG_con05 .hwchBG_btnBox{justify-content:space-between;width:83%;display:flex;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.hwchBG_con05 .hwchBG_btnBox a{color:#0000;width:425px;height:110px;display:block}.hwchBG_con06{margin-top:30px}.hwchBG_con06 .hwchBG_title{font-size:28px}.hwchBG_con06 .hwchBG_resultBox{background-color:#fbfcfd;margin:0 auto 60px;padding:0 92px 60px}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top{justify-content:flex-start;align-items:flex-start;padding:60px 35px;display:flex;transform:translateY(-40px)}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top:before{content:"";z-index:1;background-size:100%;width:310px;height:310px;display:block;position:absolute;top:11%;left:-20px;background:url(https://cdn.hackers.com/rehackersjob_img/event/2018/0626/result_bg.png) 0 no-repeat!important}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percent{z-index:2;width:180px;height:180px;margin:0 20px 100px 25px;position:relative}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percent svg{width:180px;height:180px;transform:rotate(-90deg)}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percent svg circle{fill:none;stroke-linecap:round;stroke-dasharray:521.504}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percent svg circle:first-child{stroke-width:8px;stroke-dashoffset:0;stroke:#e6e7f0}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percent svg circle:nth-child(2){stroke-width:14px;stroke:#00c5d1}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percent .hwchBG_percentText{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percent .hwchBG_percentText p:first-of-type{color:#333;font-size:16px;font-weight:500}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percent .hwchBG_percentText p:last-of-type{color:#00c5d1;margin-top:-10px;font-size:42px;font-weight:700}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percent .hwchBG_percentText p:last-of-type small{color:#888;font-size:20px;font-weight:500}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percent+img{margin:36px 16px 0 0;display:block}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percentResult{width:100%;height:100%}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percentResult .hwchBG_percentTitle{text-align:left;border-bottom:1px solid #ddd;margin-bottom:30px;padding-bottom:30px}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percentResult .hwchBG_percentTitle p:first-of-type{color:#333;font-size:18px;font-weight:500}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percentResult .hwchBG_percentTitle p:last-of-type{color:#333;font-size:25px;font-weight:500}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percentResult .hwchBG_percentTitle p:last-of-type b{color:#00c5d1;font-weight:700}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percentResult .hwchBG_percentComment p{color:#333}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percentResult .hwchBG_percentComment p:first-of-type{font-size:16px;font-weight:700}.hwchBG_con06 .hwchBG_resultBox .hwchBG_top .hwchBG_percentResult .hwchBG_percentComment p:last-of-type{font-size:14px;font-weight:500}.hwchBG_con06 .hwchBG_resultTitle{align-items:center;margin:20px 0;font-size:20px;font-weight:700;display:flex}.hwchBG_con06 .hwchBG_resultTitle:before{content:"";background-color:#1a7cea;border-radius:16px;width:5px;height:20px;margin-right:10px;display:block}.hwchBG_con06 .hwchBG_bannerLink{margin-bottom:20px;display:block}.hwchBG_con06 .hwchBG_answerTitle{color:#1a7cea;text-align:left;background-color:#e8f2fd;width:100%;height:74px;margin-top:42px;padding:0 36px;font-size:18px;font-weight:700;line-height:74px}.hwchBG_con06 .hwchBG_answerTitle+div{padding-top:40px}.hwchBG_con06 .hwchBG_answerContent{text-align:left;background-color:#fff;padding:0 40px 40px}.hwchBG_con06 .hwchBG_answerContent>div:last-of-type{margin-top:40px}.hwchBG_con06 .hwchBG_answerTable td,.hwchBG_con06 .hwchBG_answerTable th{color:#666;border:1px solid #e7edf5;font-size:16px}.hwchBG_con06 .hwchBG_answerTable td:first-of-type,.hwchBG_con06 .hwchBG_answerTable th:first-of-type{border-left:none}.hwchBG_con06 .hwchBG_answerTable td:last-of-type,.hwchBG_con06 .hwchBG_answerTable th:last-of-type{border-right:none}.hwchBG_con06 .hwchBG_answerTable thead{color:#7a8597;background-color:#dfe4eb}.hwchBG_con06 .hwchBG_next{width:100%!important}.hwchBG_title{color:#fff;text-align:center;width:100%;font-size:36px;font-weight:700;position:absolute;top:70px;left:50%;transform:translate(-50%)}.hwchBG_top{z-index:10;background-color:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;width:870px;min-height:83px;margin:0 auto;display:flex;position:relative;transform:translateY(-40px);box-shadow:0 8px 65px #48588f33}.hwchBG_top .hwchBG_levelBox{justify-content:space-between;align-items:flex-start;display:flex}.hwchBG_top .hwchBG_bookBox{box-sizing:border-box;background-color:#fafafa;border-radius:25px;width:796px;padding:25px 40px}.hwchBG_top .hwchBG_bookBox .hwchBG_bookTitle{color:#004b87;margin-bottom:20px;font-size:18px}.hwchBG_top .hwchBG_bookBox .hwchBG_bookList{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.hwchBG_top .hwchBG_bookBox .hwchBG_bookList li{align-items:flex-start;width:49%;margin-bottom:20px;display:flex}.hwchBG_top .hwchBG_bookBox .hwchBG_bookList li .hwchBG_bookInfo{text-align:left;margin-left:20px}.hwchBG_top .hwchBG_bookBox .hwchBG_bookList li .hwchBG_bookInfo .hwchBG_bookName{margin-bottom:10px}.hwchBG_top .hwchBG_bookBox .hwchBG_bookList li .hwchBG_bookInfo a{color:#fff;text-align:center;background-color:#004b87;border-radius:5px;width:161px;height:35px;font-size:14px;font-weight:700;line-height:35px;display:block}.hwchBG_top .hwchBG_line{background-color:#e3e3e3;border:none;width:1px;height:20px;margin:0}.hwchBG_top .hwchBG_info{color:#666;justify-content:center;align-items:center;width:calc(50% - 1px);height:100%;font-size:15px;line-height:100%;display:flex}.hwchBG_top .hwchBG_info img{margin-right:8px}.hwchBG_top .hwchBG_info span{color:#3079f3;margin-left:20px;font-size:28px;font-weight:700}.hwchBG_top .hwchBG_info span small{font-size:15px}.hwchBG_quizBox{text-align:left;background-color:#fbfcfd;margin:0 auto 60px;padding:100px 92px 60px}.hwchBG_quizBox .hwchBG_question{align-items:flex-start;gap:18px;margin-bottom:36px;font-size:20px;font-weight:700;display:flex}.hwchBG_quizBox .hwchBG_question p:first-of-type{font-size:28px;line-height:28px}.hwchBG_quizBox .hwchBG_content{background-color:#f1f3f8;border-radius:12px;margin-bottom:30px;padding:35px}.hwchBG_quizBox .hwchBG_answer{text-align:left;color:#555;box-sizing:border-box;background-color:#fff;border:1px solid #e8e8e8;border-radius:12px;width:100%;margin-bottom:20px;padding:15px 15px 15px 20px;font-size:16px;display:flex}.hwchBG_quizBox .hwchBG_answer .hwchBG_marker{text-align:center;border:1px solid #e8e8e8;border-radius:50%;width:25px;height:25px;margin-right:15px;line-height:23px;display:block}.hwchBG_quizBox .hwchBG_answer>div{width:calc(100% - 40px)}.hwchBG_quizBox .hwchBG_answer>div p{word-wrap:break-word;word-break:break-all;white-space:pre-wrap;width:100%}.hwchBG_quizBox .hwchBG_answer img{-o-object-fit:contain;object-fit:contain;max-width:750px;max-height:200px;width:100%!important;height:auto!important}.hwchBG_quizBox .hwchBG_answer.hwchBG_active{color:#3079f3;background-color:#f0faff;border-color:#d6e4fd}.hwchBG_quizBox .hwchBG_answer.hwchBG_active .hwchBG_marker{color:#fff;background-color:#1a7cea;border-color:#1a7cea}.hwchBG_quizBox .hwchBG_btnBox{justify-content:space-between;align-items:center;width:100%;margin-top:40px;display:flex}.hwchBG_quizBox .hwchBG_btnBox .hwchBG_prev{border-radius:8px;font-size:22px;font-weight:700;line-height:5%;color:#3079f3!important;border-color:#3079f3!important}.hwchBG_quizBox .hwchBG_btnBox .hwchBG_prev span{margin-left:12px}.hwchBG_quizBox .hwchBG_btnBox .hwchBG_prev:disabled{cursor:default;color:#aaa!important;background-color:#fff!important;border:1px solid #aaa!important}.hwchBG_quizBox .hwchBG_btnBox .hwchBG_next{border-radius:8px;font-size:22px;font-weight:700;line-height:5%;color:#fff!important;background-color:#3079f3!important;border-color:#0000!important}.hwchBG_quizBox .hwchBG_btnBox .hwchBG_next img{margin-left:12px}.hwchBG_submit{background-size:100%;background:url(https://cdn.hackers.com/rehackersjob_img/event/2018/0626/btn_bg.png) 0 no-repeat!important}.hwchBG_resultBanner{z-index:1000;position:absolute;top:50px;left:50%;transform:translate(-50%)}.hwchBG_resultBanner .hwchBG_closeBtn{width:100%;position:absolute}.hwchBG_resultBanner .hwchBG_closeBtn button{width:40px;height:40px;margin-left:auto;font-size:0;display:block}.hwchBG_surveyBox{text-align:left;background-color:#fff;border-radius:16px;width:870px;height:fit-content;margin:-40px auto 0;padding:60px;position:relative;box-shadow:0 8px 65px #48588f33}.hwchBG_surveyBox .hwchBG_surveyItem{margin-bottom:50px}.hwchBG_surveyBox .hwchBG_surveyItem:last-of-type{padding-bottom:40px}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyTitle{text-align:left;width:100%;margin-bottom:20px;font-size:16px;font-weight:700}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyTitle span{color:#1a7cea}.hwchBG_surveyBox .hwchBG_surveyItem input[type=radio],.hwchBG_surveyBox .hwchBG_surveyItem input[type=checkbox]{display:none}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList{flex-wrap:wrap;display:flex}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList li{align-items:center;width:25%;margin-bottom:10px;display:flex}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList li i{background-color:#fff;border:1px solid #e8e8e8;border-radius:50%;width:18px;height:18px;margin-right:8px;display:inline-block;position:relative}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList label{color:#555;cursor:pointer;align-items:center;display:flex;position:relative}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList input[type=checkbox]+i{border-radius:4px}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList input[type=checkbox]:checked+i,.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList input[type=radio]:checked+i{border-color:#1a7cea}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList input[type=checkbox]:checked+i:after,.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList input[type=radio]:checked+i:after{content:"";background-color:#1a7cea;border-radius:50%;width:8px;height:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList input[type=checkbox]:checked+i+label,.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList input[type=radio]:checked+i+label,.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList input[type=checkbox]:checked+label,.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList input[type=radio]:checked+label{color:#1a7cea;font-weight:700}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList input[type=checkbox]:checked+i:after{border-radius:initial;background-color:#0000;border-bottom:2px solid #1a7cea;border-right:2px solid #1a7cea;top:5%;left:19%;transform:rotate(45deg)}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyList{display:flex}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyGroup label{color:#555;cursor:pointer;border:1px solid #e8e8e8;border-radius:12px;height:35px;padding:0 15px;line-height:33px;display:block}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyGroup input[type=radio]:checked+label{color:#fff;background-color:#1a7cea;border-color:#1a7cea;font-weight:700}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyGroup{gap:12px;margin-bottom:15px;display:flex}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveySub{background-color:#fafafa;border-radius:12px;width:100%;padding:25px 30px}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveySubTitle{margin-bottom:20px;font-size:16px;font-weight:500}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyProblem{resize:none;box-sizing:border-box;background-color:#fafafa;border:1px solid #e8e8e8;border-radius:8px;width:100%;height:115px;padding:20px}.hwchBG_surveyBox .hwchBG_surveyItem .hwchBG_surveyProblem:focus{border:1px solid #1a7cea}
