/* 공통 */
* { box-sizing: border-box } 
.event-wrap { overflow: hidden; width: 100%; } 
.inner_w { width: 2560px; position: relative; text-align: center; left: 50%; transform: translateX(-50%); margin: 0; } 
.inner { width: 1000px; margin: 0 auto; } 
.p_r { position: relative; } 
.p_c { position: absolute; left:50%; transform: translateX(-50%); } 
.p_a { position: absolute; } 
.footer { margin-top: 0 !important; } 

.event-wrap { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/main.jpg') repeat-y center center; background-size: 100%; } 
.event-wrap img { width: 100%; } 

/* main */
.evt_main { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/evt_main.gif') no-repeat center center; background-size: 100%; } 
.evt_main.result_wrap { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/evt_main.gif') no-repeat center center; background-size: 100%; padding-bottom: 300px; } 
.evt_main .evt_btn { display: block; width: 700px; height: 130px; bottom: 140px; } 
.evt_main .login_btn { width: 630px; height: 160px; bottom: 70px; display: block; } 

/* test */

.test_list { top:340px; } 
.test_list > .test_item { display: none; width: 680px; } 
.test_list > .test_item.active { display: block; } 
.test_list > .test_item .question_wrap { width: 100%; border-radius: 50px; background: #fff; padding:30px 50px 40px; } 
.test_list > .test_item .question_wrap span.num { display: block; width: 120px; margin: 0 auto 10px; } 
.test_list > .test_item .question_wrap .question { font-size: 32px; font-weight: 700; color: #333; padding-bottom: 30px; line-height: 44px; margin: 15px auto; } 
.test_list > .test_item .question_wrap .question.line { border-bottom: 1px dashed #888; margin: 30px auto; } 
.test_list > .test_item .question_wrap .subject { font-size: 24px; font-weight: 700; color: #333; padding-bottom: 20px; line-height: 44px; } 
.test_list > .test_item .question_wrap .answer li { margin-bottom: 10px; } 
.test_list > .test_item .question_wrap .answer li input { display: none; } 
.test_list > .test_item .question_wrap .answer li label { display: flex; align-items: center; gap: 20px; padding: 20px 30px; border-radius: 20px; border: 1px solid #d0d0d0; color: #333; font-size: 24px; cursor: pointer; width: 100%; font-weight: 500; } 
.test_list > .test_item .question_wrap .answer li input:checked + label { background: #ff981f; color: #fff; border-color: #ff981f; font-weight: 700; } 
.test_list > .test_item .question_wrap .answer li label span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #efefef; color:#8d8d8d; border-radius: 50%; font-size: 20px; font-weight: 700; } 
.test_list > .test_item .question_wrap .answer li input:checked + label span { background: #fff; color: #ff981f; } 
.test_list > .test_item .test_btn { display: flex; justify-content: center; align-items: center; gap: 30px; margin-top: 30px; } 
.test_list > .test_item .test_btn a { display: block; width: 300px; position: relative; } 
.test_list > .test_item .test_btn a::after { content: ''; display: block; width: 50px; height: 50px; background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/cursor.png') no-repeat center center; background-size: 100%; position: absolute; bottom: -10px; right: -10px; opacity: 0; transition: opacity 0.3s; } 
.test_list > .test_item .test_btn a:hover::after { opacity: 1; } 
.test_list > .test_item .test_btn a img { width: 100%; } 

/* result */

.result_list { top: 340px; border-radius: 50px; background: #fff; padding:30px 50px 10px; width: 640px; margin: 0 auto; border: 1px solid #169fff; } 
.result_list > li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d0d0d0; } 
.result_list > li:last-child { border-bottom: none; } 
.result_list > li .q_tit { display: flex; align-items: center; gap: 20px; font-size: 24px; font-weight: 700; color: #333; padding-bottom: 10px; line-height: 34px; justify-content: left; } 
.result_list > li .q_tit span { text-align: left; } 
.result_list > li .q_tit b { display: block; width: 60px; height: 60px; margin-left: -7px; } 
.result_list > li:nth-of-type(1) .q_tit b.answer_o { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/o_01.png') no-repeat center center; background-size: 100%; } 
.result_list > li:nth-of-type(2) .q_tit b.answer_o { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/o_02.png') no-repeat center center; background-size: 100%; } 
.result_list > li:nth-of-type(3) .q_tit b.answer_o { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/o_03.png') no-repeat center center; background-size: 100%; } 
.result_list > li:nth-of-type(4) .q_tit b.answer_o { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/o_04.png') no-repeat center center; background-size: 100%; } 
.result_list > li:nth-of-type(5) .q_tit b.answer_o { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/o_05.png') no-repeat center center; background-size: 100%; } 
.result_list > li:nth-of-type(6) .q_tit b.answer_o { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/o_06.png') no-repeat center center; background-size: 100%; } 
.result_list > li:nth-of-type(1) .q_tit b.answer_x { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/x_01.png') no-repeat center center; background-size: 100%; } 
.result_list > li:nth-of-type(2) .q_tit b.answer_x { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/x_02.png') no-repeat center center; background-size: 100%; } 
.result_list > li:nth-of-type(3) .q_tit b.answer_x { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/x_03.png') no-repeat center center; background-size: 100%; } 
.result_list > li:nth-of-type(4) .q_tit b.answer_x { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/x_04.png') no-repeat center center; background-size: 100%; } 
.result_list > li:nth-of-type(5) .q_tit b.answer_x { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/x_05.png') no-repeat center center; background-size: 100%; } 
.result_list > li:nth-of-type(6) .q_tit b.answer_x { background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0604/x_06.png') no-repeat center center; background-size: 100%; } 
.result_list > li .result_list_sub li { display: flex; align-items: center; justify-content: left; margin-bottom: 10px; } 
.result_list > li .result_list_sub li > span { width: 100px; font-size: 22px; font-weight: 700; color: #333; line-height: 34px; text-align: left; } 
.result_list > li .result_list_sub li:nth-last-of-type(1) span.answer_o { color: #169fff; } 
.result_list > li .result_list_sub li:nth-last-of-type(1) span.answer_x { color: #ef1339; } 
.result_list > li .result_list_sub li > p { font-size: 22px; font-weight: 500; color: #333; line-height: 34px; text-align: left; } 
.result_list > li .result_list_sub li > p span { font-weight: 700; } 
.result_list > li .result_list_sub.answer_o li > p span { color: #169fff; } 
.result_list > li .result_list_sub.answer_x li > p span { color: #ef1339; } 

.notice { left:53.5%; } 
.notice li { text-align: left; margin-bottom: 5px; font-size: 16px; font-weight: 500; color: #333; line-height: 24px; } 
.notice li:last-child { margin-bottom: 0; } 

.result_cont01 .apply_btn { top: 690px; display: block; width: 700px; height: 130px; } 
.result_cont01 .coupon_btn { bottom: 380px; width: 630px; display: flex; align-items: center; justify-content: space-between; } 
.result_cont01 .coupon_btn li { width:49%; } 
.result_cont01 .coupon_btn li a { display: block; width: 100%; height: 410px; } 
.result_cont01 .notice { bottom:137px; } 

.result_cont02 p { top: 356px; text-align: center; font-size: 27px; font-weight: 700; color: #333; } 
.result_cont02 .id_form { bottom: 380px; display: flex; align-items: center; justify-content: space-between; width: 690px; } 
.result_cont02 .id_form input { width: 1050px; border: none; padding: 27px; border-radius: 8px; font-size: 24px; } 
.result_cont02 .id_form a { display: block; width: 220px; height: 100px; margin-left: 100px; } 
.result_cont02 .copy_link { bottom: 260px; display: block; width: 700px; height: 100px; } 
.result_cont02 .notice { bottom:60px; } 


.footer_wrap a{display: block; width: 100%;}