/* 공통 */
* { 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_e { width: 1000px; position: relative; text-align:center; margin:0 auto; }
.p_r { position: relative; }
.p_c { position: absolute; left:50%; transform: translateX(-50%); }
.p_a { position: absolute; }
.ov{overflow:hidden;}
.footer { margin-top: 0 !important; }
.container{padding-top:0 !important;width:100% !important;}
.tit-box-h3, .tit-box-h4{display:none;}
.quick-wrap, .q_quest, .quick-bottom {display:none;}

/***** 공통 *****/
.btn_wrap {background: none; border: none;}
.btn_wrap button {display: none;}
.btn_wrap button.active {display: block;}
.btn_wrap .prev {position: fixed; left: 0; top: 50%; transform: translateY(-50%);}
.btn_wrap .next {position: fixed; right: 0; top: 50%; transform: translateY(-50%);}

/***** main 페이지 *****/
.evt_guide {display: none; background: #111 url('https://cdn.hackershrd.com/hrd/images/event/2025/0512/re2026/test_bg.jpg') no-repeat center top; }
.evt_guide.on {display: block;}
.evt_main .main_btn {display: block; bottom: 7%; }

/***** test 페이지 *****/
.test_wrap {display: none; background: #111 url('https://cdn.hackershrd.com/hrd/images/event/2025/0512/re2026/test_bg.jpg') no-repeat center top; padding-bottom: 170px;}
.test_wrap.on {display: block;}
.test_wrap h4 {padding-top: 115px;}
.test_area > li {width: 100%; box-sizing: border-box; padding: 50px 70px; margin-bottom: 10px; background-color: #fff; border-radius: 25px;}
.test_area dl dt {font-size: 1.5rem; font-weight: bold; color: #222; margin-bottom: 22px; text-align: left; }
.test_area dl dd {margin-left: 4%; }
.test_area dl dd ul {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.test01 .test_area dl dd li {margin-bottom: 15px; width: 33%; text-align:left;}
.test01 .test_area dl dd li:nth-last-of-type(1), .test_area dl dd li:nth-last-of-type(2) {margin-bottom: 0;}
.test01 .test_area dl dd li input[type="checkbox"] {width: 20px; height: 20px; margin-right: 15px; cursor: pointer; }
.test01 .test_area dl dd li label {font-size: 1.2rem; color: #444; vertical-align: bottom;}
.test01 .test_area dl dd li input[type="checkbox"]:checked + label {color: #1FA3FE;}
.test01 .test_area dl dd li input[type="text"] {border: none; border-bottom: 2px solid #eaeaea; font-size: 0.95rem; margin-left: 10px;}
.test01 .test_area dl dd li input[type="text"]::placeholder {color: #c3c3c3;}
.test01 .info_wrap dl dd li{width:50%;display:flex;align-items:center;justify-content:flex-start;}
.test01 .info_wrap dl dd li label{width:15%;font-size:1.2rem;color:rgba(17, 17, 17, 0.80);text-align:left;}
.test01 .info_wrap dl dd li input[type="text"]{width:65%;border:1px solid rgba(17, 17, 17, 0.30);border-radius:10px;font-size:1rem;padding:18px;}

.test01 .agree_wrap{width:88%;margin:0 auto;}
.test01 .agree_box{padding:35px 0 30px;border-bottom:1px dotted #fff;}
.test01 .agree_box.v2{border-bottom:none;padding-bottom:0;padding-top:4%;}
.test01 .agree_tit{margin-bottom:15px;text-align:left;}
.test01 .agree_tit p{display:inline-block;font-size:1.5rem;font-weight:bold;color:#fff;padding-bottom:0.1%;border-bottom:1px solid #fff;}
.test01 .agree_tit button{margin-left:10px;vertical-align:middle;padding-bottom:0.6%;}
.test01 .agree_desc{font-size:1rem;color:#fff;line-height:1.5;margin-bottom:30px;text-align:left;}
.test01 .agree_chk{display:flex;align-items:center;}
.test01 .agree_chk .agree_input{width:29px;height:29px;margin-right:10px;accent-color:#1FA3FE;vertical-align:middle;cursor:pointer;}
.test01 .agree_chk .agree_label{font-size:1.25rem;color:#fff;font-weight:bold;vertical-align:middle;}
/* 동의 안내 문구 팝업 */
.noticePop_w{position:relative;display:none;}
.noticePop{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:12;padding:25px 35px;background:#969696;border-radius:15px;}
.noticePop p{font-size:1rem;color:#fff;line-height:1.5;text-align:left;}
.noticePop_bg{background-color:#000;opacity:0.3;z-index:10;position:fixed;top:0;left:0;width:100%;height:100%;}
.noticePop_close {position:absolute;top:-50px;right:0;width:30px;height:50px;display:block;cursor:pointer;font-size:30px;font-weight:bold;color:#fff;}

.test02 h4 {padding-top: 200px; margin-bottom: 40px;}
.test02 h4 .timer {position: absolute; left: 50%; top: 110px; transform: translateX(-50%); padding:15px 30px; font-size: 1rem; font-weight: normal; color: #ffffffb3; background-color: #2C2C2C; border-radius: 10px;white-space: nowrap;display:flex;align-items:center;}
.test02 h4 .timer .time {display:inline-block;font-size:1.5rem;font-weight: bold; color:#fff;margin-left: 15px; letter-spacing: 2px;}
.test02 h4 .progress_wrap {display: flex; align-items: center; gap: 10px; justify-content: center; margin-bottom: 35px;}
.test02 h4 .progress_wrap .progress_bar {width: 485px; height: 10px; border-radius: 10px; background-color: #5e5e5e; position: relative;}
.test02 h4 .progress_wrap .progress_bar .bar {display: block; width: 20%; height: 100%; border-radius: 10px; position: absolute; left: 0; top: 0; background:linear-gradient(90deg, #FF9C4B 0%, #FF521A 100%);}
.test02 h4 .progress_wrap .progress_per {font-size: 1.2rem; color: #fff; letter-spacing: 1px;margin-left:1%;}
.test02 .test_area {display: none;}
.test02 .test_area.on {display: block;}
.test02 .test_area dl dd{margin-left:0;}
.test02 .test_area dl dd ul {justify-content: center; gap: 10px;}
.test02 .test_area > li {padding:30px 55px;}
.test02 .test_area label {display: block; width: 72px; height: 46px; background-color: #e8e8e8; color: #b2b2b2; border-radius: 12px; font-size: 1.2rem; text-align: center; line-height: 46px;}
.test02 .test_area input[type="radio"]:checked + label {background-color: #20a3ff; color: #fff;}

/***** result 페이지 *****/
.result_wrap {display: none; background: #111 url('https://cdn.hackershrd.com/hrd/images/event/2025/0512/re2026/test_bg.jpg') no-repeat center top; padding-bottom: 120px;}
.result_wrap.on {display: block;}
.result_wrap h4{font-size: 3.5rem; color: #fff;padding-top:120px;text-align:center;}
.result_wrap h4 span{color:#20a3ff;}
.graph{width:650px;height:650px;margin:0 auto;position:relative;overflow:visible}
.graph canvas{width:100% !important;height:100% !important;position:relative;left:-38px}
.graph .score_area{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);text-align:center;}
.graph .score_area .type_name{font-size:1.2rem;color:#fff;}
.graph .score_area .score {font-size: 3rem; font-weight: bold; color: #fff; }
.type {width: 960px; height: 540px; border-radius: 25px; box-sizing: border-box; padding: 30px 60px; margin: 0 auto; background-color: #303030;}
.type .type_txt_wrap {background-color: #3d3d3d; color: #fff; padding: 25px 0; border-radius: 12px; text-align: center; font-size: 1.15rem; letter-spacing: 0.01px; position: relative;}
.type .type_txt_wrap::after {content: ''; display: inline-block; width: 22px; height: 22px; background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0512/emoticon.png') 0 0 no-repeat; background-size: 100% 100%; position: absolute; top: 48%; transform: translateY(-50%); margin-left: 4px;}
.type .bxslider-default{height:452px;overflow-y:hidden;}
.type .bxslider-default .bx-controls .bx-pager {text-align: center; bottom: -110px; z-index: 30 !important;}
.type .bxslider-default .bx-pager .bx-pager-item a {background: #414141; width: 12px; height: 12px; border-radius: 12px; margin-right: 10px;}
.type .bx-wrapper .bx-pager.bx-default-pager a:hover, .type .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;}
.type .bxslider-default .bx-controls .bx-controls-direction {top: unset; bottom: -108px; z-index: 31 !important;}
.type .bx-wrapper .bx-controls-direction a {width: 13px; height: 21px; background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0512/prev_w.png') 0 0 no-repeat; background-size: 100% 100%; margin-top:-15px;}
.type .bx-wrapper .bx-prev {left: 50%; transform: translateX(-50%); margin-left: -105px;}
.type .bx-wrapper .bx-next {right: 50%; transform: translateX(-50%) rotate(180deg); margin-right: -105px;}

.result02 h4, .result03 h4 {text-align: center;}
.result_wrap .lect_area {width: 830px; margin: 0 auto;padding-bottom:100px;}
.result_wrap .lect_area h5 {text-align: center; margin-bottom: 40px; font-size: 2.5rem; color: #fff;}
.result_wrap .lect_area .sdbox {width: 100%;}
.result_wrap .lect_area .sdbox .lect_list {display: flex; flex-wrap: wrap;}
.result_wrap .lect_area .sdbox .lect_list li {width: 250px; margin-bottom: 40px; margin-right: 40px;}
.result_wrap .lect_area .sdbox .lect_list li:nth-child(3n) {margin-right: 0;}
.result_wrap .lect_area .sdbox .lect_list li a{display:block;width:100%;position:relative}
.result_wrap .lect_area .sdbox .lect_list li a::after{content:'';display:block;width:50px;height:42px;background:url('https://cdn.hackershrd.com/hrd/images/event/2025/0512/re2026/cursor.png') 0 0 no-repeat;background-size:100% 100%;position:absolute;right:13px;top:130px}
.result_wrap .lect_area .sdbox .lect_list li .img_area{display:block;width:100%;height:145px;border-radius:20px;border:1px solid rgba(255, 255, 255, 0.50);position:relative;overflow:hidden}
.result_wrap .lect_area .sdbox .lect_list li .img_area img{width:100%;height:100%;object-fit:cover}
.result_wrap .lect_area .sdbox .lect_list li .txt_area {display: block; color: #fff; margin-top: 30px; text-align: left;}
.result_wrap .lect_area .sdbox .lect_list li .txt_area strong {display: block; font-size: 1.25rem;}
.result_wrap .lect_area .sdbox .lect_list li .txt_area span {font-size: 1rem; line-height: 1.5; margin-top: 10px; display: inline-block;}
.result_wrap .lect_area .sdbox .bxslider-default .bx-controls .bx-pager {text-align: center; bottom: -20px; z-index: 30 !important;}
.result_wrap .lect_area .sdbox .bxslider-default .bx-pager .bx-pager-item a {background: #414141; width: 12px; height: 12px; border-radius: 12px; margin-right: 10px;}
.result_wrap .lect_area .sdbox .bx-wrapper .bx-pager.bx-default-pager a:hover, .result_wrap .lect_area .sdbox .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;}
.result_wrap .lect_area .sdbox .bxslider-default .bx-controls .bx-controls-direction {top: unset; bottom: -50px; z-index: 31 !important;}
.result_wrap .lect_area .sdbox .bx-wrapper .bx-controls-direction a {width: 13px; height: 21px; background: url('https://cdn.hackershrd.com/hrd/images/event/2025/0512/prev_w.png') 0 0 no-repeat; background-size: 100% 100%;}
.result_wrap .lect_area .sdbox .bx-wrapper .bx-prev {left: 50%; transform: translateX(-50%); margin-left: -105px;}
.result_wrap .lect_area .sdbox .bx-wrapper .bx-next {right: 50%; transform: translateX(-50%) rotate(180deg); margin-right: -105px;}
.result_wrap .lect_area .sdbox .bx-pager-item:only-child{display:none}
.result_wrap .lect_area .sdbox .bx-controls-direction .bx-prev.disabled,
.result_wrap .lect_area .sdbox .bx-controls-direction .bx-next.disabled{display:none}

.result_wrap .result_btn{display:inline-block;margin:0 auto;}