@charset "ks_c_5601-1987";

/* ¿µÀçÇб³¸ðÀÇ°í»ç(2020-03-09) ****************************************************/
.schExam_box {background:#d7ebc6;padding:10px;}
.schExam_box h4 {font-family:'¸¼Àº °íµñ',Malgun Gothic;font-weight:bold;font-size:20px;color:#333;text-align:center;line-height:1em;padding:10px 0 20px 0;}
.schExam_box_inner {background:#fff;padding:10px;}
.schExam_box_inner h5 {}
.info_tbl tbody th {background:#f0f0f0;}
.bg_gray {background:#f0f0f0 !important;}
/* ±×·¡ÇÁ */
.schGraph_box { position: relative; padding:15px 0 0 105px;}
.schGraph {position: relative; padding:0 0 35px 35px;height:250px;}
.schGraph ul:after { clear: both; content: ""; display: block;}
.schGraph ul { /*background: url("//img1s.mbest.co.kr/hschool_foreign/main/schGraph_bg01.gif") repeat-x 0 0;*/background:#f0f0f0;font-size: 11px; height: 100%; border:1px solid #dbdbdb;}
.schGraph li { border-right: 1px solid #dbdbdb; display: inline; float: left; height: 100%; position: relative; text-align: center; top: 0; width:20%;background:#f0f0f0;box-sizing:border-box;}
.schGraph li.ylw { background:#ffffd9;/*background:rgba(255,255,217,.5);*/}
.schGraph .num { color: #666; display: block; font-size: 11px; height: calc(100% - 35px); left: -8px; line-height: 1; padding-right: 8px; position: absolute; text-align: right; top: 5px; width: 31px;color: #666; font-size: 11px; line-height: 1; text-align: right; }
.schGraph li:last-child { border-right: none }
.schGraph .num .g_100 { bottom:100%; }
.schGraph .num .g_80 { bottom:80%; }
.schGraph .num .g_60 { bottom:60%; }
.schGraph .num .g_40 { bottom:40%; }
.schGraph .num .g_20 {bottom:20%; }
.schGraph .num .g_0 { bottom:0%; }
.schGraph .num span  { display: block; left: 0; position: absolute; width: 30px; z-index: 10; }
/**/
.schGraph .line {position:absolute;top:0;left:0;width:100%;height:100%;}
.schGraph .line .g_80 { bottom:80%; }
.schGraph .line .g_60 { bottom:60%; }
.schGraph .line .g_40 { bottom:40%; }
.schGraph .line .g_20 {bottom:20%; }
.schGraph .line span  { display: block; left: 0; height:1px; position: absolute; width: 100%; z-index: 10; background:#dbdbdb;}
/**/
.schGraph .g_term { color: #454343; display: block; font-size: 12px; font-weight: bold; height: 35px; line-height: 38px; position: absolute; bottom:-35px; vertical-align: bottom; width: 100%; }
.schGraph .act { color: #767676; left: 50%; position: absolute; margin-left: -16px; top: -17px; width: 32px;}
.schGraph .g_barA, 
.schGraph .g_barB {bottom: 0;display: block;margin: 0 0 0 -12px;position: absolute;vertical-align: bottom;width: 24px; z-index:999; }
.schGraph .g_barA {background-color: #6fad45;left: 37%; }
.schGraph .g_barB {background-color: #6a9fde;left: 65%;}
.tit_coman {position:absolute;top:100px;left:35px;font-size:11px;line-height:2em;}
.tit_coman .lgnd01,
.tit_coman .lgnd02 {display:block;width:36px;height:8px;}
.tit_coman .lgnd01 {background:#6fad45;}
.tit_coman .lgnd02 {background:#6a9fde;}
/* //±×·¡ÇÁ */
/* ³»¼ºÀû¿¹Ãø±×·¡ÇÁ(2020-03-27) */
.myGraph_box {padding:20px 10px 10px;position:relative;}
.myGraph_box * {box-sizing:border-box;}
.myGraph { display:flex; position:relative;border:1px solid #dbdbdb;border-top:2px solid #515151;height:50px;}
.myGraph .act_start,
.myGraph .act_finish { color: #333;width:20px;height:20px;background:url('//img1s.mbest.co.kr/hschool_foreign/main/gr_bullet.gif') center bottom no-repeat; position: absolute;  top: -23px; text-align:center;font-weight:bold;letter-spacing:-1px;}
.myGraph .act_start {left: 0;margin-left: -10px;}
/* .myGraph .act_finish {right: 0;margin-right: -10px;} */
.myG_bar {display:block;position:absolute;z-index:999999;height:160%;width:2px;background:#ff006c;right:0;top:-22px;}
.myG_bar:before {content:''; position:absolute; top:0; left:-6px; width:15px; height:14px; background:url('//img1s.mbest.co.kr/hschool_foreign/main/ico_star.png') no-repeat;}
.myG_bar .act_grd {position:absolute;display:block;min-width:50px; height:23px; top:80px; left: 50%; transform: translateX(-50%);text-align:center; border-radius: 12px;
    border:3px solid #ff006c; color:#ff006c; padding:0 5px;background:#fff;font-size:13px;font-weight:bold;line-height:17px;letter-spacing:-0.5px;}

.myG_bar .act_grd p {position:absolute;top:-10px;right:-3px;display:block;width:7px;height:7px;background:url('//img1s.mbest.co.kr/hschool_foreign/main/my_gr_bullet.gif') no-repeat;}
.myGraph .g_bar,
.myGraph .g_barA,
.myGraph .g_barB,
.myGraph .g_barC {position:relative; display:block; height:100%; text-align: center;}
.myGraph .g_bar {background:#e5e5e5; border-top-left-radius: 24px; border-bottom-left-radius: 24px;}
.myGraph .g_barA {background:#ffc7c7;}
.myGraph .g_barB {background:#d9b0ff;}
.myGraph .g_barC {background:#a7d87c; border-top-right-radius: 24px; border-bottom-right-radius: 24px;}
.myGraph .g_bar strong,
.myGraph .g_barA strong,
.myGraph .g_barB strong,
.myGraph .g_barC strong {font-size:11px; color:#333; line-height:1.1; letter-spacing: -0.4px; height:100%; display: flex; align-items: center; justify-content: center;}


.myGraph .g_50_bar {display:block;position:absolute;z-index:99999;height:100%;top:0;left:50%;background:#dbdbdb;width:1px;}
.myGraph .num .g_0 { left:-1%; transform: translateX(0);}
.myGraph .num .g_100 { left:96.5%; transform: translateX(0);}
.myGraph .num span:nth-child(2),
.myGraph .num span:nth-child(3),
.myGraph .num span:nth-child(4){width:auto;transform: translateX(9px);}
/*
.myGraph .num .g_50 {left:44.6%; }
.myGraph .num .g_80 { left:71.5%; }
.myGraph .num .g_90 { left:89.5%; }
 */
.myGraph .num span  { display: block; top: -19px; position: absolute; width: 41px; z-index: 10;text-align:left;}
.myGraph_txt {color:#656565;font-size:11px;vertical-align:middle;text-align:right;margin-top:40px;}
.myGraph_txt li {display:inline-block;margin:0 0 0 10px;}
.myGraph_txt span {display:inline-block;width:15px;height:9px;vertical-align:middle;margin:-1px 3px 0 0;}
/* //³»¼ºÀû¿¹Ãø±×·¡ÇÁ(2020-03-27) */
/* //¿µÀçÇб³¸ðÀÇ°í»ç(2020-03-09) ****************************************************/

.schExam_box_inner .txt_point_colorB{color: #ff6600 !important;}
.info_tbl{border-top: 2px solid #555 !important;}
.info_tbl thead th{font-size: 13px !important;font-weight: bold !important;padding: 15px 10px !important;background: #f6fafe !important;}
.info_tbl td{padding: 10px 10px !important;}
.schExam_box_inner{padding: 20px;}
.orange_bg{background: #fff4dc !important;}
.col_group{overflow: hidden;}
.col_group .col_left{float: left;width: 357px;}
.col_group .col_right{float: right;width: 357px;}
.col_group .col_left .col_tit strong span{color:#4170c3;}
.col_group .col_right .col_tit strong span{color:#00b050;}
.txt_blue{color:#4170c3;}
.txt_green{color:#00b050;}
.txt_red{color:#f70202;}
.col_group .col_right .col_tit {position:relative;}
.col_group .col_right .col_tit .r  {position:absolute; bottom:-14px; right:0;}
.graphBox{width: 355px;height: 385px;border: 1px solid #c7cace;box-shadow: 0px 4px 0px #e1e1e1;position: relative;}
.graphBox.math_graph .graph_area{padding:25px 20px 0 10px; }
.graphBox.sci_graph .graph_area{padding:25px 10px 0 20px;}
.graphBox .graph_info{text-align: center;padding-top: 20px; font-size:0;}
.graphBox .graph_info li{display: inline-block;font-size: 13px;letter-spacing: -0.025em;color: #515151;font-weight: bold;}
.graphBox .graph_info li span{display: inline-block;width:23px; height:9px; margin-right: 4px;vertical-align: middle;}
.graphBox.math_graph .graph_info li:nth-child(1) span{background: url("//img1s.mbest.co.kr/hschool_foreign/main/graph_info1.png") no-repeat 0 0;} 
.graphBox.math_graph .graph_info li:nth-child(2) span{background: url("//img1s.mbest.co.kr/hschool_foreign/main/graph_info2.png") no-repeat 0 0;}
.graphBox.sci_graph .graph_info li:nth-child(1) span{background: url("//img1s.mbest.co.kr/hschool_foreign/main/graph_info3.png") no-repeat 0 0;}
.graphBox.sci_graph .graph_info li:nth-child(2) span{background: url("//img1s.mbest.co.kr/hschool_foreign/main/graph_info2.png") no-repeat 0 0;}


.myGraph{border: 0;}
.myGraph_box{border: 1px solid #c7cace;padding:30px 20px 30px;box-shadow: 0px 4px 0px #e1e1e1;}
.myGraph .num span{font-size: 11px;color: #777;letter-spacing: -0.025em;}
.myGraph_txt{text-align: left;margin-top: 25px;}
.myGraph_txt span{width: 13px;height: 13px;vertical-align: top;margin-top: 2px;}
.myGraph_txt li{font-weight: bold;margin-left: 20px;}
.myGraph_txt li:nth-child(1){margin-left: 0;}
/* .myGraph_txt li:nth-child(1) span{background: #ff9c9c;}
.myGraph .g_barA, .myGraph_txt li:nth-child(1) span{background: #ff9c9c;}
.myGraph_txt li:nth-child(2) span{background: #f3c478;}
.myGraph .g_barB, .myGraph_txt li:nth-child(2) span{background: #f3c478;}
.myGraph_txt li:nth-child(3) span{background: #9fcd77;}
.myGraph .g_barC, .myGraph_txt li:nth-child(3) span{background: #9fcd77;} */
/* .myG_bar{background: #cfe6bb;} */
.myGraph .g_50_bar{background: none;}
.myGraph .act_start, .myGraph .act_finish{font-size: 11px;height: 25px;letter-spacing: -0.025em;}
.myGraph .act_start{background:url('//devimg1.mbest.co.kr/hschool_foreign/main/gr_bullet1.png') center bottom no-repeat;color: #d33d3d;}
.myGraph .act_finish{background:url('//devimg1.mbest.co.kr/hschool_foreign/main/gr_bullet2.png') center bottom no-repeat;color: #457b48;}
.graph_table th, .graph_table td{border-right: 1px solid #c3cad0 !important;border-bottom: 1px solid #c3cad0 !important;}
.graph_table .bor_r_no{border-right: none !important;}
.graph_table td{font-weight: bold;}
.graph_table .c_line{border-right: 1px solid #c3cad0 !important;}
.graph_table .bg_blue{background: #eaf4fe;}
.graph_table .bg_orange{background: #fff4dc;}

/* 2025-04-01 */
.myGraph_box .r_info {position:absolute; right:38px; top:18px; border-radius: 20px; background-color: #f4f4f4; padding:11px 15px; font-size:0;}
.myGraph_box .r_info >span {display:inline-flex; align-items: center; font-size:12px; color:#777; font-weight: bold;vertical-align: middle;}
.myGraph_box .r_info >span +span {margin-left: 20px;}
.myGraph_box .r_info >span:before {content:''; display:inline-block; width:11px; height:11px; background:no-repeat 0 0; margin-right:5px;}
.myGraph_box .r_info >span:nth-child(1):before {background-image:url('//img1s.mbest.co.kr/hschool_foreign/main/ico_round.png');}
.myGraph_box .r_info >span:nth-child(2):before {background-image:url('//img1s.mbest.co.kr/hschool_foreign/main/ico_star.png'); width:15px; height:14px;}

.suc_student_graph {position:relative; width:100%; padding: 28px 45px 0 0; margin-top:35px;}
.suc_student_graph .num {position: absolute; top:0; left:0; width:100%; display: flex; justify-content: space-between; margin-left: -11px;}
.suc_student_graph .txt {position:absolute; right:0; top:0; padding-top: 25px;}
.suc_student_graph .txt span {display:block; font-size:12px; color:#333; font-weight: bold;}
.suc_student_graph .txt span + span{margin-top: 20px;}
.suc_student_graph .graph_box {display: flex; flex-direction: column; justify-content: space-between; width:100%; height:86px; font-size:0; }/*background:url('//devimg1.mbest.co.kr/hschool_foreign/main/student_graph.jpg') no-repeat;*/
.suc_student_graph .graph_box .bg {position:absolute; top:28px; left:0; width:643px; height:86px; border:2px solid #e5e5e5;display: flex;}
.suc_student_graph .graph_box .bg .line {position:absolute; width:100%; left:0; top:50%; height:1px; background:#e5e5e5;}
.suc_student_graph .graph_box .bg > span {flex:1; height:100%; display:block; border-left:1px solid #e5e5e5;}
.suc_student_graph .graph_box .bg > span:first-child {border-color: #fff;}
.suc_student_graph .graph_box >div[class*="line"] {display:flex; height:2px; position: absolute; width: 642px; left:0;}
.suc_student_graph .graph_box >div[class*="line"]:nth-child(1) {top:28px}
.suc_student_graph .graph_box >div[class*="line"]:nth-child(2){top:61%;}
.suc_student_graph .graph_box >div[class*="line"]:nth-child(3) {top:98%;}
.suc_student_graph .graph_box >div[class*="line"] > span {position:absolute;  display:inline-block; background:center no-repeat; right:100%; transform: translateX(55%);}
.suc_student_graph .graph_box >div span.student_pos {width:11px; height:11px; background-image:url('//img1s.mbest.co.kr/hschool_foreign/main/ico_round.png'); margin-top: -4px;}
.suc_student_graph .graph_box >div span.my_pos {width:15px; height:14px; background-image:url('//img1s.mbest.co.kr/hschool_foreign/main/ico_star.png');  margin-top: -6px;}
.total_txt_box .total_box {padding:30px; background:#ffffd9; margin-top: 14px; font-size:13px; color:#515151; font-weight: bold; letter-spacing: -0.05em;}

.info_tbl_tit {position:relative; padding-bottom: 20px;}
.info_tbl_tit .r_txt {position:absolute; right:0; bottom:3px}