/* 공통 */
.bg_F5F5F5{background: #f5f5f5;}
.bg_7C9145{background: #7C9145;}
.fc_222{color: #222;}
.fc_479251{color: #479251;}
.word_all{word-break: break-all;}
.text_pre{white-space: pre;}
.w_16{width: 16rem;}
.cursor-pointer{cursor: pointer;}

.fs_14 .checks input[type="checkbox"] + label{font-size: 1.4rem;}


/* 푸터 */
.ft2 { background: #F2F0EE; color: #222; padding: 4.2rem 0 4.3rem; border-top: 0; font-size: 1.5rem; }

/* 모달 */
.modal-dialog.modal-xl{max-width: 92rem; padding: 1rem;}
.modal2 .modal-content{padding: 0; border:0;}
.modal2 .modal-header{background: var(--main); padding: 0 2rem; padding-top: 7rem; padding-bottom: 4rem; border-radius: 0;}
.modal2 .modal-title{font-size: 3rem; font-weight: 600; position: relative; color: #fff;}
.modal2 .modal-title::before{content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(100% + 1.5rem); width: 1px; height: 2.2rem; background: #fff;}
.modal2 .modal-body{padding: 0 5rem; padding-top: 5.5rem; padding-bottom: 0; margin: 0;}
.modal_way_ul{display: flex; margin: 5rem -1.3rem; padding-bottom: 1.5rem;}
.modal_way_ul li{width: 25%; padding: 0 1.3rem;}
.modal_way_ul li>div{border: 1px solid #E3E3E3; padding: 3rem 2rem; height: 100%; }
.terms_use{background: #F5F5F5; max-height: 43rem; height: 100%;}
.terms_use>div{height: 100%; overflow-y: scroll;}

.modal_close{background: transparent; border: 0; position: absolute; top: 3rem; right: 3rem; font-size: 1.6rem; color: #fff;}
.modal_close i{display: flex;}

.modal2 .modal-footer{margin-bottom: 5rem;}
.modal2 .modal-footer .btn{width: 16rem;}

.modal.add_modal.on{background: rgba(0,0,0,0.4);}
.modal3 .modal-content{padding: 0; border:0;}
.modal3 .modal-header{background: var(--main); padding: 2rem 3rem; }
.modal3 .modal-title{font-size: 2.4rem; font-weight: 600; color: #fff;}
.modal3 .modal-body{padding: 3rem; margin: 0;}
.modal3 .modal-footer{margin-bottom: 5rem;}
.modal3 .modal-footer .btn{width: 16rem;}
.modal-footer .btn.w_16{width: 16rem;}

.modal_tb{margin-top: 3rem; overflow-y: scroll; max-height: 100%;}




/* 실시방법 */
.test_way { display: flex; flex-wrap: wrap; margin: 0 -2rem; } 
.test_way>li { width: 50%; padding: 0 2rem; margin-bottom: 4rem; } 
.test_way_box { border: 1px solid #E3E3E3; padding: 3.5rem 4.5rem; display: flex; height: 100%; } 
.test_way_box1 { border-top: 3px solid #B49464; } 
.test_way_box2 { border-top: 3px solid #BC958B; } 
.test_way_box3 { border-top: 3px solid #6F8294; } 
.test_way_box4 { border-top: 3px solid #8CB446; } 
.test_way_box .h6_tit { width: 12rem; flex-shrink: 0; } 
.test_way_box p { display: flex; margin-bottom: 0.5rem; } 
.test_way_box p .fw_700 { width: 8rem; flex-shrink: 0; } 

/* faq */
.acc_wr{margin-top: 1rem; border-top: 2px solid #222;}
.acc_wr>div{display: none;}
.acc_wr>div.on{display: block;}
.acc_wr .card{border: 0 !important; border-bottom: 0 !important;}
.acc_wr .card-header{cursor: pointer; border-bottom: 1px solid #E3E3E3 !important; margin-bottom: 0 !important;}
.acc_wr>div.fade{transition: all 0s;}

/* 검사실시 및 채점 */
.test_way_ul{display: flex; flex-wrap: wrap; justify-content: space-around; padding: 7rem 0 5rem; text-align: center;}
.test_way_ul li{padding: 1rem; padding-bottom: 2rem;}
.test_way_ul img{width: 12.1rem; margin-bottom: 3.5rem;}

.vid_wr{background: #F3F3F3; padding: 8rem 0;}
.vid_ul .rect{border-radius: 0;}
.vid_ul .rect::after{padding-bottom: calc(205/365*100%);}
.vid_ul .rect > video { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.short_cut_btn{width: 100%; max-width: 40rem; margin: 0 auto; margin-top: 5rem;}

.grading_box{border: 5px solid #E3E3E3; padding: 4rem;}




/* 채점 홈 */
.grading_pg{display: flex;}
.gr_container{width: 100%; padding: 0 5rem;}
.gr_main_bg{display: none;}

/* 채점 레프트 */
.grading_left{width: 0; flex-shrink: 0; transition: all 0.4s ease-in-out; height: 100vh; overflow-y: scroll; opacity: 0; position: relative; padding-bottom: 6rem;}
.grading_left.pc_on{width: 250px; opacity: 1;}
.grading_left>div{position: absolute; top: 0; right: 0; width: 250px;}
.grading_logo{display: block; padding: 1.7rem 0 3rem 2.5rem;}
.user_info{background: #F6F6E3; }
.user_btn_wr{border-top: 1px solid #E1E5C8; display: flex; position: relative;}
.user_btn_wr::after{content: ''; display: block; width: 1px; height: 12px; background: #C9CFA5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.user_btn_wr>a{display: block; width: 50%; font-size: 1.3rem; font-weight: 700; color: #53682D; text-align: center; padding: 1.5rem 0;}

#accordionGrading{margin-bottom: 10rem;}
#accordionGrading .card{border: 0;}
#accordionGrading .card-header{padding: 1.5rem 0; padding-left: 3rem; padding-right: 2rem; display: flex; justify-content: space-between; align-items: center; color: #7C9145; position: relative; background: #fff; font-size: 1.6rem; border: 0;}
#accordionGrading .card-header::after{content: ''; position: absolute; left: 0; top: 0;height: 100%; width: 3px; background: #7C9145; }
#accordionGrading .card-header.collapsed{color: #222;}
#accordionGrading .card-header.collapsed::after{display: none;}
#accordionGrading .card-header i{color: #222; font-size: 1.3rem;}
#accordionGrading .card-body{background: #F5F5F5; display: flex; flex-flow: column; padding: 0;}
#accordionGrading .card-body>a{padding: 1.2rem 0; padding-left: 4.5rem; }
#accordionGrading .card-body>a:not(:last-child){border-bottom: 1px solid #fff; }

/* 채점 라이트 */
.grading_right{width: 100%; background: #F5F5F5;}
.grading_left.pc_on~.grading_right{width: calc(100% - 250px); transition: all 0.4s ease-in-out; }
.grading_hd{background: var(--main); height: 6rem;}
.grading_hd .btn{color: #fff; padding: 0; height: auto; border: 0; font-size: 1.5rem;}
.grading_hd .btn.garding_home_btn{padding: 0.55rem 1.85rem; margin-left: 3.5rem;}

.gr_main_wr{display: flex; margin: 0 -3rem;}
.gr_main_l{overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; height: calc(100vh - var(--gd_hd)); flex: 1 1 auto; padding: 0 3rem;}
.gr_main_l::-webkit-scrollbar{display: none;}
.gr_test_list{margin-top: 5rem;}
.gr_test_list:last-child{margin-bottom: 5rem;}
.gr_test_list .h5_tit{margin-bottom: 0.5rem;}
.grade_test_wr{display: flex;}
.grade_test_wr>div{height: 22rem;}
.gr_test_list2 .grade_test_wr>div{height: 15.5rem;}
.grade_test_a{color: #fff; width: 24.5rem; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 4rem 3rem; padding-right: 2rem; padding-bottom: 1.5rem;}
.grade_test_a:hover{color: #fff;}
.grade_box{border-top: 3px solid; background: #fff; height: 100%; padding: 4rem 3rem; padding-bottom: 3.5rem; display: flex; justify-content: space-between;}

.grade_test_01{background: #7C9145;}
.grade_box_01{border-color: #8CB446; }
.grade_box_01 .h5_tit{color: #8CB446; }
.grade_test_02{background: #B49464;}
.grade_box_02{border-color: #B49464; }
.grade_box_02 .h5_tit{color: #B49464; }
.grade_test_03{background: #BC958B;}
.grade_box_03{border-color: #BC958B; }
.grade_box_03 .h5_tit{color: #BC958B; }

/* 나의 검사현황 */
.gr_main_r{width: 100%; max-width: 34rem; padding: 0 3rem;}
.my_test_stat{height: 22rem; width: 100%; background: #8CB446; color: #fff;}
.my_test_stat_tit{font-size: 2.1rem; font-weight: 600; padding: 3rem; padding-bottom: 0;}
.my_test_cash{background: rgba(0,0,0,0.28); border-radius: 1rem; display: flex; align-items: center; justify-content: space-between; margin: 0 2.5rem; padding: 1.2rem 2rem; margin-top: 1rem; margin-bottom: 1rem;}
.my_test_stat_ul{text-align: center; display: flex; position: relative;}
.my_test_stat_ul::after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 1px; height: 42px; border-left: 1px dashed #fff;}
.my_test_stat_ul>li{width: 50%;}

.quick_link_ul li:not(:last-child){margin-bottom: 2rem;}
.quick_link_ul a{display: flex; align-items: center; padding: 3rem 3.5rem; background: #fff;}
.quick_link_ic{margin-right: 4rem;}

/* 온라인 검사 모달 */
.online_test_sel{display: flex; margin: 0 -0.6rem; margin-top: 5rem; }
.online_test_sel li{width: 50%; padding: 0 0.6rem; }
.online_test_sel li>div{background: #B49464; padding: 2rem 3rem; color: #fff; text-align: center; height: 100%; display: flex; flex-flow: column; }

/* 온라인 검사 인증코드 */
.grading_tab_wr{background: #53682D;}
.grading_tab{display: flex; color: #fff; width: 100%; overflow-x: scroll;}
.grading_tab li{margin-right: 5rem;}
.grading_tab a{color: #fff; display: block; width: 100%; height: 100%; padding: 2rem 0; font-size: 1.6rem; white-space: nowrap;}
.grading_tab li.on a{border-bottom: 3px solid #fff;}

.gr_box{padding: 3rem 5rem; padding-bottom: 5rem; background: #fff;}
.gr_box .mypage_infotab_gr{margin-bottom: 2rem;}
.gr_box .mypage_infotab_gr .nav-link{padding: 1.5rem 3rem;}
.gr_box .mypage_infotab_gr .active{font-weight: 800;}


.gd_tb{border-top: 2px solid #8CB446; }
.gd_tb thead{background: #F6F6F6; text-align: center;}
.gd_tb thead th{padding: 1.5rem 0; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF;}
.gd_tb thead th:first-child{border-left: 0;}
.gd_tb thead th:last-child{border-right: 0;}
.gd_tb thead th div[role="button"]{white-space: nowrap; display: flex; justify-content: center;}
.gd_tb thead th div[role="button"] span{margin-left: 0.5rem; flex-shrink: 0; display: none;}
thead th div[role="button"] span{margin-left: 0.5rem; flex-shrink: 0; display: none;}
.gd_tb.table td{border-top: 0; border-bottom: 1px solid #DFDFDF; padding: 0.5rem 3rem; vertical-align: middle; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; font-size: 1.4rem;}
.gd_tb tbody td:first-child{border-left: 0;}
.gd_tb tbody td:last-child{border-right: 0;}
.gd_tb .btn{height: 3.8rem; width: 10.5rem;}
.gd_tb tbody td>div{display: flex;}

.gd_tb2.table tbody td{padding: 1rem; white-space: nowrap;}

.gr_sch_ip{width: 100%; max-width: 28rem;}

.table_01 th div{white-space: nowrap;}

/* 인증코드 발송 */
.code_info_box{padding: 2rem; font-size: 1.3rem; border: 1px solid #DFDFDF; background: #F5F5F5; margin-top: 2.5rem;}
.code_send_box{border: 1px solid #DFDFDF; border-radius: 1.5rem; overflow: hidden;}
.code_send_box_tit{background: #FFED4C; border-bottom: 1px solid #E3E3E3; padding: 2rem 2.5rem 1.5rem; font-size: 1.8rem; font-weight: 700;}
.code_send_box>div{padding: 2.5rem;}
.ex_txt{white-space: pre-line;}

/* 답안 입력 */
.answer_modal_ul{display: flex; margin: 5rem -0.6rem 0;}
.answer_modal_ul li{width: 25%; padding: 0 0.6rem;}
.answer_modal_ul li a{padding: 3rem; padding-bottom: 2.5rem; text-align: center; color: #fff; display: block;  background: #000;}
.answer_modal_ul li p{margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.39);}
.answer_modal_ul li:nth-child(1) a{background: #B49464;}
.answer_modal_ul li:nth-child(2) a{background: #BC958B;}
.answer_modal_ul li:nth-child(3) a{background: #6F8294;}
.answer_modal_ul li:nth-child(4) a{background: #899F4E;}

/* 채점하기 */
.gr_info_box{padding: 1.5rem 2.5rem; border: 3px solid #E3E3E3; margin-top: 1rem; margin-bottom: 1.5rem;}
.gr_info_box>div{display: flex; flex-wrap: wrap; margin-bottom: -1rem;}
.gr_info_box p{margin-right: 1.5rem; margin-bottom: 1rem;}

.gr_chk_wr_wr{display: flex; flex-wrap: wrap; margin: 0 -2% -2%;}
.gr_chk_wr{padding: 0 2%; margin-bottom: 2%; width: calc(100% / var(--line1_count));}
.gr_chk_cont{display: flex; margin: 0.5rem 0;}
.gr_chk_cont>div{width: calc(100% / var(--each_num_length)); padding: 0; margin: 0; border: 0; margin-right: 0.5rem; position: relative; text-align: right;}
.gr_chk_cont>div::after{content: ''; display: block; padding-bottom: 100%;}
.gr_chk_cont input[type="checkbox"]{display: none;}
.gr_chk_cont input[type="checkbox"]~label{display: block; width: 100%; height: 100%; background: #E3E3E3; cursor: pointer; color: #fff; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.gr_chk_cont input[type="checkbox"]:checked~label{background: var(--main);}
.gr_chk_cont input[type="radio"]{display: none;}
.gr_chk_cont input[type="radio"]~label{display: block; width: 100%; height: 100%; background: #E3E3E3; cursor: pointer;}
.gr_chk_cont input[type="radio"]:checked~label{background: var(--main);}
.chk_num{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}


/* 결과보기 */
.tb_btn_wr{width: 100%; overflow-x: scroll;}
.tb_btn_wr>div{flex-shrink: 0;}
.report_btn{color: #479251; text-decoration: underline;}
.report_btn:hover{color: #479251; text-decoration: underline;}
.report_btn.fc_bk{color: #222; text-decoration: underline;}
.report_btn.fc_bk:hover{color: #222; text-decoration: underline;}


/* 단체 검사 가이드 */
.test_guide_sld1{display: flex; justify-content: space-between;margin: 0 -1.5rem; margin-top: 5rem; margin-bottom: 8rem; text-align: center;}
.test_guide_sld1_sld{padding: 0 1.5rem; cursor: pointer;}
.test_guide_sld1_sld .h6_tit{margin-top: 3rem; margin-bottom: 1.5rem;}
.sld_tit_num{width: 4rem; height: 4rem; border-radius: 50%; border: 1px solid #C0C7B7; display: flex; justify-content: center; align-items: center; color: #C0C7B7; margin: 0 auto;}
.active .sld_tit_num{color: #fff; background: #8CB446; border: 0;}

.test_guide_sld2_arr{position: absolute; top: 50%; transform: translateY(-50%); padding: 0; height: auto; display: flex; justify-content: center; align-items: center; z-index: 9;}
.test_guide_sld2_arr.slick-disabled{opacity: 0.3;}
.test_guide_sld2_prev{left: 0;}
.test_guide_sld2_next{right: 0;}
.test_guide_sld2{width: 100%; max-width: 76.8rem; height: auto; margin: 0 auto; border: 1px solid #E3E3E3; padding: 3rem;}
.test_guide_sld2>div{height: 100%;}
.test_guide_sld2 .rect{max-width: 48rem; margin: 0 auto;}
.test_guide_sld2 .rect::after{padding-bottom: calc(334/479*100%);}

/* 검사 상세보기 모달 */
.test_spec_ul{background: #F6F6F6 url('../img/bg_plus.png')no-repeat; background-position: center; padding: 3rem 0; margin-bottom: 5rem; margin-top: 1.5rem; display: flex; flex-wrap: wrap;}
.test_spec_ul li{margin-bottom: 5rem; width: 50%; padding: 0 1.5rem;}
.test_spec_ul li:nth-child(3),.test_spec_ul li:nth-child(4){margin-bottom: 0;}
.modal_st_ul{margin-top: 2rem; margin-bottom: 7rem;}

























/*반응형 max 1500*/
@media (max-width: 1500px) {
    /* 채점 홈 */
    .grade_test_wr{flex-flow: column;}
    .grade_test_wr>div{height: 15rem; margin-bottom: 2rem;}
    .grade_test_wr>div.flex-fill{height: 20rem; margin-bottom: 0;}
    .gr_test_list2 .grade_test_wr>div{height: 15rem;}
    .grade_test_a{width: 100%; flex-flow: row; padding: 3rem;}
}

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {
    .test_way{margin: 0 -1rem;}
    .test_way>li{padding: 0 1rem; margin-bottom: 2rem;}
    .test_way_box{flex-flow: column; padding: 2rem;}
    .test_way_box .h6_tit{width: 100%; margin-bottom: 1.5rem;}

    .mind_box_lg{max-width: unset; width: auto; margin: 0 2rem; margin-top: 3rem;}
    /* 검사소개 */
    .int_l{margin-right: 2rem;}
    .int_r{margin-left: 2rem;}
    .text_box_lg{padding: 6rem 4rem;}

    /* 채점 홈 */
    .gr_container{padding: 0 4rem;}
    .grading_body{height: calc(100vh - var(--gd_hd)); overflow-y: scroll; }
    .gr_main_wr{flex-flow: column-reverse;}
    .gr_main_l{height: 100%;}
    .gr_main_r{max-width: unset;}
    .gr_main_r .gr_test_list:last-child{margin-bottom: 0;}
    .quick_link_ul{display: flex; margin: 0 -0.6rem;}
    .quick_link_ul li{margin-bottom: 0; width: 50%; padding: 0 0.6rem;}
    .quick_link_ul li:not(:last-child){margin-bottom: 0;}
    .quick_link_ul a{height: 100%;}
 } 


/*반응형 max 992px lg*/
@media (max-width: 991.98px) { 
    /* 모달 */
    .modal2 .modal-header{padding-top: 5rem; padding-bottom: 2rem;}
    .modal2 .modal-title{font-size: 2.4rem;}
    .modal2 .modal-title::before{bottom: calc(100% + 1rem); height: 1.8rem;}
    .modal2 .modal-body{padding: 0 2rem; padding-top: 3rem; padding-bottom: 0; margin: 0;}
    .modal_way_ul{margin: 3rem -1rem -2rem; padding-bottom: 1rem; flex-wrap: wrap;}
    .modal_way_ul li{width: 50%; padding: 0 1rem; margin-bottom: 2rem;}
    .modal_way_ul li>div{padding: 2rem;}
    .modal_close{top: 1.5rem; right: 1.5rem;}

    /* 채점 홈 */
    .grading_left.pc_on{width: 0; opacity: 0;}
    .grading_left.pc_on~.grading_right{width: 100%;}
    .grading_left.m_on{width: 250px; opacity: 1;}
    .grading_hd .btn{padding: 0.5rem;}
    .grading_hd .btn.garding_home_btn{border: 0 !important; padding: 0.5rem; margin-left: 1rem;}
    .grading_left{position: absolute; left: 0; top: 0; background: #fff; z-index: 999;}
    .grading_right{background: #fff;}
    .gr_main_bg{display: block; opacity: 0; visibility: hidden;}
    .grading_left.m_on ~ .gr_main_bg{width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); position: fixed; left: 0; bottom: 0; opacity: 1; visibility: visible; z-index: 3;}
    .gr_main_bg .btn{position: absolute; left: 260px; top: 10px; font-size: 2.2rem; color: #fff;}

    /* 온라인 검사 인증코드 */
    .grading_tab li{margin-right: 4rem;}
    .grading_tab a{padding: 1.5rem 0; font-size: 1.5rem;}
    .grading_tab li.on a{border-bottom: 3px solid #fff;}

    .gr_box .mypage_infotab_gr{margin: 0 -2rem; margin-bottom: 2rem; flex-wrap: nowrap; overflow-x: scroll;}
    .gr_box .mypage_infotab_gr .nav-link{white-space: nowrap; padding: 1rem 2rem;}
    .gr_box{padding: 0;}
    .gd_tb.table td, .gd_tb.table th{padding: 1rem 2rem;}
    .gd_tb .btn{width: 8.5rem;}

    .gd_tb2.table td, .gd_tb2.table th{padding: 1rem 1rem;}

    /* 채점하기 */
    .gr_chk_wr_wr{display: flex; flex-wrap: wrap; margin: 0 -3rem -3rem;}
    .gr_chk_wr{padding: 0 3rem; margin-bottom: 4rem;}
    
    /* 단체 검사 가이드 */
    .test_guide_sld1{margin: 0; margin-top: 3rem; margin-bottom: 5rem; text-align: center;}
    .test_guide_sld1_sld{padding: 0; margin-right: 2rem;}
    .test_guide_sld1_sld .h6_tit{margin-top: 2rem; margin-bottom: 1rem;}
    .sld_tit_num{width: 3.5rem; height: 3.5rem;}
}


/*반응형 max 767px md*/
@media (max-width: 767.98px) { 
    .ft2{margin-top: 0;}

    .test_way{margin: 0;}
    .test_way>li{padding: 0; width: 100%;}

    /* 채점 홈 */
    .gr_container{padding: 0 2rem;}
    .gr_test_list{margin-top: 3rem;}
    .quick_link_ul a{padding: 2.5rem 2rem;}
    .quick_link_ic{width: 3.5rem; margin-right: 2rem; flex-shrink: 0;}
    .grade_test_wr>div{height: 10rem; margin-bottom: 0.5rem;}
    .grade_test_wr>div.flex-fill{height: auto;}
    .gr_test_list2 .grade_test_wr>div{height: 10rem;}
    .grade_test_a{padding: 2rem;}
    .grade_box{padding: 3.5rem 2.5rem;}

    /* 온라인 검사 모달 */
    .online_test_sel{flex-direction: column; margin: 0; margin-top: 3rem; }
    .online_test_sel li{width: 100%; padding: 0; margin-bottom: 2rem;}
    .online_test_sel li:last-child{margin-bottom: 0;}
    .online_test_sel li>div{padding: 2rem;}

    .gr_sch_ip{max-width: unset;}

    /* 답안 입력 */
    .answer_modal_ul{flex-wrap: wrap; margin: 3rem -0.6rem -1.2rem;}
    .answer_modal_ul li{width: 50%; padding: 0 0.6rem; margin-bottom: 1.2rem;}
    .answer_modal_ul li a{padding: 2rem;}

     /* 채점하기 */
     .gr_chk_wr_wr{display: flex; flex-wrap: wrap; margin: 0 -2rem -2rem;}
     .gr_chk_wr{padding: 0 2rem; margin-bottom: 3rem;}

    .test_guide_sld2{padding: 2rem;}
    .test_guide_sld2_arr{display: none !important;}

    .test_spec_ul{margin-top: 1rem; margin-bottom: 3rem;}
    .modal_st_ul{margin-top: 1rem; margin-bottom: 3rem;}
}


/*반응형 max 576px sm*/
@media (max-width: 575.98px) { 
    .modal_way_ul li>div{padding: 1rem;}

    .acc_wr{margin-top: 0;}

    .grading_box{padding: 2rem;}

    .modal2 .modal-footer{margin-bottom: 3rem; flex-wrap: nowrap; padding: 0 2rem;}
    .modal3 .modal-footer{margin-bottom: 3rem; flex-wrap: nowrap; padding: 0 2rem;}
}


/*반응형 max 380px*/
@media (max-width: 380px) {
    /* 채점 홈 */
    .quick_link_ul a{flex-flow: column; justify-content: center; align-items: center; padding: 2rem;}
    .quick_link_ic{margin-right: 0; margin-bottom: 1.5rem;}
}