.evSection .tbl{position: relative; border-bottom: 1px solid #ddd;}
.evSection .tbl tr th{background-color: #f5f5f5; font-size: 16px; font-weight: 700; border-width: 0 1px;}
.evSection .tbl tr th:first-of-type,
.evSection .tbl tr td:first-of-type{border-left: 0}
.evSection .tbl tr th:last-of-type,
.evSection .tbl tr td:last-of-type{border-right: 0}
.evSection .tbl tr td{ background-color: #fff;border-width: 0 1px; padding: 10px;}
.evSection .tbl tr td select{text-align: left;display: block;width: 90%; padding: 0 0 0 2px; height: 40px;font-size: 14px;}
.evSection .tbl tr td select.test_num{width: 50%;}
.evSection .tbl tr td select option[disabled]{color:#999}

.evSection .tbl tr{border-top: 1px solid #ddd;}
.evSection .tbl tr:first-of-type{border-top: 0}

.evSection .ruleBox{background-color: #fff;margin: 20px 0 50px;padding: 50px 40px;}
.evSection .ruleBox .cautn{font-size: 15px;text-align: left;}
.evSection .ruleBox .cautn dd + dd {margin-top: 5px;}
.evSection .ruleBox .cautn .cr_red {color: #f00; font-weight: 700;}
.evSection .ruleBox .cautn .pl18{padding-left: 18px;}
.evSection .ruleBox .btn_tbl td{padding: 10px 0;}
.evSection .ruleBox .btn_tbl td a{display: inline-block;width: 185px;padding: 15px 0;background: #000;font-weight: 700;color: #fff;border-radius: 15px;font-size: 18px;}
.evSection .ruleBox .btn_tbl td a.yet{cursor: default;background-color: #bdbdbd;}
/* .evSection .inputBox{width: 510px;margin: 0 auto;}
.evSection .inputBox a{display: block; padding: 25px 0;color: #fff;font-weight: 900;background: #0717b3 url(https://img.megagong.net/m/2022/0811_shin242/btn_bg1.jpg) no-repeat center right;font-size: 24px;}
.evSection .inputBox a.chk{color: #0717b3;background: #fff url(https://img.megagong.net/m/2022/0811_shin242/btn_bg2.jpg) no-repeat center right;;}
.evSection .inputBox a span{display: block;margin-right: 25px;}

.evSection .inputBox a.confirm{background-color: #000;}
.evSection .inputBox a.reset{background-color: #999;}
.evSection .inputBox a.disabled{cursor:default;}
.evSection .inputBox a.confirm, .evCon3 .inputBox a.reset{background-image:none;}
.evSection .inputBox a.confirm span, .evCon3 .inputBox a.reset span{margin-right:0;}
.evSection .inputBox.multi{font-size:0;width:100%;}
.evSection .inputBox.multi a{width:48%;margin:0 1%;display:inline-block} */
.evSection .inputBox {display: flex; justify-content: center; align-items: center; gap: 20px; margin: 0 auto;}
.evSection .inputBox a {width: 280px; font-weight: 700; font-size: 18px; color: #fff; background: #0082ff; padding: 18px 0; border-radius: 10px;}
.evSection .inputBox a.download {background: #000;}
.evSection .inputBox a.confirm {background: #999;}

.exam_result{margin-top: 140px;}
.exam_result h4{text-align: left;font-size: 22px;padding-left: 18px;position: relative; color: #fff;}
.exam_result h4::before{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 3px;height: 18px;background: #fff;}
.exam_result .tabtit{margin: 20px 0 40px;text-align: left;position: relative;overflow: hidden;}
.exam_result .tabtit span{font-size: 20px;display: inline-block;box-sizing: border-box;width: 230px;padding: 15px 0;border: 2px solid #000;border-width: 2px 2px 0;text-align: center;font-weight: 700;}
.exam_result .tabtit::before{content: '';display: block;position: absolute;bottom: 0;left: 230px;width: 76.5%;background: #000;height: 2px;}
.resultBox {position: relative;}
.resultBox.graph {background: #fff; padding: 40px; border: 1px solid #bbb;}
.resultBox .dimwrap { position: absolute; background: #000;opacity: .8; width: 100%; left: 0; height: 100%; top: 0; z-index: 2;}
.resultBox .dimwrap span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 18px;color: #f5fb51;}
.resultBox .dimwrap.front{z-index: 3;}
.resultBox .myscore_tbl{margin-bottom: 30px; border-bottom: 1px solid #ddd;}
.resultBox .result_tbl {border-bottom: 1px solid #ddd;}
.resultBox .myscore_tbl .dimwrap {left: auto; right: 0; width: 75%;}
.resultBox .result_tbl .dimwrap {left: auto; right: 0; width: 47.2%;}


.resultBox .result_tbl td.X{color:#ff0000}
.resultBox .result_tbl td.O{color:#1e00ff}



.graphTxt { margin-top:20px; width:100%; overflow:hidden; background:#d9e4f6; box-sizing:border-box; padding:15px 20px; color:#000; font-size:13px; font-weight:300; text-align:left; }
.sTit { margin-top:35px; overflow:hidden; }
.sTit h4 { float:left; font-size:18px; }
.sTit p { float:right; color:#fe3000; font-weight:700; font-size:12px; margin-top:4px; }

/*tab Ãß°¡*/
.tab_wrap2 { margin-top: 30px; }
.tab_list2 { position:relative; display: flex;}
.tab_list2 li {flex: 1; cursor: pointer;}
.tab_list2 li span {font-weight: 300; font-size: 21px; color: #bbb; padding: 15px 0; border: 1px solid #bbb; border-bottom: none; display: block;}
.tab_list2 li.on span {font-weight: 700; color: #fff; background: #000; border-color: #000;}
.tab_list2 li:first-child span {border-right: none;}
.tab_list2 li:last-child span {border-left: none;}

.tab_area2 {position: relative; padding: 60px 0 140px;}
.tab_area2::before {content: ''; position: absolute; left: -500%; top: 0; width: 1000%; height: 100%; background: #f5f5f5;}
.tab_cont2 {display: none;}
.tab_area2 > div:first-child {display: block;}

.chartBox { overflow-x: hidden; padding:20px 0; background:#fff; }
.chartBox.wid { overflow-x: scroll; }

/* table common */
.mytbl_box table { margin-top:20px; font-size: 15px; border: 1px solid rgba(204,204,204, 1);background: #fff;text-align: center;margin-bottom: 20px;}
.mytbl_box table th,
.mytbl_box table td {padding: 10px 0;position: relative;}
.mytbl_box table td:last-child{border-right: none}
.mytbl_box table th { font-weight: 700;background: rgba(245,245,245,1);border: 1px solid rgba(204,204,204, 1);border-width: 0 1px;background-clip: padding-box;}
.mytbl_box table th.bdt { border-width: 1px 1px 0;}
.mytbl_box table td { border: 1px solid rgba(204,204,204, 1);}
.mytbl_box table th.co_mint{background-color: rgba(197,252,255);background-clip: padding-box;}
.mytbl_box table td.co_mint2{background-color: rgba(234,254,255,1);background-clip: padding-box;}
.mytbl_box table.score_box th,
.mytbl_box table.score_box td{padding: 20px 0;}

/* accumulate tab */
.tab_wrap2 .non_tst { text-align: right; font-weight: 900; color: rgba(254,48,0,1); font-size: 16px; margin:15px 0 10px; }
/* .tab_wrap2 .hyphen_red { position: relative; color: rgba(254,48,0,1); } */
/* .tab_wrap2 .hyphen_red::before { content: '-'; display: block; color: rgba(254,48,0,1); font-size:15px; } */

.tab_wrap2 .mytbl_box{position: relative;}
.tab_wrap2 .mytbl_box .dim_ing{position: relative;background: rgba(0, 0, 0, 0.5) ;}
.tab_wrap2 .mytbl_box .dim_ing.mid::before{content: ''; display: block; position: absolute; background: url(https://img.megagong.net/m/2021/1214_lyj4718/dim_ing.png) no-repeat center; width: 174px; height: 25px; top: 50%; left: 50%; transform: translate(-50%,-50%);z-index: 2;}
.tab_wrap2 .mytbl_box .dim_ing.confirm::before { content: 'Á¤´äÀ» Á¦ÃâÇÑ È¸¿ø¸¸ È®ÀÎÇÒ ¼ö ÀÖ½À´Ï´Ù.'; display: block; position: absolute; color:#fff600; font-weight:700; width: 274px; height: 18px; top: 50%; left: 50%; transform: translate(-50%,-50%);z-index: 2;}
.tab_wrap2 .lineWrap{/*border: 1px solid rgba(204,204,204, 1);padding: 10px 15px;width: 100%;*/}


.popup-wrap { padding:30px; }

.popup-wrap.answer{border-radius: 0;}
.popup-wrap.answer .btn_close{background-image: none;}
.popup-wrap.answer .btn_close::before{color: #fff;content: '\00D7';display: block;position: absolute;top: 0;right: 0;font-size: 45px;font-weight: 100;}
.popup-wrap.answer .tiny_noti{text-align: left;display: block;margin: 0 0 8px;opacity: .6;}
.popup-wrap.answer .pop_tit{font-size: 36px;position: relative;margin-bottom: 25px; font-weight:700; }
/* .popup-wrap.answer .pop_tit::before{content: '';display: block;position: absolute;left: 50%;width: 25%;height: 45%;bottom: 0;background: #dafcff;transform: translateX(-50%);z-index: -1;} */
.popup-wrap.answer .timeWrap{position: relative;}
.popup-wrap.answer .timer_box{position: absolute;bottom: 0;right: 0;}
.popup-wrap.answer .timer_box span{font-weight: 700;color: #ff0000;}
.popup-wrap.answer .pop_btn{margin: 0 auto;width: 240px;}
.popup-wrap.answer .pop_btn a{display: block;background: #000;color: #fff;padding: 15px 0;font-size: 20px;}

.popup-wrap.answer .input_tbl.tbl tbody{border: 1px solid #ddd;border-width: 1px 1px 0;}
.popup-wrap.answer .input_tbl.tbl tr{border: 0;}
.popup-wrap.answer .input_tbl.tbl tr th{background-color: #ededed;font-size: 18px;font-weight: 700;border-width: 0 1px;}
.popup-wrap.answer .input_tbl.tbl tr th:first-of-type,.popup-wrap.answer .input_tbl.tbl tr td:first-of-type{border-left: 0}
.popup-wrap.answer .input_tbl.tbl tr td{background-color: #fff;border-width: 1px; padding: 0;}
.popup-wrap.answer .input_tbl.tbl tr .bdr{border-right: 1px solid #ddd;}
.popup-wrap.answer .input_tbl.tbl tr .bdb0{border-bottom: 0;}

.evSection .tit_tbl tr th{padding: 0;height: 40px;line-height: 40px;font-size: 16px;}
.evSection .tit_tbl tr td{padding: 0;height: 40px;font-size: 16px; padding: 5px 0;}
.evSection .input_tbl{margin: 30px auto;border: 0; border-bottom: 1px solid #ddd;}
.evSection .input_tbl tr th{padding: 0;height: 40px;line-height: 40px;font-size: 16px;}
.evSection .input_tbl tr td{padding: 0;height: 40px;line-height: 40px;font-size: 16px;}
.evSection .input_tbl tr td input[type=text]{border: 0;text-align: center;}

@media screen and (max-width: 1200px){

}
@media screen and (max-width: 992px){
    .evSection .tbl tr th{font-size: 13px;padding: 5px;}
    .evSection .tbl tr td {font-size: 13px; padding: 5px;}
    .evSection .tbl tr td select {width: 100%; height: 35px; font-size: clamp(11px, 1.6vmin, 13px);}
    .evSection .tbl tr td select.test_num {width: 100%;}

    .evSection .ruleBox{padding: 5%;margin: 5% auto;}
    .evSection .ruleBox .cautn {font-size: clamp(13px, 1.8vmin, 15px);}
    .evSection .ruleBox .btn_tbl td a{width: 80%;padding: 10px 0;border-radius: 10px;font-size: 15px;}
    .evSection .inputBox {gap: 2vw;}
    .evSection .inputBox a {padding: 2vw 0; font-size: clamp(14px, 2vmin, 18px);}
    .evSection .stit span{font-size: 20px;}
    .evSection .stepRoll .slick-slide{margin-right: 1vw;}
    .evSection .stepRoll .slick-slide:last-of-type{margin-right: 0;}
    .evSection .ruleBox .cautn dd br{display: none;}
    .evSection .ruleBox .cautn .pl18{padding-left: 0;}

    .exam_result {margin-top: 14%;}
    .exam_result h4 {font-size: clamp(14px, 2.4vmin, 22px); padding-left: clamp(10px, 2vmin, 18px);}

    .tab_list2 li span {font-size: clamp(16px, 2.4vmin, 21px); padding: 1.5vw 0;}
    .tab_area2 {padding: 6% 0 10%;}

    .resultBox.graph {padding: 4%;}
    .tab_wrap2 .mytbl_box .dim_ing.confirm::before {font-size: clamp(11px, 1.8vmin, 16px);}
    
    .resultBox .dimwrap span {font-size: clamp(13px, 2vmin, 18px);}
}
@media screen and (max-width: 768px){
    .choice_tbl colgroup {display: none;}
    .choice_tbl tr {display: flex; flex-wrap: wrap;}
    .choice_tbl tr th {width: 30%; display: flex; justify-content: center; align-items: center; border: none;}
    .choice_tbl tr td {width: 70%; border: none;}
    .choice_tbl tr th:first-of-type,
    .choice_tbl tr td:first-of-type {border-bottom: 1px solid #ddd;}

    .popup-wrap.answer{padding: 7% 5%;}
    .popup-wrap.answer .btn_close::before{font-size: 30px;}
    .popup-wrap.answer .pop_tit{font-size: 30px;margin-bottom: 3%;}
    .popup-wrap.answer .timer_box{position: relative;bottom: auto;right: auto;text-align: left;margin: -5px 0 8px;}
    .tit_tbl tr th,.tit_tbl tr td,
    .input_tbl tr th,.input_tbl tr td{height: 30px;line-height: 30px;padding: 0 !important;font-size: 13px;}
    .popup-wrap.answer .tit_tbl th,
    .popup-wrap.answer .tit_tbl td,
    .popup-wrap.answer .input_tbl th,
    .popup-wrap.answer .input_tbl td {line-height: 1.4;}
    .popup-wrap.answer .pop_btn{width: 45%;}
    .popup-wrap.answer .pop_btn a{font-size: 16px;padding: 8px 0;}

    .popup-wrap.answer .input_tbl.tbl tr th { font-size:13px; }
}
@media screen and (max-width: 576px){
    .evSection .tbl tr th { font-size: 11px; padding: 10px 0; }
    .evSection .tbl tr td {font-size: 11px; padding: 5px 0;}
    .evSection .tbl tr td select{font-size: 11px;height: 30px;}
    .evSection .tbl tr td select.test_num{width: 100%;}

    /* table common */
    .mytbl_box table { margin-top:10px; font-size: 13px; margin-bottom: 10px; }
    .mytbl_box table th,
    .mytbl_box table td { padding: 5px 0; }

    .mytbl_box table.score_box th,
    .mytbl_box table.score_box td{padding: 10px 0;}

    .popup-wrap.answer .pop_tit{font-size: 24px;}
    .popup-wrap.answer .tiny_noti{font-size: 10px;}
    .popup-wrap.answer .input_tbl.tbl tr th { font-size:11px; padding:3px; }
    .popup-wrap.answer .input_tbl.tbl tr td { font-size:11px; height:20px; line-height:20px; }
}