@charset "euc-kr";
/* common */
#wrap .full_wrap { position: relative; margin:0; padding:0; font-family: 'Noto Sans KR', '¸¼Àº °íµñ', 'Malgun gothic', 'Dotum', 'µ¸¿ò', Sans-Serif; }
.full_wrap .inner { width:950px; position:relative; margin:0 auto; }

/* full_title */
.full_title { background:url('/Img2/Blackgosi/Event/full/190401/full_title_bg.jpg') 50% 0 no-repeat;}
.full_title .inner{ position: relative; width: 1100px; margin: 0 auto; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center;}
.full_title .title_date { position: absolute; top:190px; left:0; right:0; margin:0 auto; letter-spacing: -1px;}
.full_title .title_date span{ position: relative;display: inline-block; background:rgba(0,0,0,0.8); color:#fff; font-weight: 700; font-size: 27px; padding:12px 42px; border-radius:50px;}
.full_title .title_date span:after{ content:''; position: absolute; width:1px; height:21px; background:#8e8e8e; top:22px; left:285px;}
.full_title .title_date span em{ padding-left: 35px;}
.full_title .brief_link{ position: fixed; top: 318px; left: 50% !important; z-index: 999; margin: 0 0 0 551px;}

.full_title .black_link{ position: fixed; top: 210px; left: 50% !important; z-index: 999; margin: 0 0 0 561px;}
.full_title .history_link{ position: fixed; top: 570px; left: 50% !important; z-index: 999; margin: 0 0 0 561px;}

.full_tab { border-top:none; background:#070707; *zoom:1; }
.full_tab .inner{ position: relative; width: 1100px; margin: 0 auto; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center;}
.full_tab ul{ width:1100px; margin:0 auto; }
.full_tab ul:after{ content:" "; display:block; clear:both; height:0; visibility:hidden; }
.full_tab ul li{ position:relative; float:left;}
.full_tab ul li a:first-child{ border-left:1px solid #787878; }
.full_tab ul li a{ display:block; width:219px; height:113px; text-align: center; border-right:solid 1px #787878; font-size:26px; font-weight:500; color:#a5a5a5; line-height:28px; letter-spacing:-1px; margin-right: -1px;}
.full_tab.after ul li a{ width:274px !important; }
.full_tab ul li a span{ display: inline-block; padding-top: 27px; font-weight: 600;}
.full_tab ul li a.on { border-top-left-radius: 12px; border-top-right-radius: 12px; background:#fff; color:#fe4942; font-size: 28px;}
.full_tab ul li a.on span{ font-weight: 700;}
.full_tab .coming_soon { position: absolute; top: 0; left: 20%; right: 0; bottom: 0; z-index: 1; display: table; width: 80%; height: 113px; text-align: center; background: rgba(0, 0, 0, .6); }
.full_tab .coming_soon strong { display: table-cell; vertical-align: middle; font-size: 24px; color: #DD484A; font-weight: 600;}

.tab_conts .sbj_title{ position: relative;width:950px; text-align:left; margin:0 auto 40px auto;}
.tab_conts .sbj_title:before{ content:'';  display:block; clear:both; position: absolute; top:-20px; left:0; width:40px; height:8px; background:#d7484e;}
.tab_conts .sbj_title.purple:before{ background:#3633ae;}
.tab_conts .sbj_title span.title{ display: inline-block; line-height: 1;font-size: 32px; color:#000; font-weight: bold; font-family:'Noto Sans Kr','¸¼Àº °íµñ','Malgun Gothic'; letter-spacing: -1px;}
.tab_conts .sbj_title span.title strong{ color:#e10000;}
.tab_conts .sbj_title span.sub-title{ display: inline-block; line-height: 1;font-size: 14px; color:#888; font-weight: 400; font-family:'Noto Sans Kr','¸¼Àº °íµñ','Malgun Gothic'; letter-spacing: -1px; text-indent: 20px;	}
.tab_conts .sbj_title2{ margin:60px auto 10px; text-align: left; font-size: 22px; color:#202020; font-weight: bold;font-family:'Noto Sans Kr','¸¼Àº °íµñ','Malgun Gothic'; letter-spacing: -1px;}

.tab_conts table.tbl_col.tbl_h td a{ display:inline-block; width:180px; height:61px; line-height:58px; color:#ffffff; text-align:center; padding:0 11px 0 0; background:url('/Img2/Blackgosi/Event/full/190401/tab1_btn_style01.png') no-repeat left top; cursor:pointer; }
.tab_conts table.tbl_col.tbl_m td a{ display:inline-block; width:180px; height:61px; line-height:58px; color:#ffffff; text-align:center; padding:0 11px 0 0; background:url('/Img2/Blackgosi/Event/full/190401/tab1_btn_style02.png') no-repeat left top; cursor:pointer; }
.tab_conts table.tbl_col td a span{ display:inline-block; width:154px; height:46px; font-size:22px; letter-spacing: -1px; margin:0 10px 0 0; }
.tab_conts table.tbl_col	{ width:950px; margin:0 auto; border-top:3px solid #afafaf; border-bottom:1px solid #afafaf; table-layout:fixed; }
.tab_conts table.tbl_col th{ height:55px; line-height:52px; color:#202020; font-family: ¸¼Àº °íµñ, Malgun gothic; letter-spacing: -1px; font-size:22px; text-align:center; border-bottom:1px solid #afafaf; border-right:1px solid #afafaf; background:#eee; }
.tab_conts table.tbl_col tbody th { border-top:1px solid #afafaf; }
.tab_conts table.tbl_col th.endline	{ border-right:none; }
.tab_conts table.tbl_col td{ color:#525252; text-align:center; font-size:18px; padding:22px 0 22px 0; border-right:1px solid #afafaf; background:#ffffff; }
.tab_conts table.tbl_col tr.full_text td	{ height:46px; line-height:46px; }
.tab_conts table.tbl_col td.endline	{ border-right:none; }

/* teaser */
.tab_conts .banner{ width:100%; padding:60px 0; background:#e8e8e8;}
.tab_conts .banner a{ display: inline-block; margin:0 auto;}
.before_apply { padding:0 0 100px 0; margin:-110px 0 0 0; /*height:1143px; background:#121a1f url('/Img2/Common/Event/full/blackgosi2/201703/bg_benefit.jpg') 50% 0 no-repeat;*/}
.before_apply img { vertical-align:top;}

.full_banner { text-align:right; margin-top:50px; }
.full_common { position:absolute; left:0; top:0; width:277px; padding:0 0 0 33px; }
.full_body p { padding:0; margin:0;}
.tab_title { text-align:center; background:url(/Img2/Common/Event/full/quark/201509/bg_tab_title.gif) no-repeat 50% top; }
.full_set { height:22px; padding:10px 0 10px 0; }

.full_view { width:950px; margin:0 auto; }
.full_view dt { margin:0 0 30px 0; }
.full_view dd { margin:0 0 0 0; *zoom:1; }
.full_view dd:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
.full_view dd a { display:inline-block; float:left; margin:0 0 0 40px; }
.full_view dd a.f_first { margin:0 0 0 0; }
.full_view dd a.f_last { margin:0 0 0 40px; }

.full_view dd span { display:inline-block; float:left; margin:0 0 0 40px; }
.full_view dd span.f_first { margin:0 0 0 0; }
.full_view dd span.f_last { margin:0 0 0 40px; }

.full_con .dimm { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:url('/Img2/Common/Event/full/blackgosi2/201803/bg_white.png') 0 0 repeat; z-index:100;}
.full_con .dimm img { padding-top:100px;}

/* score */
.bgcolor_red { background-color:#E10000 !important; }

.button_section { text-align: center;}
.button_section > div{ display: inline-block; margin:10px;}
.button { display: inline-block; width: 450px; padding: 24px 23px; border-radius:7px; text-align: center; background-color: #222; -webkit-box-sizing: border-box; box-sizing: border-box; }
.button span { position: relative; display: block; line-height: 1; font-size: 26px; font-weight: 500; color: #fff; letter-spacing: -1px; }
.button span:after { content: ''; position: absolute; top: 50%; right: 0; width: 10px; height: 10px; margin-top: -5px; border-top: 1px solid #fff; border-right: 1px solid #fff; 
-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.score_service .button_section{ margin-bottom: 80px; }
.score_answer .button_section{ margin-bottom: 80px; }

.score_number input.exam_number { padding:3px 10px; width:290px; height:28px; font-size:16px; color:#333; background:#fff; border:1px solid #c2c2c2; }
.score_type { display: none;}

.score_subject .mark_extra { margin:0 0 100px 0; }
.score_subject .mark_extra dt { text-align:left; font-size:20px; font-weight:bold; color:#010101; letter-spacing:-2px; padding:0 0 10px 0; }
.score_subject .mark_extra dt span { display:inline-block; font-size:14px; font-weight:bold; color:#888888; letter-spacing:-1px; padding:0 0 0 10px; }
.score_subject .mark_extra dd { text-align:left; font-size:15px; font-weight:bold; color:#585858; letter-spacing:-2px; padding:15px 0; border-top:3px solid #afafaf; border-bottom:1px solid #afafaf; }
.score_subject .mark_extra dd span { display:inline-block; font-size:14px; font-weight:bold; color:#888888; letter-spacing:-1px; padding:0 0 0 20px; }
.score_subject .mark_extra dd span input { width:18px; height:18px; vertical-align:middle; }
.score_subject .mark_extra dd span label { vertical-align: middle; display:inline-block; padding:0 0 0 10px;color:#333;font-size: 18px; font-weight: 600;}

.score_answer .tblmark { position:relative; width:950px; margin:0 auto 60px; border-top:3px solid #afafaf; border-bottom:2px solid #afafaf;}
.score_answer .tblmark table { width:100%;}
.score_answer .tblmark table th { padding:0; text-align:center; vertical-align:middle; font-weight:bold; color:#585858; font-size:14px; letter-spacing:-2px; background:#f1f1f1; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8;}
.score_answer .tblmark table td { height:30px; text-align:center; vertical-align:middle; font-weight:bold; color:#333; font-size:12px;letter-spacing:-1px; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8;}
.score_answer .tblmark table td.label_subject { color:#333; background:#f1f1f1; font-size: 18px; font-weight: 600;}
.score_answer .tblmark table td input { width:18px; height:18px; text-align:center; font-size:15px; color:#333; background:#f8f8f8; border:1px solid #c2c2c2;}
.score_answer .tblmark table tr:first-child th, .score_answer .tblmark table tr:first-child td { border-top:0 none;}

.tblrow, .tblcol { position:relative; width:950px; margin:0 auto; border-top:3px solid #afafaf; border-bottom:1px solid #afafaf; }
.tblrow table, .tblcol table { width:100%;}
.tblrow table th { padding:16px 0; text-align:center; vertical-align:middle; font-weight:600; color:#000; font-size:18px; letter-spacing:-2px; background:#ffffff; border-left:1px solid #afafaf; border-top:1px solid #afafaf;}
.tblrow table thead th.tbl_empty { background:#eceae6; border-left:none; }
.tblrow table tbody th { border-left:none; background:#f1f1f1; }
.tblrow table td { padding:14px 0; text-align:center; vertical-align:middle; font-weight:bold; color:#000; letter-spacing:-1px; border-top:1px solid #afafaf; border-left:1px solid #afafaf;}
.tblrow table td strong { font-size:18px; }
.tblrow table tr .left { text-align:left !important; padding-left:22px;}

.section_full_auto.is_score .button_section{ margin:50px 0 80px 0; }
.section_full_auto h5.title { text-align: center; font-size: 26px; color: #333; background:#000; color:#fff; margin-top: 50px;padding:10px 0;}
.section_full_auto .notice {font-size: 14px; color:#585858; margin:20px 0 50px;}
.section_full_auto .table_wrap { width: 950px; margin:0 auto;}
.section_full_auto .table_wrap table { width: 100%; border-top: 3px solid #afafaf; table-layout: fixed; }
.section_full_auto .table_wrap th,
.section_full_auto .table_wrap td { padding: 10px 5px; text-align: center; font-size: 16px; color: #383838; border-left: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; }
.section_full_auto .table_wrap th { background-color: #ececec; }
.section_full_auto .table_wrap th:first-child,
.section_full_auto .table_wrap td:first-child { border-left-width: 0; }
.section_full_auto .typeselect th, .section_full_auto .typeselect td{ font-size: 22px;}
.section_full_auto .typeselect td span{ display: inline-block; vertical-align: bottom; padding-left: 10px;}
.section_full_auto .typeselect input{ width:20px; height:20px; line-height: 30px; margin:0;}

.exam_type { font-weight: bold; color: #00c2e3; }

.section_full_auto .warning { font-weight: bold; color: #e10000 !important; }
.section_full_auto .primary { font-weight: bold; color: #00c2e3 !important; }
.section_full_auto h3.title { margin-top: 60px;  text-align: left; font-size: 20px; color: #585858; }
.section_full_auto input { width: 100%; height: 30px; line-height: 30px; font-family: verdana; color: #585858; border: 1px solid #c2c2c2; background-color: #f8f8f8; }

.section_full_auto .table_answer .label_subject { padding: 10px; font-size: 16px; color: #585858; }
.section_full_auto .table_answer th,
.section_full_auto .table_answer td { padding: 9px; text-align: center; font-size: 12px; }
.section_full_auto .table_answer input { height: 20px; line-height: 20px; text-align: center; }
.section_full_auto .table_answer.is_essay td { position: relative; }
.section_full_auto .table_answer.is_essay th:first-child,
.section_full_auto .table_answer.is_essay td:first-child { border-left-width: 0; }
.section_full_auto .table_answer.is_essay p { margin: 0; padding-right: 40px; text-align: left; font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'µ¸¿ò', Dotum, '±¼¸²', Gulim, sans-serif; }
.section_full_auto .table_answer.is_essay select { position: absolute; top: 50%; right: 5px; width: 50px; height: 26px; line-height: 26px; margin-top: -13px; padding: 4px 5px 3px; font-size: 12px; color: #666; border: 1px solid #cbcbcb; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.section_full_auto .table_answer.is_essay .num { color: #c02b14; background-color: #ffd2cb; }
.section_full_auto .table_wrap + .table_wrap { margin-top: 57px; }
.section_full_auto .table_answer + .title { margin-top: 57px; }
.section_full_auto .title + .table_answer { margin-top: 10px; }

.section_full_auto .table_answer th:first-child,
.section_full_auto .table_answer td:first-child { border-left-width: 1px; }
.section_full_auto .table_wrap td.label_subject { border-left-width: 0; }

.section_button { margin-top: 50px; margin-bottom: 100px; text-align: center; }
.section_button .col { position: relative; }
.section_button .col_1_1 { clear: both; width: 100%; margin-top: 34px; }
.section_button .col_1_1 strong { display: inline-block; height: 43px; line-height: 43px; margin-right: 25px; font-size: 16px; color: #e10000; }
.section_button .col_1_2 { width: 50%; padding-left: 10px; text-align: left; }
.section_button .col_1_2:first-child { padding-left: 0; padding-right: 10px; text-align: right; }
.section_button .col_1_3 { width: 33.33%; width: calc(100%/3); padding-left: 10px; }
.section_button .button { position: relative; min-width: 310px; }
.section_button .button.reset { background-color: #aeaeae; }
.section_button .button.review { background-color: #00b0ce; }
.section_button .button span { font-size: 24px; }
.section_button .flag { position: absolute; top: -9px; left: 0; right: 0; }
.section_button .flag em { display: inline-block; padding: 3px 20px 4px; font-size: 14px; color: #ff0000; border: 1px solid #999; background-color: #fff; }
.section_button p { margin-top: 30px; font-family: '¸¼Àº °íµñ', 'Malgun Gothic'; font-size: 14px; color: #666; }

.section_full_auto .table_wrap .score,
.section_full_auto .table_wrap .result { font-size: 24px; }
.section_full_auto .table_wrap .result { color: #e10000; }
.section_full_auto .table_wrap tfoot th,
.section_full_auto .table_wrap tfoot td { background-color: #f8f8f8; }
.section_full_auto .table_wrap tfoot td { font-size: 24px; font-weight: bold; }

.section_survey{ margin-top:30px; position: relative; background:url('//img.eduwill.net/Img2/jutek/promotion/full/190701/bg_survey.png') no-repeat 50% top; width:922px; height:147px;}
.section_survey .picknum{ position: absolute; top:0; left:25px; width:76px; height:76px; border-radius:50%; background:rgba(0,0,0,.7);  }
.section_survey .picknum .num{ padding-top: 14px; font-weight: bold; color:#fff; font-size: 22px; text-align: center; line-height: 1.1;}

/* explain */
.explain .explain_title { padding:11px 0; background:#af3c49; text-align: center; font-size: 28px; font-weight: 500; color:#fff; margin-bottom: 74px;}
.explain .explain_title.middle { background:#2e2b7c; }
.explain .explain_list .col{ margin-right: 11px; margin-bottom: 52px;}
.explain .explain_list .col:nth-child(4n){ margin-right: 0;}

.marking_result .tblrow { margin: 0 auto 50px; }
.marking_result .tblcol { margin: 0 auto 50px; }
.marking_result .tblrow th, .marking_result .tblrow td { font-size:16px; font-weight:bold;}
.marking_result .tblrow table td strong.txt1 { font-size:22px; color:#1b987f; letter-spacing:-2px;}
.marking_result .tblrow table td strong.txt2 { font-size:22px; color:#888; letter-spacing:-2px;}

.answer_down .answer_info { margin: 15px auto 100px; color:#7c7c7c; text-align:right; font-size:14px;font-family:'Noto Sans Kr','¸¼Àº °íµñ','Malgun Gothic'; letter-spacing: -1px;}
.answer_down .answer_info strong { color:#e10000; font-weight:normal; }

.tab_4_noti { position: absolute; top:374px; left:10px; }
.tab_4_noti span { color:#737373; text-align:left; font-size:14px;font-family:'Noto Sans Kr','¸¼Àº °íµñ','Malgun Gothic'; letter-spacing: -1px;}

/* event */
.event .b_inner{ width:950px; margin:0 auto; position: relative;}
.event .event-title{ position: relative; text-align: center;}
.event .event-title .event-typo{ position: absolute; top:50%; left:50%;margin-top: -110px; margin-left: 222px;}
.event .event_benefit1{ position: relative; background:#f1f1ff;}
.event .event_benefit2{ position: relative; background:#fff;}
.event .event_benefit3{ position: relative; background:#f1f1ff;}
.event .benefit{ position: absolute;}
.event .benefit li{ color:#2d2d2d; text-align:left; font-size:16px;font-family:'Noto Sans Kr','¸¼Àº °íµñ','Malgun Gothic'; margin:13px 0; font-weight: 500; height:24px; }
.event p.noti{ position: absolute;}
.event p.noti span{color:#929292; text-align:left; font-size:14px;font-family:'Noto Sans Kr','¸¼Àº °íµñ','Malgun Gothic'; letter-spacing: -1px;}
.event a.b-btn{ display: inline-block; height:24px; line-height: 24px; padding:0 10px; background:#373737; color:#fff; font-size: 12px; border-radius:5px; font-weight: 400;}

.section_review{ padding:100px 0;background:#3633ae;}
.section_review .inner{ padding:50px 25px; border-radius:20px; background:#fff; }
.section_review .event_title{ padding:30px 0; position: relative; font-size: 55px; font-weight: 700; color:#2d2d2d; text-align: center; line-height: 1.2; letter-spacing: -3px;}
.section_review .event_title strong{  font-size: 55px; font-weight: 700; color:#1d73e6;}
.section_review .event_title div{ margin-top: 20px; margin-bottom: 55px; line-height: 1.4; color:#1e1e1e; font-size: 18px; letter-spacing: -1px; font-weight: 400;}

.section_review .write_wrap .desc { width: 740px; height:120px;}
.section_review .write_wrap textarea { width: 100%; height: 120px; padding: 10px; overflow-y: auto; border: 1px solid #e0e0e0; outline: none; resize: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
.section_review .write_wrap .action { width: 180px; padding-left: 15px; }
.section_review .write_wrap .notice { float: none; clear: both; text-align: left; font-size: 13px; color: #050505; font-weight: 400;}

.reviewbyte{ float:right !important; }
.reviewbyte > div{ padding:5px 215px 0 0; font-size: 14px; color:rgba(0,0,0,.5);}
.reviewbyte input{ background:none; border:0; padding:0; margin:0; width:30px; height:25px;text-align: center;vertical-align: middle; color:#333;}
.reviewbyte > div span{ display: inline-block; vertical-align: middle; line-height: 25px;}

.write_wrap .desc { width: 770px; }
.write_wrap textarea { width: 100%; height: 120px; padding: 10px; overflow-y: auto; border: 1px solid #e0e0e0; outline: none; resize: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
.write_wrap .action { width: 180px; padding-left: 15px; }
.write_wrap .notice { float: none; clear: both; padding-top: 20px; text-align: left; font-size: 12px; color: #999; }

.list_wrap { margin-top: 68px; border-bottom: 1px solid #777; }
.list_wrap .list { border-top: 1px solid #eaeaea; }
.list_wrap .list:first-child { border-top-width: 3px; border-top-color: #777; }
.list_wrap .col { padding: 30px 0 30px 12px; text-align: left; font-size: 12px; }
.list_wrap .number { width: 50px; color: #434343; }
.list_wrap .user { width: 120px; }
.list_wrap span { display: block; color: #000; }
.list_wrap .date { color: #888; }
.list_wrap .desc { width: 660px; line-height: 1.7; font-size: 14px; color: #333; }
.list_wrap .action { width: 120px; text-align: center; }

.grid { -webkit-box-sizing: border-box; box-sizing: border-box; *zoom: 1; }
.grid:before,
.grid:after { content: ''; display: table; }
.grid:after { clear: both; }
.col { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* paging */
.paging { height:60px; width:100%; text-align: center; margin-top:30px;}
.paging a { display: inline-block; height: 12px; line-height: 12px; padding: 0 5px; font-family: verdana; text-decoration: none; font-size: 12px; color :#666; letter-spacing: 0; }
.paging a.on { text-decoration: underline; font-weight: bold; color: #e62a29; }
.paging a.prev,
.paging a.next { padding: 0; background: none; }
.paging a.prev,
.paging a.next { top: 0; }

/* report */
.cover { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .85); }
.cover .wrap { margin-top: 245px; line-height: 1.1; text-align: center; font-family: 'Noto Sans KR'; font-size: 40px; font-weight: bold; color: #000; letter-spacing: -2px; }
.cover .wrap strong { display: block; margin-bottom: 16px; font-size: 70px; }
.cover .notice{ text-align: center; font-size: 48px; margin-top: 120px;}
.cover .notice strong em{ color:#3395f0; }
.hidden { position: absolute; display: inline-block; overflow: hidden; clip: rect(0 0 0 0); width: 0px; height: 0px; margin: -1px; padding: 0; word-break: keep-all; white-space: nowrap; color: transparent; border: 0; text-indent: -9999px; }

.report .section_title { margin-top: 75px; text-align: left; }
.report h4.title { position: relative; font-size: 32px; color: #000; background: none; letter-spacing: -1px;}
.report h4.title strong{ color: #dd494a; }

.section_general_review { margin-top: 20px; }
.section_general_review ul { padding: 30px; text-align: left; border: 1px solid #e5e5e5; background-color: #f3f3f3; }
.section_general_review li { position: relative; line-height: 1.8; padding-left: 10px; font-size: 16px; color: #202020; }
.section_general_review li{ margin-top: 10px;}
.section_general_review li:before { content: ''; position: absolute; top: 11px; left: 0; display: block; width: 4px; height: 4px; background-color: #999; }

.full_body .table_wrap.average th, .full_body .table_wrap.average td{ padding:25px 10px;}
.full_body .table_wrap.average td.best_score{ color:#DD0402; font-weight: 700; }

.section_chart #placeholder{}
.section_chart { margin-top: 20px; }
.section_chart .wrap { padding: 30px; border:none;}
.section_chart .flot-x-axis .tickLabel{ font-weight: bold; font-size: 22px; font-weight: 400; }
.section_chart .flot-y-axis .tickLabel{ font-weight: 300; font-size: 18px; color:#202020; text-align: right; min-width:60px;}
.section_chart #legend{ position: relative; top:20px; left:76px;}
.section_chart #legend table tr td{ font-size: 17px; color:#202020; padding:0 5px;}

.section_pie_chart { margin-top: 20px; padding-bottom: 150px; }
/* .section_pie_chart .pieLabel > div { font-size: 13px !important;} */

.tab_average { -webkit-box-sizing: border-box; box-sizing: border-box; *zoom: 1; }
.tab_average:before,
.tab_average:after { content: ''; display: table; }
.tab_average:after { clear: both; }
.tab_average li { float: left; width:14.28571428571429%; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; }
.tab_average li:first-child { border-left: 0; }
.tab_average a { display: block; padding: 20px 0 21px; line-height: 1.2; font-size: 20px; color: #7e7e7e; border: 1px solid #ddd; }
.tab_average li:hover a,
.tab_average li.in a { font-weight: 500; color: #fff; border-color: #2e3035; background-color: #2e3035; }

.data_average .data_graph{ padding-top: 40px;}
.data_average #legend_pie_12{ position: absolute; top:0; right:8px;}
.data_average #legend_pie_13{ position: absolute; top:0; right:8px;}
.data_average #legend_pie_11{ position: absolute; top:0; right:8px;}
.data_average { margin-top: 70px; }
.data_average .item { display: none; }
.data_average .item.in { display: block; }
.data_average .col { width: 50%; position: relative; }
.data_average .table_wrap { margin-top: 0; }
.data_average .table_wrap th { font-size: 16px; color: #666; }
.data_average .table_wrap td { font-size: 18px; color: #333; }
.data_average .my_score th,
.data_average .my_score td { background-color: #e2fafe; }
.data_average .my_score td.percentage { font-weight: bold; color: #e10000; }
.data_average .legend { position: absolute; top: 0; right: -40px; width: 80px; }
.data_average .legendLabel { font-family: '¸¼Àº °íµñ', 'Malgun Gothic'; font-size: 12px; color: #999; }

.report .table_wrap.average table{ margin-top: 20px;}
.report .table_wrap.average td.best_score{ color:#DD0402; font-weight: 700; }
.report .table_wrap table { width: 100%; border-top: 3px solid #afafaf; table-layout: fixed; }
.report .table_wrap th,
.report .table_wrap td { padding: 15px 10px; text-align: center; font-size: 22px; color: #383838; border-left: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; }
.report .table_wrap th { background-color: #ececec; }
.report .table_wrap th:first-child,
.report .table_wrap td:first-child { border-left-width: 0; }
.report .table_wrap td .subject{ font-weight: 500; }
.report .table_wrap .text_left { text-align: left; }
.report .table_wrap .user_info td { font-family: verdana; }

/* banner */
.black_banner{ padding:80px 0; background:#e8e8e8;}
.black_banner ul{ width:950px; margin:0 auto;}
.black_banner ul li{ position: relative; background:#fff; padding:34px 30px;margin-bottom: 15px;border:2px solid #d0cbcb;box-sizing:border-box;}
.black_banner ul li p{font-size: 24px;color:#ef6ccb;}
.black_banner ul li strong{font-size: 42px;color:#f31cb5; display: block;letter-spacing: -3px; margin-bottom: 20px;}
.black_banner ul li span{ font-size: 15px;color:#6d6d6d;display: block;}
.banner_btn{ position: absolute; top:20px; right:33px;}
.banner_btn a{ position:relative; display: block; margin:10px 0;}
.banner_btn a.banner_link{ background:#f21cb8;width:255px;height:70px;line-height: 70px; text-align: center;}
.banner_btn a.banner_link.link2{ background:#0cacae;}
.banner_btn a.banner_link span{ color:#fff; font-size: 26px; letter-spacing: -2px;}
.banner_btn a.banner_link.link2 span{color:#fff !important;}
.banner_btn a.banner_link span:after{ position: absolute; top:50%;margin-top: -7px; right:15%; content:'';width:14px;height:14px;border-top:2px solid #fff; border-right:2px solid #fff; transform: rotate(45deg);}
.black_banner_2 p{color:#29babc !important;}
.black_banner_2 strong{ color:#0cacae !important;}