@charset "UTF-8";

/* ============================================================== S:mytest 공통 ============================================================== */
#header{display: none !important;}
#sideMenu{display: none !important;}
#quickMenu{display: none !important;}
#footer{display: none !important;}
#container{padding: 0;}

.mytest_wrap{width: 100%;padding-bottom: 100px;margin: 0 auto;}

.mytest_wrap .mytest_hd{background-color: #3072F3;}
.mytest_wrap .mytest_hd .hd_inner{width: 100%;padding: 36px 32px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;gap: 16px;position: relative;}
.mytest_wrap .mytest_hd .hd_inner > div{line-height: 0;}

.mytest_wrap .mytest_hd .hd_left{flex: 0 0 auto;}
.mytest_wrap .mytest_hd .util_profile{}
.mytest_wrap .mytest_hd .profile_box{display: flex;align-items: center;flex-wrap: nowrap;}
.mytest_wrap .mytest_hd .profile_box .profile_name{display: flex;align-items: center;flex-wrap: nowrap;gap: 8px;}
.mytest_wrap .mytest_hd .profile_box .icon_profile{display: inline-block;width: 26px;height: 26px;background-repeat: no-repeat;background-image: url('/resources_new/images/icon/icon_profile.svg');background-size: cover;background-position: center;}
.mytest_wrap .mytest_hd .profile_box .member_info{display: flex;align-items: center;flex-wrap: nowrap;gap: 6px;font-size: 16px;font-weight: 400;line-height: 24px;color: #fff;}
.mytest_wrap .mytest_hd .profile_box .member_info .member_type{font-size: 18px;font-weight: 700;line-height: 26px;color: #fff;}
.mytest_wrap .mytest_hd .profile_box .btns_logout{flex: 0 0 auto;display: inline-block;font-size: 14px;font-weight: 700;line-height: 20px;color: #fff;}

.mytest_wrap .mytest_hd .hd_center{position: absolute;left: 50%;top: 50%;z-index: 10;transform: translate(-50%, -50%);}
.mytest_wrap .mytest_hd .hd_tit{font-size: 24px;font-weight: 500;line-height: 30px;color: #fff;letter-spacing: -0.54px;}

.mytest_wrap .mytest_hd .hd_right{}
.mytest_wrap .mytest_hd .btns_ly_close{display: inline-block;font-size: 0;line-height: 0;}
.mytest_wrap .mytest_hd .btns_ly_close .icon_ly_close{display: inline-block;width: 30px;height: 30px;pointer-events: none;}
.mytest_wrap .mytest_hd .btns_ly_close .icon_ly_close svg{width: 100%;height: 100%;pointer-events: none;}

.mytest_wrap .mytest_bd{width: 100%;padding: 16px 32px;box-sizing: border-box;}
.mytest_wrap .mytest_ft{width: 100%;padding: 16px 32px;box-sizing: border-box;}


@media (max-width: 1100px){
    .mytest_wrap{padding-bottom: 60px;}

    .mytest_wrap .mytest_hd .hd_inner{padding: 24px 16px;}

    .mytest_wrap .mytest_hd .profile_box .icon_profile{width: 24px;height: 24px;}
    
    .mytest_wrap .mytest_hd .hd_tit{font-size: 20px;}

    .mytest_wrap .mytest_bd{padding: 16px;}

    .mytest_wrap .mytest_ft{padding: 16px;}
}
@media (max-width: 768px){}
@media (max-width: 600px){
    .mytest_wrap .mytest_hd .profile_box .profile_name{gap: 6px;}
    .mytest_wrap .mytest_hd .profile_box .icon_profile{width: 20px;height: 20px;}
    .mytest_wrap .mytest_hd .profile_box .member_info{font-size: 14px;line-height: 20px;gap: 4px;}
    .mytest_wrap .mytest_hd .profile_box .member_info .member_type{font-size: 16px;line-height: 24px;}
    .mytest_wrap .mytest_hd .hd_tit{font-size: 18px;line-height: 26px;}
    .mytest_wrap .mytest_hd .btns_ly_close .icon_ly_close{width: 24px;height: 24px;}
}
@media (max-width: 360px){}

/* ============================================================== //E:mytest 공통 ============================================================== */

/* ============================================================== S:mytest 과목선택 ============================================================== */
.mytest_wrap .mytest_subject_box{width: 100%;max-width: 1200px;margin: 0 auto;padding: 64px 0;}
.mytest_wrap .mytest_subject_box .subject_tit_box{padding: 24px 0;}
.mytest_wrap .mytest_subject_box .subject_tit{font-size: 24px;font-weight: 700;line-height: 30px;color: #333;}

.mytest_wrap .mytest_subject_box .subject-form{}
.mytest_wrap .mytest_subject_box .subject_btns_wrap{display: flex;align-items: stretch;justify-content: center;gap: 24px;flex-wrap: nowrap;}
.mytest_wrap .mytest_subject_box .subject_btns_wrap .btns{flex: 1 1 auto;padding: 64px 32px;background-color: #fff;border-radius: 16px;border: 1px solid #666;cursor: pointer;}
.mytest_wrap .mytest_subject_box .subject_btns_wrap .btns .btns_name{display: inline-block;font-size: 20px;font-weight: 700;line-height: 30px;color: #333;}

.mytest_wrap .mytest_subject_box .subject_btns_wrap .new_btns{    cursor: pointer;}
.mytest_wrap .mytest_subject_box .subject_btns_wrap .new_btns .btns_name{display: inline-block;font-size: 20px;font-weight: 700;line-height: 30px;color: #333;}
.mytest_wrap .mytest_subject_box .subject_btns_wrap .new_btns > p {color: #666;line-height: 1.4;}

.mytest_wrap .mytest_subject_box .subject_btns_wrap.multi_wrap .btns:hover{border: 1px solid transparent}

.mytest_wrap .mytest_subject_box .subject_btns_wrap.multi_wrap{flex-wrap: wrap;}
.mytest_wrap .mytest_subject_box .subject_btns_wrap.multi_wrap .btns{width: calc(50% - 12px);}

/* ============================================================== //E:mytest 과목선택 ============================================================== */

/* ============================================================== S:mytest list ============================================================== */
.mytest_wrap .mytest_user_box{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;padding: 16px 0;}
.mytest_wrap .mytest_user_box .box_tit_cnt{flex: 0 0 auto;}
.mytest_wrap .mytest_user_box .box_tit{font-size: 20px;font-weight: 700;line-height: 30px;color: #333;}
.mytest_wrap .mytest_user_box .user_info_cnt{flex: 0 0 auto;}
.mytest_wrap .mytest_user_box .user_info{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.54px;}

.mytest_wrap .mytest_guide_box{width: 100%;padding: 16px 0;}
.mytest_wrap .mytest_guide_box .box_inner{width: 100%;padding: 16px 32px;background-color: #fafafa;border: 1px solid #d9d9d9;border-radius: 16px;box-sizing: border-box;overflow: hidden;}
.mytest_wrap .mytest_guide_box .guide_tit_box{padding: 16px 0;}
.mytest_wrap .mytest_guide_box .guide_tit{font-size: 22px;font-weight: 500;line-height: 30px;color: #333;letter-spacing: -0.54px;}
.mytest_wrap .mytest_guide_box .guide_txt_box{padding: 16px 0;border-top: 1px solid #d9d9d9;}
.mytest_wrap .mytest_guide_box .guide_txt{font-size: 16px;font-weight: 500;line-height: 24px;color: #666;letter-spacing: -0.54px;}
.mytest_wrap .mytest_guide_box .guide_txt + .guide_txt{margin-top: 6px;}
.mytest_wrap .mytest_guide_box .guide_txt.dot{padding-left: 8px;position: relative;}
.mytest_wrap .mytest_guide_box .guide_txt.dot::before{content: '';display: block;width: 3px;height: 3px;background-color: #666;border-radius: 50%;position: absolute;left: 0;top: 10px;}

.mytest_wrap .mytest_list_box{padding: 16px 0;}
.mytest_wrap .mytest_list{}

.mytest_wrap .mytest_item{width: 100%;background-color: #DDDDDD;border-radius: 20px;box-sizing: border-box;overflow: hidden;}
.mytest_wrap .mytest_item.active{background-color: #F7F7FE;border:solid 1px #3f51b5}
.mytest_wrap .mytest_item.prev_active{background-color: #d0e0f8;}
.mytest_wrap .mytest_item.disabled{background-color: #d0e0f8;}
.mytest_wrap .mytest_item.not_now{background-color: #dddddd;}
.mytest_wrap .mytest_item + .mytest_item{margin-top: 24px;}

.mytest_wrap .mytest_item .item_inner{width: 100%;padding: 24px 32px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 16px;}
.mytest_wrap .mytest_item .item_left{flex: 1 1 auto;}
.mytest_wrap .mytest_item .item_right{flex: 0 0 auto;}

.mytest_wrap .mytest_item .item_subject_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 8px;}
.mytest_wrap .mytest_item .test_subject{font-size: 24px;font-weight: 700;line-height: 30px;color: #403d3f;letter-spacing: -0.54px;}
.mytest_wrap .mytest_item .test_count{font-size: 24px;font-weight: 700;line-height: 30px;color: #403d3f;letter-spacing: -0.54px;}

.mytest_wrap .mytest_item .item_date_box{margin-top: 4px;}
.mytest_wrap .mytest_item .item_date_box{font-size: 16px;font-weight: 400;line-height: 24px;color: #666;}


.mytest_wrap .mytest_item .item_result_box{text-align: right;font-size: 0;line-height: 0;}
.mytest_wrap .mytest_item .result_status{display: inline-block;padding: 8px 16px;text-align: center;background-color: #fff;border-radius: 32px;border-width: 1px;border-style: solid;box-sizing: border-box;overflow: hidden;}
.mytest_wrap .mytest_item .result_status .sta_name{display: inline-block;font-size: 16px;font-weight: 500;line-height: 24px;}

.mytest_wrap .mytest_item .result_status.step_1{border-color: #E61B63;}
.mytest_wrap .mytest_item .result_status.step_1 .sta_name{color: #E61B63}

.mytest_wrap .mytest_item .result_status.step_2{border-color: #D28229;}
.mytest_wrap .mytest_item .result_status.step_2 .sta_name{color: #D28229}
.mytest_wrap .mytest_item .result_status.step_3{border-color: #33AF9A;}
.mytest_wrap .mytest_item .result_status.step_3 .sta_name{color: #33AF9A}

.mytest_wrap .mytest_item .result_status.step_4{border-color: #4990F3;}
.mytest_wrap .mytest_item .result_status.step_4 .sta_name{color: #4990F3}

.mytest_wrap .mytest_item .result_status.pass{border-color: #296DCD;}
.mytest_wrap .mytest_item .result_status.pass .sta_name{color: #296DCD}

.mytest_wrap .mytest_item .result_status.fail{border-color: #E61B63;}
.mytest_wrap .mytest_item .result_status.fail .sta_name{color: #E61B63}

.mytest_wrap .mytest_item .item_btns_box{display: inline-flex;align-items: center;flex-wrap: nowrap;gap: 16px;}
.mytest_wrap .mytest_item .item_btns{display: inline-flex;align-items: center;flex-wrap: nowrap;gap: 8px;padding: 8px 16px;background-color: #fff;border-radius: 32px;border-width: 1px;border-style: solid;box-sizing: border-box;overflow: hidden;}
.mytest_wrap .mytest_item .item_btns .btns_name{font-size: 16px;font-weight: 500;line-height: 24px;}

.mytest_wrap .mytest_item .item_btns.btns_testpaper{border-color: #E61B63;}
.mytest_wrap .mytest_item .item_btns.btns_testpaper .btns_name{color: #E61B63;}
.mytest_wrap .mytest_item .item_btns.btns_eval{border-color: #7E51F4;}
.mytest_wrap .mytest_item .item_btns.btns_eval .btns_name{color: #7E51F4;}
.mytest_wrap .mytest_item .item_btns.btns_question{border-radius: 8px;border-color: #09244B;}
.mytest_wrap .mytest_item .item_btns.btns_question .btns_name{color: #09244B;}

.mytest_wrap .mytest_item .item_btns .icon_box{display: inline-block;width: 16px;height: 16px;pointer-events: none;}
.mytest_wrap .mytest_item .item_btns .icon_box svg{width: 100%;height: 100%;pointer-events: none;}
.mytest_wrap .mytest_item .item_btns .icon_box.icon_testpaper{}
.mytest_wrap .mytest_item .item_btns .icon_box.icon_eval{}
.mytest_wrap .mytest_item .item_btns .icon_box.icon_question{}

.mytest_wrap .ft_btns_wrap{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 16px;}

.mytest_wrap .ft_btns_wrap .btns{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 4px;width: 100%;max-width: 180px;height: 54px;background-color: #fff;border-width: 1px;border-style: solid;border-radius: 50px;box-sizing: border-box;overflow: hidden;}
.mytest_wrap .ft_btns_wrap .btns .icon_box{display: inline-block;width: 24px;height: 24px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.mytest_wrap .ft_btns_wrap .btns .btns_name{display: inline-block;font-size: 16px;font-weight: 600;line-height: 24px;}

.mytest_wrap .ft_btns_wrap .btns.btns_test_close{border-color: #2D4390;}
.mytest_wrap .ft_btns_wrap .btns.btns_test_close .icon_box{background-image: url('../images/icon/icon_closed.svg');}
.mytest_wrap .ft_btns_wrap .btns.btns_test_close .btns_name{color: #2D4390;}

.mytest_wrap .ft_btns_wrap .btns.btns_test_result{border-color: #33AF9A;}
.mytest_wrap .ft_btns_wrap .btns.btns_test_result .icon_box{background-image: url('../images/icon/icon_results.svg');}
.mytest_wrap .ft_btns_wrap .btns.btns_test_result .btns_name{color: #33AF9A;}

@media (max-width: 1100px){
    .mytest_wrap .mytest_user_box{padding: 12px 0;}
    .mytest_wrap .mytest_user_box .box_tit{font-size: 18px;line-height: 26px;}

    .mytest_wrap .mytest_guide_box{padding: 12px 0;}
    .mytest_wrap .mytest_guide_box .box_inner{padding: 12px 24px;}
    .mytest_wrap .mytest_guide_box .guide_tit_box{padding: 12px 0;}
    .mytest_wrap .mytest_guide_box .guide_tit{font-size: 20px;}
    .mytest_wrap .mytest_guide_box .guide_txt_box{padding: 12px 0;}

    .mytest_wrap .mytest_list_box{padding: 12px 0;}
    .mytest_wrap .mytest_item .item_inner{padding: 16px 24px;gap: 8px;}
    .mytest_wrap .mytest_item .test_subject{font-size: 20px;}
    .mytest_wrap .mytest_item .test_count{font-size: 20px;}

    .mytest_wrap .mytest_item .result_status{padding: 6px 12px;border-radius: 24px;}
    .mytest_wrap .mytest_item .item_btns{padding: 6px 12px;}

}
@media (max-width: 768px){}
@media (max-width: 600px){
    .mytest_wrap .mytest_user_box{padding: 8px 0;}
    .mytest_wrap .mytest_user_box .box_tit{font-size: 16px;line-height: 24px;}
    .mytest_wrap .mytest_user_box .user_info{font-size: 14px;line-height: 20px;}

    .mytest_wrap .mytest_guide_box{padding: 8px 0;}
    .mytest_wrap .mytest_guide_box .box_inner{padding: 8px 16px;border-radius: 12px;}
    .mytest_wrap .mytest_guide_box .guide_tit_box{padding: 8px 0;}
    .mytest_wrap .mytest_guide_box .guide_tit{font-size: 16px;line-height: 24px;}
    .mytest_wrap .mytest_guide_box .guide_txt_box{padding: 8px 0;}
    .mytest_wrap .mytest_guide_box .guide_txt + .guide_txt{margin-top: 4px;}
    .mytest_wrap .mytest_guide_box .guide_txt{font-size: 14px;line-height: 20px;}
    .mytest_wrap .mytest_guide_box .guide_txt.dot{padding-left: 6px;}
    .mytest_wrap .mytest_guide_box .guide_txt.dot::before{width: 2px;height: 2px;top: 8px;}

    .mytest_wrap .mytest_list_box{padding: 8px 0;}
    .mytest_wrap .mytest_item{border-radius: 12px;}
    .mytest_wrap .mytest_item + .mytest_item{margin-top: 16px}
    .mytest_wrap .mytest_item .item_inner{display: block;padding: 16px;position: relative;}
    .mytest_wrap .mytest_item .item_left{width: 100%;}
    .mytest_wrap .mytest_item .test_subject{font-size: 16px;line-height: 24px;}
    .mytest_wrap .mytest_item .test_count{font-size: 16px;line-height: 24px;}
    .mytest_wrap .mytest_item .item_date_box{margin-top: 2px;font-size: 14px;line-height: 20px;}

    .mytest_wrap .mytest_item .item_right{width: 100%;}
    .mytest_wrap .mytest_item .item_btns_box{width: 100%;margin-top: 8px;gap: 8px;}
    .mytest_wrap .mytest_item .item_btns{flex: 1;justify-content: center;gap: 4px;border-radius: 8px;padding: 8px 12px;}
    .mytest_wrap .mytest_item .item_btns .btns_name{font-size: 14px;font-weight: 500;line-height: 20px;}
    
    /* .mytest_wrap .mytest_item .item_btns.btns_testpaper{background-color: #E61B63;}
    .mytest_wrap .mytest_item .item_btns.btns_testpaper .btns_name{color: #fff;}

    .mytest_wrap .mytest_item .item_btns.btns_eval{background-color: #7E51F4;}
    .mytest_wrap .mytest_item .item_btns.btns_eval .btns_name{color: #fff;} */

    .mytest_wrap .mytest_item .item_btns.btns_question{background-color: #09244B;}
    .mytest_wrap .mytest_item .item_btns.btns_question .btns_name{color: #fff;}
    .mytest_wrap .mytest_item .item_btns.btns_question .icon_box svg path{fill: #fff;}

    .mytest_wrap .mytest_item .item_result_box{position: absolute;top: 50%;right: 16px;transform: translateY(-50%);}
    .mytest_wrap .mytest_item .result_status{border-radius: 16px;}
    .mytest_wrap .mytest_item .result_status .sta_name{font-size: 14px;font-weight: 600;line-height: 20px;}

    /* .mytest_wrap .mytest_item .result_status.step_1{background-color: #E61B63;}
    .mytest_wrap .mytest_item .result_status.step_1 .sta_name{color: #fff;}

    .mytest_wrap .mytest_item .result_status.step_2{background-color: #D28229;}
    .mytest_wrap .mytest_item .result_status.step_2 .sta_name{color: #fff;}

    .mytest_wrap .mytest_item .result_status.step_3{background-color: #33AF9A;}
    .mytest_wrap .mytest_item .result_status.step_3 .sta_name{color: #fff;}

    .mytest_wrap .mytest_item .result_status.step_4{background-color: #4990F3;}
    .mytest_wrap .mytest_item .result_status.step_4 .sta_name{color: #fff;}

    .mytest_wrap .mytest_item .result_status.pass{background-color: #296DCD;}
    .mytest_wrap .mytest_item .result_status.pass .sta_name{color: #fff;}

    .mytest_wrap .mytest_item .result_status.fail{background-color: #E61B63;}
    .mytest_wrap .mytest_item .result_status.fail .sta_name{color: #fff;} */

    .mytest_wrap .ft_btns_wrap{gap: 8px;}
    .mytest_wrap .ft_btns_wrap .btns{flex: 1;max-width: unset;height: 44px;border-radius: 12px;}
    .mytest_wrap .ft_btns_wrap .btns .icon_box{width: 20px;height: 20px;}
}
@media (max-width: 360px){}
@media (max-width: 320px){
    .mytest_wrap .mytest_bd{padding: 8px;}
    .mytest_wrap .mytest_user_box{gap: 4px;}
    .mytest_wrap .mytest_user_box .box_tit{font-size: 14px;line-height: 20px;}
    .mytest_wrap .mytest_user_box .user_info{font-size: 12px;line-height: 18px;}

    .mytest_wrap .mytest_guide_box .box_inner{padding: 4px 8px;border-radius: 8px;}
    .mytest_wrap .mytest_guide_box .guide_tit_box{padding: 4px 0;}
    .mytest_wrap .mytest_guide_box .guide_tit{font-size: 14px;line-height: 20px;}
    .mytest_wrap .mytest_guide_box .guide_txt_box{padding: 4px 0;}
    .mytest_wrap .mytest_guide_box .guide_txt{font-size: 12px;line-height: 18px;}

    .mytest_wrap .mytest_list_box{padding: 4px 0;}
    .mytest_wrap .mytest_item{border-radius: 8px;}
    .mytest_wrap .mytest_item + .mytest_item{margin-top: 8px;}
    .mytest_wrap .mytest_item .item_inner{padding: 10px 8px;}
    .mytest_wrap .mytest_item .item_subject_box{gap: 4px;}
    .mytest_wrap .mytest_item .test_subject{font-size: 14px;line-height: 20px;}
    .mytest_wrap .mytest_item .test_count{font-size: 14px;line-height: 20px;}
    .mytest_wrap .mytest_item .item_date_box{font-size: 12px;line-height: 18px;}

    .mytest_wrap .mytest_item .item_result_box{right: 8px;}
    .mytest_wrap .mytest_item .result_status{padding: 4px 8px;}
    .mytest_wrap .mytest_item .result_status .sta_name{font-size: 12px;line-height: 18px;}

    .mytest_wrap .mytest_item .item_btns_box{margin-top: 6px;}
    .mytest_wrap .mytest_item .item_btns{padding: 6px 10px;}

    .mytest_wrap .ft_btns_wrap{display: block;}
    .mytest_wrap .ft_btns_wrap .btns + .btns{margin-top: 8px;}
    .mytest_wrap .ft_btns_wrap .btns .btns_name{font-size: 14px;line-height: 20px;}
}
/* ============================================================== //E:mytest list ============================================================== */

/* ============================================================== //S:mytest detail ============================================================== */
.mytest_wrap .detail_component .mytest_guide_box{}
.mytest_wrap .detail_component .mytest_guide_box .box_inner{background-color: #F7F7FE;border: 0;padding: 8px 16px;}
.mytest_wrap .detail_component .mytest_guide_box .guide_txt_box{border-top: 0;padding: 8px 0;}
.mytest_wrap .detail_component .mytest_guide_box .guide_txt{color: #333;}
.mytest_wrap .detail_component .mytest_guide_box .guide_txt.dot::before{background-color: #333;}

.mytest_wrap .evaluate_wrap{display: flex;align-items: stretch;flex-wrap: nowrap;gap: 16px;width: 100%;padding: 16px 0;box-sizing: border-box;}
.mytest_wrap .eval_box{width: 100%;background-color: #fafafa;border-radius: 16px;overflow: hidden;}
.mytest_wrap .eval_left{width: calc(100% - (16px/2));max-width: 65%;}
.mytest_wrap .eval_right{width: calc(100% - (16px/2));max-width: 35%;min-width: calc(400px - 8px);}
.mytest_wrap .full .eval_right{width: 100%;max-width: 100%;min-width: calc(400px - 8px);}

.mytest_wrap .eval_box .eval_hd{width: 100%;height: 80px;background-color: #EFEFEF;border-top-left-radius: 16px;border-top-right-radius: 16px;overflow: hidden;box-sizing: border-box;}
.mytest_wrap .eval_box .eval_hd .hd_inner{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;gap: 8px;width: 100%;height: 100%;padding: 18px 16px;box-sizing: border-box;}
.mytest_wrap .eval_box .eval_tit_box{}
.mytest_wrap .eval_box .eval_tit_box .eval_tit{font-size: 20px;font-weight: 700;line-height: 24px;color: #333;letter-spacing: -0.54px;}

.mytest_wrap .eval_box .eval_btns_box{}
.mytest_wrap .eval_box .eval_btns_box .btns{display: inline-flex;align-items: center;flex-wrap: nowrap;gap: 6px;padding: 8px 16px;background-color: #fff;border-radius: 32px;border-width: 1px;border-style: solid;box-sizing: border-box;overflow: hidden;}
.mytest_wrap .eval_box .eval_btns_box .btns .icon_box{display: inline-block;width: 16px;height: 16px;pointer-events: none;}
.mytest_wrap .eval_box .eval_btns_box .btns .icon_box svg{width: 100%;height: 100%;pointer-events: none;}
.mytest_wrap .eval_box .eval_btns_box .btns .btns_name{font-size: 16px;font-weight: 500;line-height: 24px;}
.mytest_wrap .eval_box .eval_btns_box .btns.btns_testpaper{border-color: #E61B63;}
.mytest_wrap .eval_box .eval_btns_box .btns.btns_testpaper .btns_name{color: #E61B63;}


.mytest_wrap .eval_box .eval_bd{width: 100%;height: calc(100% - 80px);padding: 24px 16px;background-color: #fafafa;border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;overflow: hidden;box-sizing: border-box;}
.mytest_wrap .eval_box .eval_bd .bd_inner{width: 100%;height: 100%;}

.mytest_wrap .eval_box .eval_guide_box{padding: 16px 0;}
.mytest_wrap .eval_box .eval_guide_box .guide_tit_box{}
.mytest_wrap .eval_box .eval_guide_box .guide_tit{font-size: 18px;font-weight: 500;line-height: 26px;color: #333;letter-spacing: -0.54px;}
.mytest_wrap .eval_box .eval_guide_box .guide_txt_box{}
.mytest_wrap .eval_box .eval_guide_box .guide_tit_box + .guide_txt_box{margin-top: 8px;}
.mytest_wrap .eval_box .eval_guide_box .guide_txt{font-size: 16px;font-weight: 400;line-height: 24px;color: #333;letter-spacing: -0.54px;}
.mytest_wrap .eval_box .eval_guide_box .guide_txt + .guide_txt{margin-top: 2px;}
.mytest_wrap .eval_box .eval_guide_box .guide_txt.dot{padding-left: 8px;position: relative;}
.mytest_wrap .eval_box .eval_guide_box .guide_txt.dot::before{content: '';display: block;width: 3px;height: 3px;background-color: #666;border-radius: 50%;position: absolute;left: 0;top: 10px;}

.mytest_wrap .eval_box .eval_guide_box .guide_txt_list{padding: 12px 0;}
.mytest_wrap .eval_box .eval_guide_box .guide_txt_item{}
.mytest_wrap .eval_box .eval_guide_box .guide_txt.numb{}


/* 평가 입력 필드 */
.mytest_wrap .eval_frm{position: relative;}
.mytest_wrap .eval_frm_wrap{width: 100%;}
.mytest_wrap .eval_frm_wrap .eval_frm_list{}
.mytest_wrap .eval_frm_wrap .eval_frm_item{width: 100% !important;}

.mytest_wrap .eval_frm_wrap .frm_box{}
.mytest_wrap .eval_frm_wrap .frm_flex_box{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;gap: 8px;}
.mytest_wrap .eval_frm_wrap .frm_box + .frm_box{margin-top: 16px;}
.mytest_wrap .eval_frm_wrap .frm_box.frm_flex_box + .frm_box.frm_flex_box{margin-top: 16px;}
.mytest_wrap .eval_frm_wrap .frm_box.frm_flex_box + .frm_box{margin-top: 24px;}

.mytest_wrap .eval_frm_wrap .frm_box .frm_label_box{}
.mytest_wrap .eval_frm_wrap .frm_flex_box .frm_label_box{flex: 1;margin-top: 0;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_label{font-size: 16px;font-weight: 400;line-height: 24px;color: #333;letter-spacing: -0.54px;}

.mytest_wrap .eval_frm_wrap .frm_box .frm_inp_box{}
.mytest_wrap .eval_frm_wrap .frm_box .frm_inp_box.flex_inp_box{display: flex;align-items: flex-start;flex-wrap: wrap;column-gap: 24px;row-gap: 12px;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_inp_box.flex_inp_box .frm_radio_box,
.mytest_wrap .eval_frm_wrap .frm_box .frm_inp_box.flex_inp_box .frm_chk_box{flex: 0 0 auto;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_inp_box.flex_inp_box .frm_radio_box.etc{flex: 1 1 auto;width: 100%;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_inp_box.flex_inp_box .frm_radio_box .frm_textarea{margin-top: 4px;}

.mytest_wrap .eval_frm_wrap .frm_box .frm_inp_box.flex_inp_box .frm_chk_box.etc{flex: 1 1 auto;width: 100%;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_inp_box.flex_inp_box .frm_chk_box .frm_textarea{margin-top: 4px;}

.mytest_wrap .eval_frm_wrap .frm_flex_box .frm_inp_box{flex: 0 0 auto;margin-top: 0;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_input{min-width: 120px;max-width: 120px;height: 44px;padding: 8px;background-color: #efefef;border-radius: 4px;text-align: center;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_input:focus{background-color: #fff;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_input:read-only{cursor: default;border-color: transparent;background-color: #ddd;color: #999;}
.mytest_wrap .eval_frm_wrap .frm_box .max_sta{display: inline-block;min-width: 32px;margin-left: 4px;font-size: 16px;font-weight: 500;line-height: 24px;color: #333;text-align: left;letter-spacing: -0.54px;}

.mytest_wrap .eval_frm_wrap .frm_box .frm_textarea{width: 100%;min-width: 120px;height: 70px;padding: 8px;font-family: "Pretendard Variable", Pretendard, sans-serif;font-size: 14px;font-weight: 400;line-height: 20px;background-color: #efefef;transition: border-color .2s, background-color .2s;background-color: #eee;outline: 1px solid transparent;border: 1px solid transparent;border-radius: 4px;overflow: hidden;overflow-y: auto;resize: none;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_textarea:focus{border-color: #2D4390;background-color: #fff;}

.mytest_wrap .eval_frm_wrap .frm_box .frm_radio_box{}
.mytest_wrap .eval_frm_wrap .frm_box .frm_radio_box .frm_radio_label{display: inline-block;position: relative;padding-left: 26px;font-size: 14px;font-weight: 400;line-height: 20px;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_radio_box .frm_radio_label::before{content: '';display: block;width: 20px;height: 20px;background-color: #fff;position: absolute;left: 0;top: 0;z-index: 2;border: 1px solid #d9d9d9;border-radius: 50px;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_radio_box .frm_radio_label::after{content: '';display: block;width: 20px;height: 20px;background-color: transparent;background-image: url('/resources/images/icon/frm_inp_chked_w.svg');background-size: cover;background-position: center;position: absolute;left: 0;top: 0;z-index: 3;opacity: 0;transition: opacity .15s;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_radio_box .frm_radio_label:has(.frm_radio_inp:checked)::before{background-color: #3072F3;border: none;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_radio_box .frm_radio_label:has(.frm_radio_inp:checked)::after{opacity: 1;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_radio_box .frm_radio_label .frm_radio_inp{display: none;}

.mytest_wrap .eval_frm_wrap .frm_box .frm_chk_box{}
.mytest_wrap .eval_frm_wrap .frm_box .frm_chk_box .frm_chk_label{display: inline-block;position: relative;padding-left: 26px;font-size: 14px;font-weight: 400;line-height: 20px;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_chk_box .frm_chk_label::before{content: '';display: block;width: 20px;height: 20px;background-color: #fff;position: absolute;left: 0;top: 0;z-index: 2;border: 1px solid #d9d9d9;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_chk_box .frm_chk_label::after{content: '';display: block;width: 20px;height: 20px;background-color: transparent;background-image: url('/resources/images/icon/frm_inp_chked_w.svg');background-size: cover;background-position: center;position: absolute;left: 0;top: 0;z-index: 3;opacity: 0;transition: opacity .15s;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_chk_box .frm_chk_label:has(.frm_chk_inp:checked)::before{background-color: #3072F3;border: none;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_chk_box .frm_chk_label:has(.frm_chk_inp:checked)::after{opacity: 1;}
.mytest_wrap .eval_frm_wrap .frm_box .frm_chk_box .frm_chk_label .frm_chk_inp{display: none;}

.mytest_wrap .eval_frm .frm_btns_box{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 16px;margin-top: 32px;}
.mytest_wrap .eval_frm .frm_btns_box .btns{display: inline-flex;align-items: center;flex-wrap: nowrap;gap: 6px;padding: 8px 16px;background-color: #fff;border-radius: 32px;border-width: 1px;border-style: solid;box-sizing: border-box;overflow: hidden;}
.mytest_wrap .eval_frm .frm_btns_box .btns .icon_box{display: inline-block;width: 16px;height: 16px;pointer-events: none;}
.mytest_wrap .eval_frm .frm_btns_box .btns .icon_box svg{width: 100%;height: 100%;pointer-events: none;}
.mytest_wrap .eval_frm .frm_btns_box .btns .btns_name{font-size: 16px;font-weight: 500;line-height: 24px;}

.mytest_wrap .eval_frm .frm_btns_box .btns.btns_mytest_list{border-color: #333;}
.mytest_wrap .eval_frm .frm_btns_box .btns.btns_mytest_list .btns_name{color: #333;}
.mytest_wrap .eval_frm .frm_btns_box .btns.btns_mytest_list .icon_box svg path{fill: #333;}

.mytest_wrap .eval_frm .frm_btns_box .btns.btns_eval_submit{border-color: #7E51F4;}
.mytest_wrap .eval_frm .frm_btns_box .btns.btns_eval_submit.disabled{background-color: #ddd;border-color: #ccc;color: #ccc;}
.mytest_wrap .eval_frm .frm_btns_box .btns.btns_eval_submit.disabled .btns_name{color: #999;}
.mytest_wrap .eval_frm .frm_btns_box .btns.btns_eval_submit.disabled .icon_box svg path {fill: #999}
.mytest_wrap .eval_frm .frm_btns_box .btns.btns_eval_submit .btns_name{color: #7E51F4;}
.mytest_wrap .eval_frm .frm_btns_box .btns.btns_eval_submit .icon_box svg path{fill: #7E51F4;}


.mytest_wrap .eval_frm .frm_util_box{margin-top: 32px;display: flex;align-items: center;justify-content: center;gap: 8px;flex-wrap: nowrap;}
.mytest_wrap .eval_frm .frm_util_box .paging_btns{flex: 0 0 auto;width: 24px;height: 24px;background-color: #fff;border: 1px solid #333;border-radius: 50%;}
.mytest_wrap .eval_frm .frm_util_box .paging_btns .icon_box{display: block;width: 100%;height: 100%;pointer-events: none;}
.mytest_wrap .eval_frm .frm_util_box .paging_btns .icon_box svg{width: 100%;height: 100%;pointer-events: none;}
.mytest_wrap .eval_frm .frm_util_box .paging_btns.btns_prev{}
.mytest_wrap .eval_frm .frm_util_box .paging_btns.btns_next{}

.mytest_wrap .eval_frm .frm_util_box .paging_numb{flex: 0 0 56px;display: flex;align-items: center;justify-content: center;gap: 2px;font-size: 16px;font-weight: 500;line-height: 24px;color: #333;letter-spacing: -0.54px;}
@media (max-width: 1100px){
    .mytest_wrap .eval_box .eval_hd{height: 70px;}
    .mytest_wrap .eval_box .eval_hd .hd_inner{padding: 16px;}
    .mytest_wrap .eval_box .eval_tit_box .eval_tit{font-size: 18px;}
    .mytest_wrap .eval_box .eval_btns_box .btns{padding: 6px 12px;}

    .mytest_wrap .eval_box .eval_bd{padding: 16px;}
    .mytest_wrap .eval_box .eval_guide_box{padding: 12px 0;}

    .mytest_wrap .eval_frm .frm_btns_box .btns{padding: 6px 12px;}
}
@media (max-width: 950px){
    .mytest_wrap .evaluate_wrap{display: block;padding: 12px 0;}
    .mytest_wrap .eval_right{min-width: unset;}
    .mytest_wrap .eval_box .eval_bd{height: auto;}
    .mytest_wrap .eval_left{width: 100%;max-width: 100%;}
    .mytest_wrap .eval_right{width: 100%;max-width: 100%;}
    .mytest_wrap .eval_box + .eval_box{margin-top: 16px;}
}
@media (max-width: 600px){
    .mytest_wrap .eval_box .eval_hd{height: 60px;}
    .mytest_wrap .eval_box .eval_hd .hd_inner{padding: 12px 16px;}
    
    .mytest_wrap .eval_box .eval_guide_box .guide_tit{font-size: 16px;line-height: 24px;}
    .mytest_wrap .eval_box .eval_guide_box .guide_txt{font-size: 14px;line-height: 20px;}
    .mytest_wrap .eval_box .eval_guide_box .guide_txt.dot{padding-left: 6px;}
    .mytest_wrap .eval_box .eval_guide_box .guide_txt.dot::before{width: 2px;height: 2px;top: 8px;}

    .mytest_wrap .eval_box .eval_tit_box .eval_tit{font-size: 16px;}
    .mytest_wrap .eval_box .eval_btns_box .btns{gap: 4px;}
    .mytest_wrap .eval_box .eval_btns_box .btns .btns_name{font-size: 14px;line-height: 20px;}

    .mytest_wrap .eval_box .eval_bd{padding: 16px 16px 32px;}
    .mytest_wrap .eval_frm_wrap .frm_box.frm_flex_box + .frm_box{}
    .mytest_wrap .eval_frm_wrap .frm_box .frm_label{font-size: 14px;line-height: 20px;}
    .mytest_wrap .eval_frm_wrap .frm_box .frm_inp_box.flex_inp_box{column-gap: 12px;row-gap: 8px;}
    .mytest_wrap .eval_frm_wrap .frm_box .frm_input{height: 42px;}
    .mytest_wrap .eval_frm_wrap .frm_box .max_sta{min-width: 26px;font-size: 14px;line-height: 20px;}

    .mytest_wrap .eval_frm .frm_btns_box{margin-top: 24px;}
    .mytest_wrap .eval_frm .frm_btns_box .btns{gap: 4px;}
    .mytest_wrap .eval_frm .frm_btns_box .btns .btns_name{font-size: 14px;line-height: 20px;}

    .mytest_wrap .eval_frm .frm_util_box{margin-top: 24px;}
    .mytest_wrap .eval_frm .frm_util_box .paging_numb{flex: 0 0 48px;font-size: 14px;line-height: 20px;}

    .mytest_wrap .full .eval_right{min-width: auto;}
}
/* ============================================================== //E:mytest detail ============================================================== */