/* 탭메뉴(지역별 경기장안내) */ .subject_list {overflow:hidden;border-top:1px solid #eb3b04;border-bottom:1px solid #ddd;padding:20px 0 20px 20px;margin:10px 0 30px 0;} .subject_list li {float:left;width:11%; height:40px;background:url('../image/icon01.gif') no-repeat 4px 6px;background-size:3px;} .subject_list_txt {padding:0 0 0 15px;font-size:1.2em;color:#8b8b8b;text-align:left;} .subject_list_txt:hover, .subject_list .tab_on {font-weight:bold; color:#eb3b04;background:url('../image/icon01_on.gif') no-repeat 4px 6px;background-size:3px;} .subject_list_e {overflow:hidden;border-top:1px solid #eb3b04;border-bottom:1px solid #ddd;padding:20px 0 20px 20px;margin:10px 0 30px 0;} .subject_list_e li {float:left; margin-right:10px; height:40px;background:url('../image/icon01.gif') no-repeat 4px 6px;background-size:3px;} .subject_list_txt_e {padding:0 0 0 15px;font-size:1.2em;color:#8b8b8b;text-align:left;} .subject_list_txt_e:hover, .subject_list_e .tab_on {font-weight:bold; color:#eb3b04;background:url('../image/icon01_on.gif') no-repeat 4px 6px;background-size:3px;} .subject_list_2 {overflow:hidden;border-top:1px solid #eb3b04;border-bottom:1px solid #ddd;padding:20px 0 20px 20px;margin:10px 0 30px 0;} .subject_list_2 li {float:left;height:20px;background:url('../image/icon01.gif') no-repeat 4px 6px;background-size:3px;margin-right:40px;} .subject_list_txt_2 {padding:0 0 0 15px;font-size:1.2em;color:#8b8b8b;text-align:left;} .subject_list_txt_2:hover, .subject_list_2 .tab_on {font-weight:bold; color:#eb3b04;background:url('../image/icon01_on.gif') no-repeat 4px 6px;background-size:3px;} .all_download_top {overflow:hidden;margin-bottom:20px;} .all_download {float:right;} .all_download .btnSearch {display:inline-block;zoom:1;*display:inline;text-align:center;border:1px solid #2f2f2f;background:#2f2f2f;color:#fff;font-size:12px;width:130px;height:30px;line-height:30px;margin:0 1px;cursor:pointer;} .curriculum_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .curriculum_head div.seq {float:left;width:10%;} .curriculum_head div.c_name {float:left;width:45%;} .curriculum_head div.c_write {float:left;width:10%;} .curriculum_head div.c_data {float:right;width:25%;} .curriculum_list {overflow:hidden; } .curriculum_list li {background:#fafafa; overflow:hidden;border:1px solid #ccc; border-radius:10px; margin-bottom:10px;} .curriculum_list li:nth-child(even) {background:#fafafa;} .curriculum_list li .seq {float:left;width:8%; padding:10px; font-family:'Roboto';font-size:1.5em;color:#fff; line-height:60px; text-align:center; margin-right:2%;} .curriculum_list li .seq2 {float:left;width:8%; padding:10px; font-family:'Roboto';font-size:1.5em;color:#000000;line-height:60px;text-align:center; margin-right:2%; } .curriculum_list li:nth-child(10n+0) .seq {background-color:#27d683;} .curriculum_list li:nth-child(10n+1) .seq {background-color:#47ce8e;} .curriculum_list li:nth-child(10n+2) .seq {background-color:#20b2aa;} .curriculum_list li:nth-child(10n+3) .seq {background-color:#00868b;} .curriculum_list li:nth-child(10n+4) .seq {background-color:#ffd561;} .curriculum_list li:nth-child(10n+5) .seq {background-color:#ffa500;} .curriculum_list li:nth-child(10n+6) .seq {background-color:#ee5c42;} .curriculum_list li:nth-child(10n+7) .seq {background-color:#ff6666;} .curriculum_list li:nth-child(10n+8) .seq {background-color:#7b68ee;} .curriculum_list li:nth-child(10n+9) .seq {background-color:#5d478b;} .curriculum_list li .c_name {float:left;width:50%;color:#555; padding:10px 0 0 0px;} .curriculum_list li .c_name .img {width:35px;height:35px;float:left;margin:10px 10px 0 20px;} .curriculum_list li .c_name .img img {width:100%;height:100%;object-fit:cover;border:1px solid #cbcbcb;border-radius:50px;} .curriculum_list li .c_name .name {color:#2f2f2f;font-size:19px; margin:0 auto; line-height:30px;} .curriculum_list li .c_name .name2 {color:#2f2f2f;font-size:16px; margin:0 auto; line-height:30px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_name .name3 {color:#2f2f2f;font-size:16px; margin:0 auto; line-height:60px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_write .write {color:#2f2f2f;font-size:1.0em margin:0 auto; line-height:30px;} .curriculum_list li .c_write .write2 {color:#2f2f2f;font-size:1.0em margin:0 auto; line-height:30px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_write {float:left;width:12%;padding:10px 0;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_write img {width:25px; height:25px;} .curriculum_list li .c_data {float:right;width:20%;padding:10px 0;color:#4c4c4c;font-size:0.95em;overflow:hidden;text-align:center;line-height:58px;} .curriculum_list li .c_data img {width:25px; height:25px; margin:0 10px 0 10px;} .curriculum_list li .c_data .m_score {display:none;} .curriculum_list li .c_name_di {float:left;width:25%;color:#555; padding:10px 0 0 0px;} .curriculum_list li .c_name_di .name {color:#2f2f2f;font-size:19px; margin:0 auto; line-height:30px;} .curriculum_list li .c_name_di .name2 {color:#2f2f2f;font-size:16px; margin:0 auto; line-height:30px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_name_di2 {float:left;width:48%;color:#555; padding:10px 0 0 0px;} .curriculum_list li .c_name_di2 .name {color:#2f2f2f;font-size:19px; margin:0 auto; line-height:30px;} .curriculum_list li .c_name_di2 .name2 {color:#2f2f2f;font-size:16px; margin:0 auto; line-height:30px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_write_di {float:left;width:15%;padding:5px ;font-family:'Roboto';font-size:1.5em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_result_di {float:left;width:15%;padding:5px ;font-family:'Roboto';font-size:1.5em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_data_di {float:left;width:15%;padding:5px ;font-family:'Roboto';font-size:1.5em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_write_di2 {float:left;width:13%;padding:5px ;font-family:'Roboto';font-size:1.5em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_result_di2 {float:left;width:11%;padding:5px ;font-family:'Roboto';font-size:1.5em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_data_di2 {float:left;width:15%;padding:5px ;font-family:'Roboto';font-size:1.5em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_print_di {float:left;width:15%;padding:5px ;font-family:'Roboto';font-size:1.5em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .nolist {float:left;width:100%;color:#555;} .myresult_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myresult_head div.seq {float:left;width:3%;} .myresult_head div.seq2 {float:left;width:5%;} .myresult_head div.c_name {float:left;width:42%;} .myresult_head div.ing {float:left;width:8%;} .myresult_head div.c_write {float:left;width:14%;} .myresult_head div.c_detail {float:left;width:5%;} .myresult_head div.c_print1 {float:left;width:8%;} .myresult_head div.c_print2 {float:left;width:8%;} .myresult_head div.c_data {float:right;width:15%;} .myresult_list {overflow:hidden;} .myresult_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult_list li:nth-child(even) {background:#fafafa;} .myresult_list li .seq {float:left;width:3%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresult_list li .seq2 {float:left;width:5%;font-size:1.1em;color:#eb3b04;line-height:30px;text-align:center;} .myresult_list li .c_name {float:left;width:42%;color:#555;} .myresult_list li .ing {float:left;line-height:30px;width:8%;color:#555;} .myresult_list li .c_name .name {color:#2f2f2f;font-size:15px; line-height:18px; margin:0 0 0 10px;} .myresult_list li .ing .percent1 {color:#2f2f2f;font-size:15px; line-height:18px; margin:0 0 0 10px;} .myresult_list li .c_write {float:left;width:14%;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:30px;} .myresult_list li .c_write img {width:25px; height:25px;} .myresult_list li .c_detail {float:left;width:5%;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:30px;} .myresult_list li .c_detail img {width:25px; height:25px;} .myresult_list li .c_print1 {float:left;width:8%;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:30px;} .myresult_list li .c_print2 {float:left;width:8%;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:30px;} .myresult_list li .c_data {float:right;width:15%;color:#4c4c4c;font-size:0.95em;overflow:hidden;text-align:center;line-height:30px;} .myresult_list li .c_data img {width:25px; height:25px; margin:0 10px 0 10px;} .myresult_list li .c_data .m_score {display:none;} .myresult2_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myresult2_head div.seq {float:left;width:3%;} .myresult2_head div.c_name {float:left;width:47%;} .myresult2_head div.ing {float:left;width:15%;} .myresult2_head div.second0 {float:left;width:20%;} .myresult2_head div.c_write {float:left;width:15%;} .myresult3_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myresult3_head div.seq {float:left;width:10%;} .myresult3_head div.c_name {float:left;width:50%;} .myresult3_head div.per {float:left;width:15%;} .myresult3_head div.name {float:left;width:25%; color:#fff; font-weight:bold;} .ebookresult3_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .ebookresult3_head div.seq {float:left;width:20%;} .ebookresult3_head div.c_name {float:left;width:20%;} .ebookresult3_head div.per {float:left;width:20%;} .ebookresult3_head div.name {float:left;width:20%; color:#fff;} .ebookresult3_head div.name2 {float:left;width:20%;} .myresultname_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myresultname_head div.seq {float:left;width:25%;} .myresultname_head div.c_name {float:left;width:25%;} .myresultname_head div.c_done {float:left;width:25%;} .myresultname_head div.per {float:left;width:25%;} /*.myresultname_head div.name {float:left;width:20%; color:#fff; font-weight:bold;}*/ .myresultname_di_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.9em;} .myresultname_di_head td.name {line-height:20px; height:40px;float:left;width:8%; color:#fff; font-weight:bold;} .myresultname_di_head td.subject {line-height:20px; height:40px;float:left;width:8%; font-weight:bold;} .myresultname_di_head td.c1 {line-height:20px; height:40px;float:left;width:9%; font-weight:bold;} .myresultname_di_head td.c2 {float:left;width:30%; font-weight:bold;} .myresultname_di_head td.c3 {float:left;width:15%; font-weight:bold;} .myresultname_di_head td.c4 {float:left;width:10%; font-weight:bold;} .myresultname_di_head td.c5 {line-height:20px; height:40px;float:left;width:10%; font-weight:bold;} .myresultname_di_head td.c6 {float:left;width:10%; font-weight:bold;} .myresult4_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myresult4_head div.c_name {float:left;width:20%;} .myresult4_head div.per {float:left;width:20%;} .myresult4_head div.ncorrect {float:left;width:40%;} .myresult4_head div.detail {float:left;width:20%;} .myresult5_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myresult5_head div.c_name {float:left;width:20%;} .myresult5_head div.c_1 {float:left;width:16%;} .myresult5_head div.c_2 {float:left;width:16%;} .myresult5_head div.c_3 {float:left;width:16%;} .myresult5_head div.c_4 {float:left;width:16%;} .myresult5_head div.c_5 {float:left;width:16%;} .myresult5_list {overflow:hidden;} .myresult5_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult5_list li:nth-child(even) {background:#fafafa;} .myresult5_list li .c_name {float:left;width:20%;font-size:1.0em;color:#555;line-height:30px;text-align:center;font-weight:bold;} .myresult5_list li .c_1 {float:left;width:16%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_2 {float:left;width:16%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_3 {float:left;width:16%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_4 {float:left;width:16%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_5 {float:left;width:16%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresult2_list {overflow:hidden;} .myresult2_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult2_list li:nth-child(even) {background:#fafafa;} .myresult2_list li .seq {float:left;width:3%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresult2_list li .c_name {float:left;width:47%; font-size:15px; color:#555; line-height:30px; } .myresult2_list li .ing {float:left;line-height:30px;width:15%;color:#555;} .myresult2_list li .ing .percent1 {color:#2f2f2f;font-size:12px; line-height:30px; margin:0 0 0 10px;} .myresult2_list li .second0 {float:left;line-height:30px;width:20%;color:#555;} .myresult2_list li .second0 .second1 {color:#2f2f2f;font-size:12px; line-height:30px; margin:0 0 0 10px; width:100%} .myresult2_list li .c_write {float:left;width:15%;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:30px;} .myresult2_list li .c_write img {width:25px; height:25px;} .myresult3_list {overflow:hidden;} .myresult3_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult3_list li:nth-child(even) {background:#fafafa;} .myresult3_list li .seq {float:left;width:10%;font-size:14px;color:#eb3b04;line-height:15px;text-align:center;} .myresult3_list li .c_name {float:left;width:50%; font-size:14px; color:#555; line-height:15px; } .myresult3_list li .per {float:left;width:15%; font-size:14px; color:#555; line-height:15px; } .myresult3_list li .name {float:left;width:25%; font-size:14px; color:#555; line-height:15px; } .ebookresult3_list {overflow:hidden;} .ebookresult3_list li {overflow:hidden;text-align:center;border:1px solid #ddd;background-color:#f8f8f8;padding:10px; } .ebookresult3_list li:nth-child(even) {background:#fafafa;} .ebookresult3_list li .seq {float:left;width:20%;font-size:20px;color:#555;line-height:15px;text-align:center;} .ebookresult3_list li .c_name {float:left;width:20%; font-size:20px; color:#555; line-height:15px; } .ebookresult3_list li .per {float:left;width:20%; font-size:20px; color:#555; line-height:15px; } .ebookresult3_list li .name {float:left;width:20%; font-size:20px; color:#555; line-height:15px; } .ebookresult3_list li .name2 {float:left;width:20%; font-size:20px; color:#555; line-height:15px; } .myresultname_list {overflow:hidden;} .myresultname_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresultname_list li:nth-child(even) {background:#fafafa;} .myresultname_list li .seq {float:left;width:25%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresultname_list li .c_name {float:left;width:25%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresultname_list li .c_done {float:left;width:25%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresultname_list li .per {float:left;width:25%; font-size:15px; color:#555; line-height:30px; text-align:center;} /*.myresultname_list li .name {float:left;width:20%; font-size:15px; color:#555; line-height:30px; text-align:center;}*/ .myresultname_di_list {overflow:hidden;} .myresultname_di_list td {overflow:hidden;padding:10px 0;border-bottom:2px solid #ccc; } .myresultname_di_list td.name {width:8%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresultname_di_list td.subject {width:8%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c1 {width:9%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c2 {width:30%; font-size:12px; color:#555; line-height:15px; text-align:center;} .myresultname_di_list td.c3 {width:15%; font-size:12px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c4 {width:10%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c5 {width:10%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c6 {width:10%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresult4_list {overflow:hidden;} .myresult4_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult4_list li:nth-child(even) {background:#fafafa;} .myresult4_list li .c_name {float:left;width:20%;font-size:14px;color:#555;line-height:14px;text-align:center;font-weight:bold;} .myresult4_list li .per {float:left;width:20%; font-size:14px; color:#555; line-height:15px; text-align:center;} .myresult4_list li .ncorrect {float:left;width:40%; font-size:14px; color:#555; line-height:15px; text-align:center;} .myresult4_list li .detail {float:left;width:20%; font-size:14px; color:#555; line-height:15px; text-align:center;} .grade_option_box {overflow:hidden;border:1px solid #ddd;background-color:#f8f8f8;padding:20px;margin-bottom:20px;} .grade_option_box span {float:left;width:35px;} .grade_option_box select {float:right; } .grade_option_box .option {float:right;width:22%;} .grade_option_box .data1 {float:left; width:100%;} .grade_option_box .data1 .name {font-size:28px;} .grade_option_box .data1 .rank {font-size:28px;} .grade_option_box select {border:1px solid #cbcbcb;height:50px;line-height:35px; width:150px; font-size:25px;} .grade_option_box .select_local2 {display:none;} .myreport_top_box {overflow:hidden;border:1px solid #ddd;background-color:#f8f8f8;padding:20px;margin-bottom:20px;} .myreport_top_box .option1 {float:left;width:33%; font-size:20px;} .myreport_top_box .option2 {float:left;width:33%; font-size:20px;} .myreport_top_box .option3 {float:left;width:33%; font-size:20px;} .myreport2_top_box {overflow:hidden;border:1px solid #ddd;background-color:#f8f8f8;padding:20px;margin-bottom:20px;} .myreport2_top_box .option1 {float:left;width:50%; font-size:20px;} .myreport2_top_box .option2 {float:left;width:50%; font-size:20px;} .myreport3_top_box {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myreport3_top_box .option1 {float:left;width:25%; font-size:20px;} .myreport3_top_box .option2 {float:left;width:25%; font-size:20px;} .myreport3_top_box .option3 {float:left;width:25%; font-size:20px;} .myreport3_top_box .option4 {float:left;width:25%; font-size:20px;} .ebookreport3_top_box {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .ebookreport3_top_box .option1 {float:left;width:33.3%; font-size:20px;} .ebookreport3_top_box .option2 {float:left;width:33.3%; font-size:20px;} .ebookreport3_top_box .option3 {float:left;width:33.3%; font-size:20px;} .myreport3_content_box {overflow:hidden;text-align:center;border:1px solid #ddd;background-color:#f8f8f8;padding:10px;margin-bottom:20px;} .myreport3_content_box .option1 {float:left;width:25%; font-size:20px;} .myreport3_content_box .option2 {float:left;width:25%; font-size:20px;} .myreport3_content_box .option3 {float:left;width:25%; font-size:20px;} .myreport3_content_box .option4 {float:left;width:25%; font-size:20px;} .ebookreport3_content_box {overflow:hidden;text-align:center;border:1px solid #ddd;background-color:#f8f8f8;padding:10px;margin-bottom:20px;} .ebookreport3_content_box .option1 {float:left;width:33.3%; font-size:20px;} .ebookreport3_content_box .option2 {float:left;width:33.3%; font-size:20px;} .ebookreport3_content_box .option3 {float:left;width:33.3%; font-size:20px;} .S2_center { width:80px; } .exam_text { padding:15px 15px 15px 15px; } .exam_text_di { width:65%; float:left; padding:15px 15px 15px 15px; } .exam_text_di_right { width:28%; float:left; padding:15px 15px 15px 15px; } .saech_count { font-size:23px; } .line { position:absolute; /* doesn't have to be absolute */ z-index: -1; /* places the line behind other elements */ } .line2 { position:absolute; /* doesn't have to be absolute */ z-index: -2; /* places the line behind other elements */ } .line div { position:absolute; left: 0px; top: 0px; border-left-color: transparent; border-style: solid; } .line2 div { position:absolute; left: 0px; top: 0px; border-left-color: transparent; border-style: solid; } /* 팝업 레이어 S */ .mpopup_apply {position:relative; overflow:hidden;} .popupLayer_apply {position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; -ms-filter: alpha(opacity=0); filter: alpha(opacity=0); opacity:0; -moz-opacity:0;} .popupLayer_apply .back_apply {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:101;} .popup_box_apply {position:absolute; left:50%; top:50%; z-index:102; } .popup_box_apply .popup_contents_apply {position:absolute; left:0; top:0; width:100%; height:100%; z-index:102;} .popupLayer_apply iframe, .popup_box_apply iframe {position:absolute; left:0; top:0; width:100%; height:100%;} /* 팝업 레이어 E */ .open-button { background-color: #555; color: white; padding: 16px 20px; border: none; cursor: pointer; opacity: 0.8; position: fixed; bottom: 23px; right: 28px; width: 280px; } /* The popup form - hidden by default */ .form-popup { width:40%; display: none; position: fixed; top: 40%; left: 30%; border: 3px solid #f1f1f1; z-index: 9; } /* Add styles to the form container */ .form-container { width:100%; background-color: #f1f1f1; } .form-container2 { width:100%; } /* Set a style for the submit/login button */ .form-container .btn { background-color: #4CAF50; color: white; padding: 16px 20px; border: none; cursor: pointer; width: 80%; margin-bottom:10px; opacity: 0.8; font-size:22px; } .form-container2 .btn { background-color: #4CAF50; color: white; padding: 16px 20px; border: none; cursor: pointer; width: 25%; margin-bottom:10px; opacity: 0.8; font-size:18px; } .form-container .poptext { font-size:23px; width:100%; } .form-container .poptext2 { font-size:20px; width:80%; } /* Add a red background color to the cancel button */ .form-container .cancel { background-color: red; } .form-container .next2 { background-color: blue; } .form-container .look { background-color: red; } /* Add some hover effects to buttons */ .form-container .btn:hover, .open-button:hover { opacity: 1; } .normalbtn { background-color: #4CAF50; color: white; border: none; cursor: pointer; padding:3px 3px 3px 3px; opacity: 0.8; } .w_answer_0,.w_answer_1,.w_answer_2,.w_answer_3,.w_answer_4,.w_answer_5,.w_answer_6,.w_answer_7,.w_answer_8,.w_answer_9 { font-size:23px; } /** 시험지 **/ .paper_wrap {overflow:hidden; font-size:70px; height:100px; text-align:center;} .paper_warp li {float:left;width:100%;margin-right:1%; height:100px; } .test { height:80px; display:table; text-align:center; background-color:#f8f8f8; width:100%;} #gno {display:table-cell; vertical-align:middle; font-size:30px; width:25%;} #response {display:table-cell; vertical-align:middle; font-size:30px; width:25%;} #total {display:table-cell; vertical-align:middle; font-size:30px; width:25%;} #score {display:table-cell; vertical-align:middle; font-size:30px; width:25%;} .test_h { height:40px; display:table; text-align:center; background-color:#f8f8f8; width:100%;} #gno_h {background-color:#FFA7A7; display:table-cell; vertical-align:middle; font-size:20px; width:25%;} #response_h {background-color:#BCE55C; display:table-cell; vertical-align:middle; font-size:20px; width:25%;} #response_h_di {background-color:#BCE55C; display:table-cell; vertical-align:middle; font-size:20px; width:33%;} #response_h_di2 {background-color:#BCE55C; display:table-cell; vertical-align:middle; font-size:20px; width:33%;} #total_h { background-color:#FFD8D8; display:table-cell; vertical-align:middle; font-size:20px; width:25%;} #score_h { background-color:#5CD1E5; display:table-cell; vertical-align:middle; font-size:20px; width:25%;} .S1_lineup_M { display:none; } .S3_lineup_M { display:none; } .S_ox_lineup_M { display:none; } /* screen 1110 */ @media screen and (max-width:1100px) { .curriculum_list li .c_name {float:left;width:48%;color:#555;} .curriculum_list li .c_name .name {color:#2f2f2f;font-size:14px; margin:0 auto; line-height:30px; } .curriculum_list li .c_write { width:17%;} .curriculum_list li .c_name_di {float:left;width:23%;color:#555; padding:10px 0 0 0px;} .curriculum_list li .c_name_di .name {color:#2f2f2f;font-size:14px; margin:0 auto; line-height:30px;} .curriculum_list li .c_name_di .name2 {color:#2f2f2f;font-size:14px; margin:0 auto; line-height:30px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_write_di {float:left;width:17%;padding:5px ;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_result_di {float:left;width:14%;padding:5px ;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_data_di {float:left;width:14%;padding:5px ;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_print_di {float:left;width:14%;padding:5px ;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_name_di2 {float:left;width:48%;color:#555; padding:10px 0 0 0px;} .curriculum_list li .c_name_di2 .name {color:#2f2f2f;font-size:14px; margin:0 auto; line-height:30px;} .curriculum_list li .c_name_di2 .name2 {color:#2f2f2f;font-size:14px; margin:0 auto; line-height:30px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_write_di2 {float:left;width:13%;padding:5px ;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_result_di2 {float:left;width:11%;padding:5px ;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_data_di2 {float:left;width:14%;padding:5px ;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:58px;} .S2_center { width:80px; } .S1_lineup_M { display:none; } .S3_lineup_M { display:none; } .S_ox_lineup_M { display:none; } .exam_text { padding:15px 15px 15px 15px; } } /* Tablet screen 1024 */ @media screen and (max-width:1024px){ .S1_lineup_M { display:none; } .S3_lineup_M { display:none; } .S_ox_lineup_M { display:none; } .ground_wrap li {width:100%;} .S2_center { width:80px; } .grade_option_box .data1 .name {font-size:28px;} .grade_option_box .data1 .rank {font-size:28px;} .grade_option_box select {border:1px solid #cbcbcb;height:50px;line-height:35px; width:150px; font-size:25px;} #total_h, #response_h,#response_h_di,#response_h_di2, #score_h, #gno_h {font-size:1.9em;} #total, #response, #score, #gno {font-size:1.9em;} .exam_text { padding:15px 15px 15px 15px; } .exam_text_di {width:98%; padding:15px 15px 15px 15px; } .exam_text_di_right { padding:15px 15px 15px 15px; display:none;} .w_answer_0,.w_answer_1,.w_answer_2,.w_answer_3,.w_answer_4,.w_answer_5,.w_answer_6,.w_answer_7,.w_answer_8,.w_answer_9 { font-size:23px; } } /* mobie screen 900 */ @media screen and (max-width:900px){ .S1_lineup_1 { display:none; } .S1_lineup_2 { display:none; } .S1_lineup_3 { display:none; } .S1_lineup_M { display:block; } .S3_lineup_1 { display:none; } .S3_lineup_2 { display:none; } .S3_lineup_3 { display:none; } .S3_lineup_M { display:block; } .S_ox_lineup_1 { display:none; } .S_ox_lineup_2 { display:none; } .S_ox_lineup_3 { display:none; } .S_ox_lineup_M { display:block; } .exam_text { padding:5px 5px 5px 5px; } .exam_text_di {width:98%; padding:5px 5px 5px 5px; } .exam_text_di_right { padding:5px 5px 5px 5px; display:none;} .S2_center { width:70px; } .curriculum_list {} .curriculum_list li {border-bottom:1px solid #ccc; } .curriculum_list li:nth-child(even) {background:#fafafa;} .curriculum_list li .c_name {float:left;width:48%;color:#555;} .curriculum_list li .c_name .name {color:#2f2f2f;font-size:14px; margin:0 auto; line-height:30px; } .curriculum_list li .c_name .name2 {color:#2f2f2f;font-size:12px; margin:0 auto; line-height:30px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_name .name3 {color:#2f2f2f;font-size:10px; margin:0 auto; line-height:60px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_data img {width:20px; height:20px; margin:0 5px 0 5px; } .curriculum_list li .c_data .m_score {display:none;} .curriculum_list li .c_write { width:17%;} .curriculum_list li .c_write img {width:20px; height:20px;} .curriculum_list li .c_name_di {float:left;width:20%;color:#555; padding:10px 0 0 0px;} .curriculum_list li .c_name_di .name {color:#2f2f2f;font-size:14px; margin:0 auto; line-height:30px;} .curriculum_list li .c_name_di .name2 {color:#2f2f2f;font-size:12px; margin:0 auto; line-height:30px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_write_di {float:left;width:25%;padding:5px;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_result_di {float:left;width:14%;padding:5px;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_data_di {float:left;width:14%;padding:5px;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_print_di {float:left;width:14%;padding:5px;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_name_di2 {float:left;width:48%;color:#555; padding:10px 0 0 0px;} .curriculum_list li .c_name_di2 .name {color:#2f2f2f;font-size:14px; margin:0 auto; line-height:30px;} .curriculum_list li .c_name_di2 .name2 {color:#2f2f2f;font-size:12px; margin:0 auto; line-height:30px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_write_di2 {float:left;width:13%;padding:5px;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_result_di2 {float:left;width:11%;padding:5px;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_data_di2 {float:left;width:14%;padding:5px;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:58px;} .grade_option_box .data1 .name {font-size:25px;} .grade_option_box .data1 .rank {font-size:25px;} .grade_option_box .data1 img {height:40px;} .grade_option_box select {border:1px solid #cbcbcb;height:40px;line-height:35px; width:120px; font-size:20px;} #total_h, #response_h, #response_h_di, #response_h_di2, #score_h, #gno_h {font-size:1.7em;} #total, #response, #score, #gno {font-size:1.7em;} .form-container .btn { width: 90%; font-size:18px; } .form-container .poptext { width: 90%; font-size:18px; } .form-container .poptext { width: 90%; font-size:16px; } .form-popup { width:90%; } .w_answer_0,.w_answer_1,.w_answer_2,.w_answer_3,.w_answer_4,.w_answer_5,.w_answer_6,.w_answer_7,.w_answer_8,.w_answer_9 { font-size:23px; } .saech_count { font-size:22px; } .form-container2 .btn { background-color: #4CAF50; color: white; padding: 16px 20px; border: none; cursor: pointer; width: 40%; margin-bottom:10px; opacity: 0.8; font-size:16px; } } /* mobie screen 768 */ @media screen and (max-width:768px){ .subject_list_2 {overflow:hidden;border-top:1px solid #eb3b04;border-bottom:1px solid #ddd;padding:20px 0 20px 20px;margin:10px 0 30px 0;} .subject_list_2 li {float:left;height:20px;background:url('../image/icon01.gif') no-repeat 4px 6px;background-size:3px;} .S1_lineup_1 { display:none; } .S1_lineup_2 { display:none; } .S1_lineup_3 { display:none; } .S1_lineup_M { display:block; } .S3_lineup_1 { display:none; } .S3_lineup_2 { display:none; } .S3_lineup_3 { display:none; } .S3_lineup_M { display:block; } .S_ox_lineup_1 { display:none; } .S_ox_lineup_2 { display:none; } .S_ox_lineup_3 { display:none; } .S_ox_lineup_M { display:block; } .exam_text { padding:3px 3px 3px 3px; } .exam_text_di {width:98%; padding:3px 3px 3px 3px; } .exam_text_di_right { padding:3px 3px 3px 3px; display:none;} .S2_center { width:50px; } .myreport_top_box {overflow:hidden;border:1px solid #ddd;background-color:#f8f8f8;padding:10px;margin-bottom:20px;} .myreport_top_box .option1 {float:left;width:33%; font-size:17px;} .myreport_top_box .option2 {float:left;width:33%; font-size:17px;} .myreport_top_box .option3 {float:left;width:33%; font-size:17px;} .myreport2_top_box {overflow:hidden;border:1px solid #ddd;background-color:#f8f8f8;padding:10px;margin-bottom:20px;} .myreport2_top_box .option1 {float:left;width:50%; font-size:17px;} .myreport2_top_box .option2 {float:left;width:50%; font-size:17px;} .myreport3_top_box {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myreport3_top_box .option1 {float:left;width:25%; font-size:17px;} .myreport3_top_box .option2 {float:left;width:25%; font-size:17px;} .myreport3_top_box .option3 {float:left;width:25%; font-size:17px;} .myreport3_top_box .option4 {float:left;width:25%; font-size:17px;} .ebookreport3_top_box {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .ebookreport3_top_box .option1 {float:left;width:33.3%; font-size:17px;} .ebookreport3_top_box .option2 {float:left;width:33.3%; font-size:17px;} .ebookreport3_top_box .option3 {float:left;width:33.3%; font-size:17px;} .myreport3_content_box {overflow:hidden;text-align:center;border:1px solid #ddd;background-color:#f8f8f8;padding:10px;margin-bottom:20px;} .myreport3_content_box .option1 {float:left;width:25%; font-size:17px;} .myreport3_content_box .option2 {float:left;width:25%; font-size:17px;} .myreport3_content_box .option3 {float:left;width:25%; font-size:17px;} .myreport3_content_box .option4 {float:left;width:25%; font-size:17px;} .ebookreport3_content_box {overflow:hidden;text-align:center;border:1px solid #ddd;background-color:#f8f8f8;padding:10px;margin-bottom:20px;} .ebookreport3_content_box .option1 {float:left;width:33.3%; font-size:17px;} .ebookreport3_content_box .option2 {float:left;width:33.3%; font-size:17px;} .ebookreport3_content_box .option3 {float:left;width:33.3%; font-size:17px;} .myresult_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.9em;} .myresult_head div.seq {float:left;width:3%;} .myresult_head div.seq2 {float:left;width:5%;} .myresult_head div.c_name {float:left;width:42%;} .myresult_head div.ing {float:left;width:13%;} .myresult_head div.c_write {float:left;width:20%;} .myresult_head div.c_detail {float:left;width:10%;} .myresult_head div.c_print1 {display:none;} .myresult_head div.c_print2 {display:none;} .myresult_head div.c_data {float:right;width:15%;} .myresult_list {overflow:hidden;} .myresult_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult_list li:nth-child(even) {background:#fafafa;} .myresult_list li .seq {float:left;width:3%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresult_list li .seq2 {float:left;width:5%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresult_list li .c_name {float:left;width:42%;color:#555;} .myresult_list li .ing {float:left;line-height:30px;width:13%;color:#555;} .myresult_list li .c_name .name {color:#2f2f2f;font-size:15px; line-height:18px; margin:0 0 0 10px;} .myresult_list li .ing .percent1 {color:#2f2f2f;font-size:15px; line-height:18px; margin:0 0 0 10px;} .myresult_list li .c_write {float:left;width:20%;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:30px;} .myresult_list li .c_write img {width:25px; height:25px;} .myresult_list li .c_print1 {display:none;} .myresult_list li .c_print2 {display:none;} .myresult_list li .c_detail {float:left;width:5%;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:30px;} .myresult_list li .c_detail img {width:25px; height:25px;} .myresult_list li .c_data {float:right;width:15%;color:#4c4c4c;font-size:0.95em;overflow:hidden;text-align:center;line-height:30px;} .myresult_list li .c_data img {width:25px; height:25px; margin:0 10px 0 10px;} .myresult_list li .c_data .m_score {display:none;} .myresult2_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.9em;} .myresult2_head div.seq {float:left;width:3%;} .myresult2_head div.c_name {float:left;width:47%;} .myresult2_head div.ing {float:left;width:15%;} .myresult2_head div.second0 {float:left;width:20%;} .myresult2_head div.c_write {float:left;width:15%;} .myresult3_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.9em;} .myresult3_head div.seq {float:left;width:10%;} .myresult3_head div.c_name {float:left;width:50%;} .myresult3_head div.per {float:left;width:15%;} .myresult3_head div.name {float:left;width:25%; font-weight:bold;} .ebookresult3_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.9em;} .ebookresult3_head div.seq {float:left;width:20%;} .ebookresult3_head div.c_name {float:left;width:20%;} .ebookresult3_head div.per {float:left;width:20%;} .ebookresult3_head div.name {float:left;width:20%; color:#fff;} .ebookresult3_head div.name2 {float:left;width:20%; color:#fff;} .myresultname_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.9em;} .myresultname_head div.seq {float:left;width:25%;} .myresultname_head div.c_name {float:left;width:25%;} .myresultname_head div.c_done {float:left;width:25%;} .myresultname_head div.per {float:left;width:25%;} /*.myresultname_head div.name {float:left;width:20%; font-weight:bold;}*/ .myresultname_di_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.9em;} .myresultname_di_head td.name {line-height:20px; height:40px;float:left;width:8%; color:#fff; font-weight:bold;} .myresultname_di_head td.subject {line-height:20px; height:40px;float:left;width:8%; font-weight:bold;} .myresultname_di_head td.c1 {line-height:20px; height:40px;float:left;width:9%; font-weight:bold;} .myresultname_di_head td.c2 {float:left;width:30%; font-weight:bold;} .myresultname_di_head td.c3 {float:left;width:15%; font-weight:bold;} .myresultname_di_head td.c4 {float:left;width:10%; font-weight:bold;} .myresultname_di_head td.c5 {line-height:20px; height:40px;float:left;width:10%; font-weight:bold;} .myresultname_di_head td.c6 {float:left;width:10%; font-weight:bold;} .myresult4_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myresult4_head div.c_name {float:left;width:20%;} .myresult4_head div.per {float:left;width:20%;} .myresult4_head div.ncorrect {float:left;width:40%;} .myresult4_head div.detail {float:left;width:20%;} .myresult5_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myresult5_head div.c_name {float:left;width:20%;} .myresult5_head div.c_1 {float:left;width:16%;} .myresult5_head div.c_2 {float:left;width:16%;} .myresult5_head div.c_3 {float:left;width:16%;} .myresult5_head div.c_4 {float:left;width:16%;} .myresult5_head div.c_5 {float:left;width:16%;} .myresult5_list {overflow:hidden;} .myresult5_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult5_list li:nth-child(even) {background:#fafafa;} .myresult5_list li .c_name {float:left;width:20%;font-size:1.0em;color:#555;line-height:30px;text-align:center;font-weight:bold;} .myresult5_list li .c_1 {float:left;width:16%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_2 {float:left;width:16%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_3 {float:left;width:16%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_4 {float:left;width:16%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_5 {float:left;width:16%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresult2_list {overflow:hidden;} .myresult2_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult2_list li:nth-child(even) {background:#fafafa;} .myresult2_list li .seq {float:left;width:3%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresult2_list li .c_name {float:left;width:47%; font-size:15px; color:#555; line-height:30px; } .myresult2_list li .ing {float:left;line-height:30px;width:15%;color:#555;} .myresult2_list li .ing .percent1 {color:#2f2f2f;font-size:15px; line-height:30px; margin:0 0 0 10px;} .myresult2_list li .second0 {float:left;line-height:30px;width:20%;color:#555;} .myresult2_list li .second0 .second1 {color:#2f2f2f;font-size:15px; line-height:30px; margin:0 0 0 10px; width:100%} .myresult2_list li .c_write {float:left;width:15%;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:30px;} .myresult2_list li .c_write img {width:15px; height:15px;} .myresult3_list {overflow:hidden;} .myresult3_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult3_list li:nth-child(even) {background:#fafafa;} .myresult3_list li .seq {float:left;width:10%;font-size:14px;color:#eb3b04;line-height:15px;text-align:center;} .myresult3_list li .c_name {float:left;width:50%; font-size:14px; color:#555; line-height:15px; } .myresult3_list li .per {float:left;width:15%; font-size:14px; color:#555; line-height:15px; } .myresult3_list li .name {float:left;width:25%; font-size:14px; color:#555; line-height:15px; } .ebookresult3_list {overflow:hidden;} .ebookresult3_list li {overflow:hidden;text-align:center;border:1px solid #ddd;background-color:#f8f8f8;padding:10px; } .ebookresult3_list li:nth-child(even) {background:#fafafa;} .ebookresult3_list li .seq {float:left;width:20%;font-size:14px;color:#555;line-height:17px;text-align:center;} .ebookresult3_list li .c_name {float:left;width:20%; font-size:17px; color:#555; line-height:15px; } .ebookresult3_list li .per {float:left;width:20%; font-size:17px; color:#555; line-height:15px; } .ebookresult3_list li .name {float:left;width:20%; font-size:17px; color:#555; line-height:15px; } .ebookresult3_list li .name2 {float:left;width:20%; font-size:17px; color:#555; line-height:15px; } .myresultname_list {overflow:hidden;} .myresultname_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresultname_list li:nth-child(even) {background:#fafafa;} .myresultname_list li .seq {float:left;width:25%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresultname_list li .c_name {float:left;width:25%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresultname_list li .c_done {float:left;width:25%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresultname_list li .per {float:left;width:25%; font-size:15px; color:#555; line-height:30px; text-align:center;} /*.myresultname_list li .name {float:left;width:20%; font-size:15px; color:#555; line-height:30px; text-align:center;}*/ .myresultname_di_list {overflow:hidden;} .myresultname_di_list td {overflow:hidden;padding:10px 0;border-bottom:2px solid #ccc; } .myresultname_di_list td.name {width:8%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresultname_di_list td.subject {width:8%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c1 {width:9%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c2 {width:30%; font-size:15px; color:#555; line-height:15px; text-align:center;} .myresultname_di_list td.c3 {width:15%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c4 {width:10%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c5 {width:10%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c6 {width:10%; font-size:15px; color:#555; line-height:30px; text-align:center;} .myresult4_list {overflow:hidden;} .myresult4_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult4_list li:nth-child(even) {background:#fafafa;} .myresult4_list li .c_name {float:left;width:20%;font-size:14px;color:#555;line-height:14px;text-align:center;font-weight:bold;} .myresult4_list li .per {float:left;width:20%; font-size:14px; color:#555; line-height:15px; text-align:center;} .myresult4_list li .ncorrect {float:left;width:40%; font-size:14px; color:#555; line-height:15px; text-align:center;} .myresult4_list li .detail {float:left;width:20%; font-size:14px; color:#555; line-height:15px; text-align:center;} .subject_list {margin:10px 0 20px 0;} .subject_list_txt {font-size:1.1em;} .subject_list_2 {margin:10px 0 20px 0;} .subject_list_txt_2 {font-size:1.1em;} .curriculum_head div.seq {float:left;width:10%;} .curriculum_head div.c_name {float:left;width:60%;} .curriculum_head div.c_write {float:left;width:10%;} .curriculum_head div.c_data {float:right;width:20%;} .curriculum_list li .c_name {float:left;width:50%;color:#555; } .curriculum_list li .c_write {float:left;width:15%;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_data {float:right;width:20%;color:#4c4c4c;font-size:0.95em;overflow:hidden;text-align:center;line-height:58px;} .curriculum_list li .c_write_di {float:left;width:20%;padding:5px ;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_result_di {float:left;width:14%;padding:5px ;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_data_di {float:left;width:14%;padding:5px ;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_print_di {float:left;width:14%;padding:5px ;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list {} .curriculum_list li {border-bottom:1px solid #ccc; } .curriculum_list li:nth-child(even) {background:#fafafa;} .curriculum_list li .c_name .name {color:#2f2f2f;font-size:14px; margin:0 auto; line-height:30px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_name .name2 {color:#2f2f2f;font-size:12px; margin:0 auto; line-height:30px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_data img {width:18px; height:18px; margin:0 3px 0 3px } .curriculum_list li .c_data .m_score {display:none;} .curriculum_list li .c_write img {width:18px; height:18px;} .grade_option_box .data1 .name {font-size:20px;} .grade_option_box .data1 .rank {font-size:20px;} .grade_option_box .data1 img {height:30px;} .grade_option_box select {border:1px solid #cbcbcb;height:35px;line-height:35px; width:100px; font-size:18px;} #total_h, #response_h, #response_h_di, #response_h_di2, #score_h, #gno_h {font-size:1.5em;} #total, #response, #score, #gno {font-size:1.5em;} .w_answer_0,.w_answer_1,.w_answer_2,.w_answer_3,.w_answer_4,.w_answer_5,.w_answer_6,.w_answer_7,.w_answer_8,.w_answer_9 { font-size:18px; } .saech_count { font-size:19px; } } /* mobie screen 580 */ @media screen and (max-width:580px){ .S1_lineup_1 { display:none; } .S1_lineup_2 { display:none; } .S1_lineup_3 { display:none; } .S1_lineup_M { display:block; } .S3_lineup_1 { display:none; } .S3_lineup_2 { display:none; } .S3_lineup_3 { display:none; } .S3_lineup_M { display:block; } .S_ox_lineup_1 { display:none; } .S_ox_lineup_2 { display:none; } .S_ox_lineup_3 { display:none; } .S_ox_lineup_M { display:block; } .exam_text { padding:5px 5px 5px 5px; } .exam_text_di {width:98%; padding:5px 5px 5px 5px; } .exam_text_di_right { padding:5px 5px 5px 5px; display:none;} .S2_center { width:50px; } .myreport_top_box {overflow:hidden;border:1px solid #ddd;background-color:#f8f8f8;padding:5px;margin-bottom:20px;} .myreport_top_box .option1 {float:left;width:33%; font-size:14px;} .myreport_top_box .option2 {float:left;width:33%; font-size:14px;} .myreport_top_box .option3 {float:left;width:33%; font-size:14px;} .myreport2_top_box {overflow:hidden;border:1px solid #ddd;background-color:#f8f8f8;padding:5px;margin-bottom:20px;} .myreport2_top_box .option1 {float:left;width:50%; font-size:14px;} .myreport2_top_box .option2 {float:left;width:50%; font-size:14px;} .myreport3_top_box {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myreport3_top_box .option1 {float:left;width:25%; font-size:14px;} .myreport3_top_box .option2 {float:left;width:25%; font-size:14px;} .myreport3_top_box .option3 {float:left;width:25%; font-size:14px;} .myreport3_top_box .option4 {float:left;width:25%; font-size:14px;} .ebookreport3_top_box {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .ebookreport3_top_box .option1 {float:left;width:33.3%; font-size:14px;} .ebookreport3_top_box .option2 {float:left;width:33.3%; font-size:14px;} .ebookreport3_top_box .option3 {float:left;width:33.3%; font-size:14px;} .myreport3_content_box {overflow:hidden;text-align:center;border:1px solid #ddd;background-color:#f8f8f8;padding:10px;margin-bottom:20px;} .myreport3_content_box .option1 {float:left;width:25%; font-size:14px;} .myreport3_content_box .option2 {float:left;width:25%; font-size:14px;} .myreport3_content_box .option3 {float:left;width:25%; font-size:14px;} .myreport3_content_box .option4 {float:left;width:25%; font-size:14px;} .ebookreport3_content_box {overflow:hidden;text-align:center;border:1px solid #ddd;background-color:#f8f8f8;padding:10px;margin-bottom:20px;} .ebookreport3_content_box .option1 {float:left;width:33.3%; font-size:14px;} .ebookreport3_content_box .option2 {float:left;width:33.3%; font-size:14px;} .ebookreport3_content_box .option3 {float:left;width:33.3%; font-size:14px;} .myresult_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.9em;} .myresult_head div.seq {float:left;width:3%;} .myresult_head div.seq2 {float:left;width:5%;} .myresult_head div.c_name {float:left;width:42%;} .myresult_head div.ing {float:left;width:13%;} .myresult_head div.c_write {float:left;width:20%;} .myresult_head div.c_detail {float:left;width:10%;} .myresult_head div.c_print1 {display:none;} .myresult_head div.c_print2 {display:none;} .myresult_head div.c_data {float:right;width:15%;} .myresult_list {overflow:hidden;} .myresult_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult_list li:nth-child(even) {background:#fafafa;} .myresult_list li .seq {float:left;width:3%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresult_list li .seq2 {float:left;width:5%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresult_list li .c_name {float:left;width:42%;color:#555;} .myresult_list li .ing {float:left;line-height:30px;width:13%;color:#555;} .myresult_list li .c_name .name {color:#2f2f2f;font-size:13px; line-height:18px; margin:0 0 0 10px;} .myresult_list li .ing .percent1 {color:#2f2f2f;font-size:13px; line-height:18px; margin:0 0 0 10px;} .myresult_list li .c_print1 {display:none;} .myresult_list li .c_print2 {display:none;} .myresult_list li .c_write {float:left;width:20%;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:30px;} .myresult_list li .c_write img {width:15px; height:15px;} .myresult_list li .c_detail {float:left;width:10%;font-family:'Roboto';font-size:1.0em;color:#2558b3;text-align:center;line-height:30px;} .myresult_list li .c_detail img {width:15px; height:15px;} .myresult_list li .c_data {float:right;width:15%;color:#4c4c4c;font-size:0.95em;overflow:hidden;text-align:center;line-height:30px;} .myresult_list li .c_data img {width:15px; height:15px; margin:0 10px 0 10px;} .myresult_list li .c_data .m_score {display:none;} .myresult2_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.9em;} .myresult2_head div.seq {float:left;width:3%;} .myresult2_head div.c_name {float:left;width:47%;} .myresult2_head div.ing {float:left;width:15%;} .myresult2_head div.second0 {float:left;width:20%;} .myresult2_head div.c_write {float:left;width:15%;} .myresult3_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.9em;} .myresult3_head div.seq {float:left;width:10%;} .myresult3_head div.c_name {float:left;width:50%;} .myresult3_head div.per {float:left;width:15%;} .myresult3_head div.name {float:left;width:25%; font-weight:bold;} .ebookresult3_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.9em;} .ebookresult3_head div.seq {float:left;width:20%;} .ebookresult3_head div.c_name {float:left;width:20%;} .ebookresult3_head div.per {float:left;width:20%;} .ebookresult3_head div.name {float:left;width:20%; color:#fff;} .ebookresult3_head div.name2 {float:left;width:20%;} .myresultname_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.9em;} .myresultname_head div.seq {float:left;width:25%;} .myresultname_head div.c_name {float:left;width:25%;} .myresultname_head div.c_done {float:left;width:25%;} .myresultname_head div.per {float:left;width:25%;} /*.myresultname_head div.name {float:left;width:20%; font-weight:bold;}*/ .myresultname_di_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.9em;} .myresultname_di_head td.name {line-height:20px; height:40px;float:left;width:8%; color:#fff; font-weight:bold;} .myresultname_di_head td.subject {line-height:20px; height:40px;float:left;width:8%; font-weight:bold;} .myresultname_di_head td.c1 {line-height:20px; height:40px;float:left;width:9%; font-weight:bold;} .myresultname_di_head td.c2 {float:left;width:30%; font-weight:bold;} .myresultname_di_head td.c3 {float:left;width:15%; font-weight:bold;} .myresultname_di_head td.c4 {float:left;width:10%; font-weight:bold;} .myresultname_di_head td.c5 {line-height:20px; height:40px;float:left;width:10%; font-weight:bold;} .myresultname_di_head td.c6 {float:left;width:10%; font-weight:bold;} .myresult4_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myresult4_head div.c_name {float:left;width:20%;} .myresult4_head div.per {float:left;width:20%;} .myresult4_head div.ncorrect {float:left;width:40%;} .myresult4_head div.detail {float:left;width:20%;} .myresult5_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myresult5_head div.c_name {float:left;width:20%;} .myresult5_head div.c_1 {float:left;width:16%;} .myresult5_head div.c_2 {float:left;width:16%;} .myresult5_head div.c_3 {float:left;width:16%;} .myresult5_head div.c_4 {float:left;width:16%;} .myresult5_head div.c_5 {float:left;width:16%;} .myresult5_list {overflow:hidden;} .myresult5_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult5_list li:nth-child(even) {background:#fafafa;} .myresult5_list li .c_name {float:left;width:20%;font-size:1.0em;color:#555;line-height:30px;text-align:center;font-weight:bold;} .myresult5_list li .c_1 {float:left;width:16%; font-size:13px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_2 {float:left;width:16%; font-size:13px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_3 {float:left;width:16%; font-size:13px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_4 {float:left;width:16%; font-size:13px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_5 {float:left;width:16%; font-size:13px; color:#555; line-height:30px; text-align:center;} .myresult2_list {overflow:hidden;} .myresult2_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult2_list li:nth-child(even) {background:#fafafa;} .myresult2_list li .seq {float:left;width:3%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresult2_list li .c_name {float:left;width:47%; font-size:13px; color:#555; line-height:30px; } .myresult2_list li .ing {float:left;line-height:30px;width:15%;color:#555;} .myresult2_list li .ing .percent1 {color:#2f2f2f;font-size:13px; line-height:30px; margin:0 0 0 10px;} .myresult2_list li .second0 {float:left;line-height:30px;width:20%;color:#555;} .myresult2_list li .second0 .second1 {color:#2f2f2f;font-size:13px; line-height:30px; margin:0 0 0 10px; width:100%} .myresult2_list li .c_write {float:left;width:15%;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:30px;} .myresult2_list li .c_write img {width:15px; height:15px;} .myresult3_list {overflow:hidden;} .myresult3_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult3_list li:nth-child(even) {background:#fafafa;} .myresult3_list li .seq {float:left;width:10%;font-size:13px;color:#eb3b04;line-height:15px;text-align:center;} .myresult3_list li .c_name {float:left;width:50%; font-size:13px; color:#555; line-height:15px; } .myresult3_list li .per {float:left;width:15%; font-size:13px; color:#555; line-height:15px; } .myresult3_list li .name {float:left;width:25%; font-size:13px; color:#555; line-height:15px; } .ebookresult3_list {overflow:hidden;} .ebookresult3_list li {overflow:hidden;text-align:center;border:1px solid #ddd;background-color:#f8f8f8;padding:10px; } .ebookresult3_list li:nth-child(even) {background:#fafafa;} .ebookresult3_list li .seq {float:left;width:20%;font-size:14px;color:#555;line-height:15px;text-align:center;} .ebookresult3_list li .c_name {float:left;width:20%; font-size:14px; color:#555; line-height:15px; } .ebookresult3_list li .per {float:left;width:20%; font-size:14px; color:#555; line-height:15px; } .ebookresult3_list li .name {float:left;width:20%; font-size:14px; color:#555; line-height:15px; } .ebookresult3_list li .name2 {float:left;width:20%; font-size:14px; color:#555; line-height:15px; } .myresultname_list {overflow:hidden;} .myresultname_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresultname_list li:nth-child(even) {background:#fafafa;} .myresultname_list li .seq {float:left;width:25%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresultname_list li .c_name {float:left;width:25%; font-size:13px; color:#555; line-height:30px; text-align:center;} .myresultname_list li .c_name {float:left;width:25%; font-size:13px; color:#555; line-height:30px; text-align:center;} .myresultname_list li .per {float:left;width:25%; font-size:13px; color:#555; line-height:30px; text-align:center;} /*.myresultname_list li .name {float:left;width:20%; font-size:13px; color:#555; line-height:30px; text-align:center;}*/ .myresultname_di_list {overflow:hidden;} .myresultname_di_list td {overflow:hidden;padding:10px 0;border-bottom:2px solid #ccc; } .myresultname_di_list td.name {width:8%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresultname_di_list td.subject {width:8%; font-size:13px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c1 {width:9%; font-size:13px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c2 {width:30%; font-size:12px; color:#555; line-height:15px; text-align:center;} .myresultname_di_list td.c3 {width:15%; font-size:12px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c4 {width:10%; font-size:13px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c5 {width:10%; font-size:13px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c6 {width:10%; font-size:13px; color:#555; line-height:30px; text-align:center;} .myresult4_list {overflow:hidden;} .myresult4_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult4_list li:nth-child(even) {background:#fafafa;} .myresult4_list li .c_name {float:left;width:20%;font-size:13px;color:#555;line-height:13px;text-align:center;font-weight:bold;} .myresult4_list li .per {float:left;width:20%; font-size:13px; color:#555; line-height:15px; text-align:center;} .myresult4_list li .ncorrect {float:left;width:40%; font-size:13px; color:#555; line-height:15px; text-align:center;} .myresult4_list li .detail {float:left;width:20%; font-size:13px; color:#555; line-height:15px; text-align:center;} .subject_list {padding:10px 10px 5px 10px; overflow:auto;} .subject_list li {width:50%;padding-bottom:5px; overflow:auto;} .curriculum_head div.c_write {float:left;width:5%;} .curriculum_head div.c_data {float:right;width:10%;} .curriculum_head div.seq {float:left;width:10%;} .curriculum_head div.c_name {float:left;width:60%;} .curriculum_head div.c_write {float:left;width:10%;} .curriculum_head div.c_data {float:right;width:20%;} .curriculum_list li .c_name {float:left;width:45%;color:#555; } .curriculum_list li .c_write {float:left;width:25%;font-family:'Roboto';font-size:0.95em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_data {float:right;width:20%;color:#4c4c4c;font-size:0.95em;overflow:hidden;text-align:center;line-height:58px;} .curriculum_list li .c_write_di {float:left;width:20%;padding:4px 0;font-family:'Roboto';font-size:0.9em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_result_di {float:left;width:15%;padding:4px 0;font-family:'Roboto';font-size:0.9em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_data_di {float:left;width:15%;padding:4px 0;font-family:'Roboto';font-size:0.9em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_print_di {float:left;width:15%;padding:4px 0;font-family:'Roboto';font-size:0.9em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list {} .curriculum_list li {border-bottom:1px solid #ccc; } .curriculum_list li:nth-child(even) {background:#fafafa;} .curriculum_list li .c_name .name {color:#2f2f2f;font-size:14px;margin:0 auto; line-height:30px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_name .name2 {color:#2f2f2f;font-size:12px; margin:0 auto; line-height:30px; } .curriculum_list li .c_data img {width:17px; height:17px; margin:0 3px 0 3px } .curriculum_list li .c_data .m_score {display:none;} .curriculum_list li .c_write img {width:17px; height:17px;} .grade_option_box .data1 .name {font-size:17px;} .grade_option_box .data1 .rank {font-size:17px;} .sub_list02 {display:none;} .grade_option_box .data1 img {height:25px;} .grade_option_box select {border:1px solid #cbcbcb;height:30px;line-height:35px; width:96px; font-size:15px;} #total_h, #response_h, #response_h_di, #response_h_di2, #score_h, #gno_h {font-size:1.4em;} #total, #response, #score, #gno {font-size:1.4em;} .form-container .btn { width: 90%; font-size:16px; } .form-container .poptext { width: 90%; font-size:16px; } .form-container .poptext2 { width: 85%; font-size:14px; } .form-popup { width:80%; left:10%; } .form-container .poptext { font-size:15px; } .form-container .poptext2 { font-size:14px; } .w_answer_0,.w_answer_1,.w_answer_2,.w_answer_3,.w_answer_4,.w_answer_5,.w_answer_6,.w_answer_7,.w_answer_8,.w_answer_9 { font-size:15px; } .saech_count { font-size:18px; } .form-container2 .btn { background-color: #4CAF50; color: white; padding: 16px 20px; border: none; cursor: pointer; width: 45%; margin-bottom:10px; opacity: 0.8; font-size:14px; } } /* mobie screen 480 */ @media screen and (max-width:480px){ .S1_lineup_1 { display:none; } .S1_lineup_2 { display:none; } .S1_lineup_3 { display:none; } .S1_lineup_M { display:block; } .S3_lineup_1 { display:none; } .S3_lineup_2 { display:none; } .S3_lineup_3 { display:none; } .S3_lineup_M { display:block; } .S_ox_lineup_1 { display:none; } .S_ox_lineup_2 { display:none; } .S_ox_lineup_3 { display:none; } .S_ox_lineup_M { display:block; } .exam_text { padding:2px 2px 2px 2px; } .exam_text_di {width:98%; padding:2px 2px 2px 2px; } .exam_text_di_right { padding:2px 2px 2px 2px; display:none;} .S2_center { width:30px; } .myreport_top_box {overflow:hidden;border:1px solid #ddd;background-color:#f8f8f8;padding:3px;margin-bottom:20px;} .myreport_top_box .option1 {float:left;width:33%; font-size:10px;} .myreport_top_box .option2 {float:left;width:33%; font-size:10px;} .myreport_top_box .option3 {float:left;width:33%; font-size:10px;} .myreport2_top_box {overflow:hidden;border:1px solid #ddd;background-color:#f8f8f8;padding:3px;margin-bottom:20px;} .myreport2_top_box .option1 {float:left;width:50%; font-size:10px;} .myreport2_top_box .option2 {float:left;width:50%; font-size:10px;} .myreport3_top_box {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myreport3_top_box .option1 {float:left;width:25%; font-size:10px;} .myreport3_top_box .option2 {float:left;width:25%; font-size:10px;} .myreport3_top_box .option3 {float:left;width:25%; font-size:10px;} .myreport3_top_box .option4 {float:left;width:25%; font-size:10px;} .ebookreport3_top_box {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .ebookreport3_top_box .option1 {float:left;width:33.3%; font-size:10px;} .ebookreport3_top_box .option2 {float:left;width:33.3%; font-size:10px;} .ebookreport3_top_box .option3 {float:left;width:33.3%; font-size:10px;} .myreport3_content_box {overflow:hidden;text-align:center;border:1px solid #ddd;background-color:#f8f8f8;padding:10px;margin-bottom:20px;} .myreport3_content_box .option1 {float:left;width:25%; font-size:10px;} .myreport3_content_box .option2 {float:left;width:25%; font-size:10px;} .myreport3_content_box .option3 {float:left;width:25%; font-size:10px;} .myreport3_content_box .option4 {float:left;width:25%; font-size:10px;} .ebookreport3_content_box {overflow:hidden;text-align:center;border:1px solid #ddd;background-color:#f8f8f8;padding:10px;margin-bottom:20px;} .ebookreport3_content_box .option1 {float:left;width:33.3%; font-size:10px;} .ebookreport3_content_box .option2 {float:left;width:33.3%; font-size:10px;} .ebookreport3_content_box .option3 {float:left;width:33.3%; font-size:10px;} .myresult_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.8em;} .myresult_head div.seq {float:left;width:3%;} .myresult_head div.seq2 {float:left;width:5%;} .myresult_head div.c_name {float:left;width:42%;} .myresult_head div.ing {float:left;width:13%;} .myresult_head div.c_write {float:left;width:20%;} .myresult_head div.c_detail {float:left;width:10%;} .myresult_head div.c_print1 {display:none;} .myresult_head div.c_print2 {display:none;} .myresult_head div.c_data {float:right;width:15%;} .myresult_list {overflow:hidden;} .myresult_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult_list li:nth-child(even) {background:#fafafa;} .myresult_list li .seq {float:left;width:3%;font-size:0.9em;color:#eb3b04;line-height:30px;text-align:center;} .myresult_list li .seq2 {float:left;width:5%;font-size:0.9em;color:#eb3b04;line-height:30px;text-align:center;} .myresult_list li .c_name {float:left;width:42%;color:#555;} .myresult_list li .ing {float:left;line-height:30px;width:13%;color:#555;} .myresult_list li .c_name .name {color:#2f2f2f;font-size:12px; line-height:18px; margin:0 0 0 10px;} .myresult_list li .ing .percent1 {color:#2f2f2f;font-size:12px; line-height:18px; margin:0 0 0 10px;} .myresult_list li .c_write {float:left;width:20%;font-family:'Roboto';font-size:0.9em;color:#2558b3;text-align:center;line-height:30px;} .myresult_list li .c_write img {width:15px; height:15px;} .myresult_list li .c_print1 {display:none;} .myresult_list li .c_print2 {display:none;} .myresult_list li .c_detail {float:left;width:10%;font-family:'Roboto';font-size:0.9em;color:#2558b3;text-align:center;line-height:30px;} .myresult_list li .c_detail img {width:15px; height:15px;} .myresult_list li .c_data {float:right;width:15%;color:#4c4c4c;font-size:0.9em;overflow:hidden;text-align:center;line-height:30px;} .myresult_list li .c_data img {width:15px; height:15px; margin:0 10px 0 10px;} .myresult_list li .c_data .m_score {display:none;} .myresult2_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.8em;} .myresult2_head div.seq {float:left;width:3%;} .myresult2_head div.c_name {float:left;width:47%;} .myresult2_head div.ing {float:left;width:15%;} .myresult2_head div.second0 {float:left;width:20%;} .myresult2_head div.c_write {float:left;width:15%;} .myresult3_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.8em;} .myresult3_head div.seq {float:left;width:10%;} .myresult3_head div.c_name {float:left;width:50%;} .myresult3_head div.per {float:left;width:15%;} .myresult3_head div.name {float:left;width:25%; font-weight:bold;} .ebookresult3_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.8em;} .ebookresult3_head div.seq {float:left;width:20%;} .ebookresult3_head div.c_name {float:left;width:20%;} .ebookresult3_head div.per {float:left;width:20%;} .ebookresult3_head div.name {float:left;width:20%; color:#fff;} .ebookresult3_head div.name2 {float:left;width:20%;} .myresultname_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.8em;} .myresultname_head div.seq {float:left;width:25%;} .myresultname_head div.c_name {float:left;width:25%;} .myresultname_head div.c_done {float:left;width:25%;} .myresultname_head div.per {float:left;width:25%;} /*.myresultname_head div.name {float:left;width:20%; font-weight:bold;}*/ .myresultname_di_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box; font-size:0.9em;} .myresultname_di_head td.name {line-height:20px; height:40px;float:left;width:8%; color:#fff; font-weight:bold;} .myresultname_di_head td.subject {line-height:20px; height:40px;float:left;width:8%; font-weight:bold;} .myresultname_di_head td.c1 {line-height:20px; height:40px;float:left;width:9%; font-weight:bold;} .myresultname_di_head td.c2 {float:left;width:30%; font-weight:bold;} .myresultname_di_head td.c3 {float:left;width:15%; font-weight:bold;} .myresultname_di_head td.c4 {float:left;width:10%; font-weight:bold;} .myresultname_di_head td.c5 {line-height:20px; height:40px;float:left;width:10%; font-weight:bold;} .myresultname_di_head td.c6 {float:left;width:10%; font-weight:bold;} .myresult4_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myresult4_head div.c_name {float:left;width:20%;} .myresult4_head div.per {float:left;width:20%;} .myresult4_head div.ncorrect {float:left;width:40%;} .myresult4_head div.detail {float:left;width:20%;} .myresult5_head {overflow:hidden;text-align:center; color:#fff; font-weight:bold; line-height:40px; background:#888; border:1px solid #777; box-sizing:border-box;} .myresult5_head div.c_name {float:left;width:20%;} .myresult5_head div.c_1 {float:left;width:16%;} .myresult5_head div.c_2 {float:left;width:16%;} .myresult5_head div.c_3 {float:left;width:16%;} .myresult5_head div.c_4 {float:left;width:16%;} .myresult5_head div.c_5 {float:left;width:16%;} .myresult5_list {overflow:hidden;} .myresult5_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult5_list li:nth-child(even) {background:#fafafa;} .myresult5_list li .c_name {float:left;width:20%;font-size:1.0em;color:#555;line-height:30px;text-align:center;font-weight:bold;} .myresult5_list li .c_1 {float:left;width:16%; font-size:12px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_2 {float:left;width:16%; font-size:12px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_3 {float:left;width:16%; font-size:12px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_4 {float:left;width:16%; font-size:12px; color:#555; line-height:30px; text-align:center;} .myresult5_list li .c_5 {float:left;width:16%; font-size:12px; color:#555; line-height:30px; text-align:center;} .myresult2_list {overflow:hidden;} .myresult2_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult2_list li:nth-child(even) {background:#fafafa;} .myresult2_list li .seq {float:left;width:3%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresult2_list li .c_name {float:left;width:47%; font-size:12px; color:#555; line-height:30px; } .myresult2_list li .ing {float:left;line-height:30px;width:15%;color:#555;} .myresult2_list li .ing .percent1 {color:#2f2f2f;font-size:12px; line-height:30px; margin:0 0 0 10px;} .myresult2_list li .second0 {float:left;line-height:30px;width:20%;color:#555;} .myresult2_list li .second0 .second1 {color:#2f2f2f;font-size:12px; line-height:30px; margin:0 0 0 10px; width:100%} .myresult2_list li .c_write {float:left;width:15%;font-family:'Roboto';font-size:1.2em;color:#2558b3;text-align:center;line-height:30px;} .myresult2_list li .c_write img {width:15px; height:15px;} .myresult3_list {overflow:hidden;} .myresult3_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult3_list li:nth-child(even) {background:#fafafa;} .myresult3_list li .seq {float:left;width:10%;font-size:12px;color:#eb3b04;line-height:15px;text-align:center;} .myresult3_list li .c_name {float:left;width:50%; font-size:12px; color:#555; line-height:15px; } .myresult3_list li .per {float:left;width:15%; font-size:12px; color:#555; line-height:15px; } .myresult3_list li .name {float:left;width:25%; font-size:12px; color:#555; line-height:15px; } .ebookresult3_list {overflow:hidden;} .ebookresult3_list li {overflow:hidden;text-align:center;border:1px solid #ddd;background-color:#f8f8f8;padding:10px; } .ebookresult3_list li:nth-child(even) {background:#fafafa;} .ebookresult3_list li .seq {float:left;width:20%;font-size:11px;color:#555;line-height:15px;text-align:center;} .ebookresult3_list li .c_name {float:left;width:20%; font-size:11px; color:#555; line-height:15px; } .ebookresult3_list li .per {float:left;width:20%; font-size:11px; color:#555; line-height:15px; } .ebookresult3_list li .name {float:left;width:20%; font-size:11px; color:#555; line-height:15px; } .ebookresult3_list li .name2 {float:left;width:20%; font-size:11px; color:#555; line-height:15px; } .myresultname_list {overflow:hidden;} .myresultname_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresultname_list li:nth-child(even) {background:#fafafa;} .myresultname_list li .seq {float:left;width:25%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresultname_list li .c_name {float:left;width:25%; font-size:12px; color:#555; line-height:30px; text-align:center;} .myresultname_list li .c_name {float:left;width:25%; font-size:12px; color:#555; line-height:30px; text-align:center;} .myresultname_list li .per {float:left;width:25%; font-size:12px; color:#555; line-height:30px; text-align:center;} /*.myresultname_list li .name {float:left;width:20%; font-size:12px; color:#555; line-height:30px; text-align:center;}*/ .myresultname_di_list {overflow:hidden;} .myresultname_di_list td {overflow:hidden;padding:10px 0;border-bottom:2px solid #ccc; } .myresultname_di_list td.name {width:8%;font-size:1.0em;color:#eb3b04;line-height:30px;text-align:center;} .myresultname_di_list td.subject {width:8%; font-size:12px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c1 {width:9%; font-size:12px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c2 {width:30%; font-size:11px; color:#555; line-height:15px; text-align:center;} .myresultname_di_list td.c3 {width:15%; font-size:11px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c4 {width:10%; font-size:12px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c5 {width:10%; font-size:12px; color:#555; line-height:30px; text-align:center;} .myresultname_di_list td.c6 {width:10%; font-size:12px; color:#555; line-height:30px; text-align:center;} .myresult4_list {overflow:hidden;} .myresult4_list li {overflow:hidden;padding:10px 0;border-bottom:1px solid #ccc; } .myresult4_list li:nth-child(even) {background:#fafafa;} .myresult4_list li .c_name {float:left;width:20%;font-size:12px;color:#555;line-height:12px;text-align:center;font-weight:bold;} .myresult4_list li .per {float:left;width:20%; font-size:12px; color:#555; line-height:15px; text-align:center;} .myresult4_list li .ncorrect {float:left;width:40%; font-size:12px; color:#555; line-height:15px; text-align:center;} .myresult4_list li .detail {float:left;width:20%; font-size:12px; color:#555; line-height:15px; text-align:center;} .user_ground {float:none;margin-bottom:10px;text-align:center;} .ground_search {float:none;text-align:center;} .subject_list {padding:10px 10px 5px 10px; overflow:auto;} .subject_list li {width:50%;padding-bottom:5px; overflow:auto;} .curriculum_head div.seq {float:left;width:10%; } .curriculum_head div.c_name {float:left;width:47%; } .curriculum_head div.c_write {float:left;width:12%; } .curriculum_head div.c_data {float:right;width:23%; } .curriculum_list li .c_name {float:left;width:38%;color:#555; height:60px; margin:0 auto; } .curriculum_list li .c_write {float:left;width:21%;font-family:'Roboto';font-size:0.65em;color:#2558b3;text-align:center;line-height:56px;} .curriculum_list li .c_data {float:right;width:23%;color:#4c4c4c;font-size:0.65em;overflow:hidden;text-align:center;line-height:58px;} .curriculum_list {} .curriculum_list li {border-bottom:1px solid #ccc; } .curriculum_list li:nth-child(even) {background:#fafafa;} .curriculum_list li .c_name .name {color:#2f2f2f;font-size:12px; line-height:30px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .curriculum_list li .c_name .name2 {color:#2f2f2f;font-size:12px; line-height:30px;} .curriculum_list li .c_name .name3 {color:#2f2f2f;font-size:10px; line-height:60px;} .curriculum_list li .c_data img {width:16px; height:16px; margin:0 1px 0 1px } .curriculum_list li .c_data .m_score {display:none;} .curriculum_list li .c_write img {width:16px; height:16px;} .curriculum_list li .c_write_di {float:left;width:20%;padding:3px ;font-family:'Roboto';font-size:0.8em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_result_di {float:left;width:14%;padding:3px ;font-family:'Roboto';font-size:0.8em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_data_di {float:left;width:14%;padding:3px ;font-family:'Roboto';font-size:0.8em;color:#2558b3;text-align:center;line-height:58px;} .curriculum_list li .c_print_di {float:left;width:14%;padding:3px ;font-family:'Roboto';font-size:0.8em;color:#2558b3;text-align:center;line-height:58px;} .grade_option_box .data1 .name {font-size:16px;} .grade_option_box .data1 .rank {font-size:16px;} .sub_list02 {display:none;} .grade_option_box .data1 img {height:20px;} .grade_option_box select {border:1px solid #cbcbcb;height:25px;line-height:35px; width:85px; font-size:13px;} #total_h, #response_h, #response_h_di, #response_h_di2, #score_h, #gno_h {font-size:1.3em;} #total, #response, #score, #gno {font-size:1.3em;} .form-container .btn { width: 90%; font-size:14px; } .form-container .poptext { width: 90%; font-size:14px; } .form-container .poptext2 { width: 90%; font-size:13px; } .form-popup { width:80%; left:10%; } .form-container .poptext { font-size:15px; } .form-container .poptext2 { font-size:13px; } .w_answer_0,.w_answer_1,.w_answer_2,.w_answer_3,.w_answer_4,.w_answer_5,.w_answer_6,.w_answer_7,.w_answer_8,.w_answer_9 { font-size:15px; } .saech_count { font-size:16px; } .form-container2 .btn { background-color: #4CAF50; color: white; padding: 16px 20px; border: none; cursor: pointer; width: 45%; margin-bottom:10px; opacity: 0.8; font-size:12px; } }