/************************** 공통 ******************************/



.wrap{}
.wrap .inner{width: 1050px;margin:0 auto;}
h3{font-size: 21px;line-height: 30px;color:#000;}
h4{font-size:15px;line-height: 22px;color:#000;}
/*  btn 공통 */
.btn-white{display: block;background: #fff;height: 22px;border:1px solid #d2d2d2;padding: 0 10px;color:#000;font-size:11px;line-height: 21px;border-radius: 12px; text-align: center;}
.btn-blue{display: inline-block;background: #00b7ee;height: 23px;padding:1px 10px 0 10px;color:#fff;font-size:11px;line-height: 22px;border-radius: 12px;text-align: center; width:44px !important;}
.btn-etc{display: inline-block;background: #ffffff;height: 23px;padding: 0 10px;color: #020202;font-size:11px;line-height: 22px;border-radius: 12px;text-align: center;  border:1px solid #2b2b2b;}
.btn-new-qna{display: inline-block;background: #ff6969;height: 16px;color:#fff;font-size:11px;line-height: 14px;border-radius: 12px;text-align: center;width:18px !important;}
.btn-notice-qna{display: inline-block;background: #ee0053;height: 23px;color:#fff;font-size:11px;line-height: 22px;border-radius: 12px;text-align: center;width:37px !important;}
.btn-done-qna{display: inline-block;background: #66a000;height: 23px;color:#fff;font-size:11px;line-height: 22px;border-radius: 12px;text-align: center;width:37px !important;}
.btn-done-box-qna{cursor:pointer; display: inline-block;background: #66a000;height: 30px;color:#fff;font-size:15px;line-height: 30px;border-radius: 12px;text-align: center;width:50px !important;}
.btn-waiting-qna{display: inline-block;background: #ee9f00;height: 23px;color:#fff;font-size:11px;line-height: 22px;border-radius: 12px;text-align: center;width:37px !important;}
.btn-waiting-box-qna{cursor:pointer; display: inline-block;background: #ee9f00;height: 30px;color:#fff;font-size:15px;line-height: 30px;border-radius: 12px;text-align: center;width:50px !important;}
.btn-edit-qna{display: inline-block;background: #007fee;height: 23px;color:#fff;font-size:11px;line-height: 22px;border-radius: 12px;text-align: center;width:37px !important;}
.btn-delete-qna{display: inline-block;background: #ee001c;height: 23px;color:#fff;font-size:11px;line-height: 22px;border-radius: 12px;text-align: center;width:37px !important;}
.btn-blue-long{display: inline-block;background: #00b7ee;height: 23px;padding:1px 10px 0 10px;color:#fff;font-size:11px;line-height: 22px;border-radius: 12px;text-align: center; width:auto !important;}

/* header */
.header{background:#f6f6f6;padding:29px 0 25px;border-bottom: 2px solid #ededed}
.header .wrap-header{width: 1050px;margin:0 auto;}
.header .wrap-header:after {content:" "; display:block; clear:both;}
.header .wrap-header h1{float: left;}
.header .wrap-header .right-box{float: right;overflow: hidden;margin-right: 43px;}
.header .wrap-header .right-box span{display: block;float: left;font-size: 13px;line-height: 24px;color:#000;font-weight: 900}
.header .wrap-header .right-box span em{color:#00b7ee;}
.header .wrap-header .right-box a{float: right;margin-left: 10px;}

/* container */
.container{background: #fff;padding:70px 0 ;text-align: left;}
/* tit-top */
.container .tit-top{width: 1050px;margin:0 auto 43px; position: relative;}
.container .tit-top:after {content:" "; display:block; clear:both;}
.container .tit-top h2{float: left;font-size: 20px;line-height: 20px;font-weight: 900;letter-spacing:-3px;}
.container .tit-top h2 a{color:#000;}
.container .tit-top .left-box{float: left;margin-left: 25px;letter-spacing: -1px;}
.container .tit-top .left-box strong{color:#000;font-size: 13px;line-height: 15px;}
.container .tit-top .left-box span{color:#7a7a7a;font-size: 9px;line-height: 15px;}
.container .tit-top .right-box{float: right;margin-right: 0px;overflow: hidden;}
.container .tit-top .right-box span{display: block;float: left;font-size: 15px;line-height: 24px;color:#000;font-weight: 900}
.container .tit-top .right-box span em{color:#00b7ee;}
.container .tit-top .right-box a{float: right;margin-left: 10px;}
.container .tit-top .dangi-box{position: absolute;right: 0px;bottom: -24px;border: 1px solid #ddd;}
.container .tit-top .dangi-box select{width: 137px;padding:1px;}
.container .wrap-container{position: relative;width: 1050px;margin:0 auto;}
.container .wrap-container .cont_ban{position: absolute; top: 0; left: 50%; margin-left: 550px;}
.container .wrap-container .cont_ban > ul > li{font-size: 15px; font-weight: 900; color: #222; width: 147px; height: 62px; line-height: 62px; text-align: center; border: 1px solid #102BC9; box-shadow: 10px 5px 20px rgba(0, 0, 0, 0.05); border-radius: 3px; box-sizing: border-box; word-spacing: -3px; letter-spacing: -0.5px; user-select: none; font-family: 'Noto Sans KR', sans-serif;}
.container .wrap-container .cont_ban > ul > li:first-child{color: #fff; background: #102BC9}
.container .wrap-container .cont_ban > ul > li+li{margin-top: 5px;}
.container .wrap-container .cont_ban > ul > li > a{display: inline-block; width: 100%; height: 100%;}

/* lnb */
.wrap-container .lnb{position: absolute;top:0;left:0;background: #29b6f6;width: 180px;height: 100%;text-align: center;}
.wrap-container .lnb h3{background: #29b6f6;margin: 0 auto;padding: 25px 20px;color: #fff;font-size: 14px;line-height: 22px;text-align: left;/* min-height: 43px; */height: 45px;width: 135px;font-weight: 600;font-family: 'Noto Sans KR';}
.wrap-container .lnb .menu{margin:0 auto;}
.wrap-container .lnb .menu li{width: 100%;border-top:1px solid #fff; }
.wrap-container .lnb .menu li a{display: block;width: 150px;padding:12px 0 12px 30px;background: #29b6f6;color:#fff;font-size:13px;line-height: 15px;text-align: left; }
.wrap-container .lnb .menu li a.on{background: #fff;color:#29b6f6;font-weight: 900}smj5768
                                                                                   .wrap-container .lnb .menu li .first{background: url(//static.conects.com/exam_conects/img/pre_exam/common/icon_menu01_off.png) no-repeat 12px 16px;}
.wrap-container .lnb .menu li .first.on{background:#fff url(//static.conects.com/exam_conects/img/pre_exam/common/icon_menu01_on.png) no-repeat 12px 16px;}
/* biz_code가 SUMMATUS인 경우 직렬 타이틀 별 별도의 메뉴가 나와야 하는 관계로 임시 추가 */
.wrap-container .lnb .menu .summa_subTitle{border: 0px;}
.wrap-container .lnb .menu .summa_subTitle .summa_subMenu{background: #0e4aad;font-weight: bold;}

.wrap-container .lnb .count{width: 150px;padding: 23px 0 22px 30px;margin:0 auto 20px;background: #0e4aad;color:#fff;font-size:18px;line-height: 17px;text-align: left; border-top:1px solid #fff;}
.wrap-container .lnb .txt-count{font-size: 10px;line-height: 10px;color:#000;letter-spacing: -2px;}


/* contents */
.wrap-container .contents{width:787px;min-height:1200px;padding:40px 40px 40px 40px;margin-left:177px;border:3px solid #00b7ee;}
/*.wrap-container .contents{min-height:1200px;}*/
.wrap-container .contents select{width: 100px;height: 30px;border: 1px solid #aeaeae;padding-top: 0 !important;}
.wrap-container .contents select + select {margin-left: 5px;}
.simulated-apply .simulated_select{position: absolute;top: -6px;right: 0;}
.simulated-apply .simulated_select:after {content:" "; display:block; clear:both;}
.simulated-apply .simulated_select span{display: block;float:left;color:#000;margin-top: 8px;margin-right: 10px;}
.simulated-apply .simulated_select .fancy-select{float:left;margin-left: 5px;}
.simulated-apply .simulated_select select{width:270px;height: 30px;border: 1px solid #aeaeae;}


.serial-analysis .left.analysis_select{position: absolute;top: 43px;right: 43px;}
.serial-analysis .left.analysis_select:after {content:" "; display:block; clear:both;}
.serial-analysis .left.analysis_select span{display: block;float:left;color:#000;margin-top: 8px;margin-right: 10px;}
.serial-analysis .left.analysis_select .fancy-select{float:left;margin-left: 5px;}
.serial-analysis .left.analysis_select select{width:270px;height: 30px;border: 1px solid #aeaeae;}

/* ban-line 공통 */
.container .contents .ban-line{margin:60px auto 0;}
.container .contents .ban-line .bx-wrapper{position: relative;}
.container .contents .ban-line .bx-wrapper .bx-controls-direction .bx-prev{position: absolute;top:0;right:40px;}
.container .contents .ban-line .bx-wrapper .bx-controls-direction .bx-next{position: absolute;top:0;right:5px;}
.container .contents .ban-line .bx-wrapper .bx-pager{position: absolute;top:0;right:18px; }

/* table 공통 */
.wrap-container .contents table{width:100%;border-top:2px solid #000;text-align: center;}
.wrap-container .contents table.table_mark{background: url(//static.conects.com/exam_conects/img/pre_exam/common/mark.png) center center no-repeat;}
.wrap-container .contents table.table_mark_gong{background: url(//static.conects.com/exam_conects/img/pre_exam/common/mark.png) center center no-repeat;}
.wrap-container .contents table.table_mark_summatus{background: url(//static.conects.com/exam_conects/img/pre_exam/common/mark.png) center center no-repeat;}
.wrap-container .contents table.table_mark_summatus_pro{background: url(//static.conects.com/exam_conects/img/pre_exam/common/mark.png) center center no-repeat;}
.wrap-container .contents table.table_mark_tech{background: url(//static.conects.com/exam_conects/img/pre_exam/common/tech_mark.png) center center no-repeat;}
.wrap-container .contents table.table_mark_bupgum{background: url(//static.conects.com/exam_conects/img/pre_exam/common/mark.png) center center no-repeat;}
.wrap-container .contents table.table_mark_gyung{background: url(//static.conects.com/exam_conects/img/pre_exam/common/gyung_mark.png) center center no-repeat;}
.wrap-container .contents table.table_mark_gyung_agc{background: url(//static.conects.com/exam_conects/img/pre_exam/common/gyung_agc_mark.png) center center no-repeat;}
.wrap-container .contents table.table_mark_sobang{background: url(//static.conects.com/exam_conects/img/pre_exam/common/sobang_mark.png) center center no-repeat;}
.wrap-container .contents table.table_mark_sobang_exp{background: url(//static.conects.com/exam_conects/img/pre_exam/common/sobang_exp_mark.png) center center no-repeat;}

.wrap-container .contents table.table_mark_mini{background: url(//static.conects.com/exam_conects/img/pre_exam/common/mark.png) 50% 85% no-repeat;}
.wrap-container .contents table.table_mark_gong_mini{background: url(//static.conects.com/exam_conects/img/pre_exam/common/mark.png) 50% 85% no-repeat;}
.wrap-container .contents table.table_mark_summatus_mini{background: url(//static.conects.com/exam_conects/img/pre_exam/common/mark.png) 50% 85% no-repeat;}
.wrap-container .contents table.table_mark_summatus_pro_mini{background: url(//static.conects.com/exam_conects/img/pre_exam/common/mark.png) 50% 85% no-repeat;}
.wrap-container .contents table.table_mark_summatus_tech_mini{background: url(//static.conects.com/exam_conects/img/pre_exam/common/tech_mark.png) 50% 85% no-repeat;}
.wrap-container .contents table.table_mark_bupgum_mini{background: url(//static.conects.com/exam_conects/img/pre_exam/common/mark.png) 50% 85% no-repeat;}
.wrap-container .contents table.table_mark_gyung_mini{background: url(//static.conects.com/exam_conects/img/pre_exam/common/gyung_mark.png) 50% 85% no-repeat;}
.wrap-container .contents table.table_mark_gyung_agc_mini{background: url(//static.conects.com/exam_conects/img/pre_exam/common/gyung_agc_mark.png) 50% 85% no-repeat;}
.wrap-container .contents table.table_mark_sobang_mini{background: url(//static.conects.com/exam_conects/img/pre_exam/common/sobang_mark.png) 50% 85% no-repeat;}
.wrap-container .contents table.table_mark_sobang_exp_mini{background: url(//static.conects.com/exam_conects/img/pre_exam/common/sobang_exp_mark.png) 50% 85% no-repeat;}
.wrap-container .contents table thead th{background:#f0f0f0;border-left:1px solid #989999;padding:7px 0;border-bottom: 1px solid #989999;}
.wrap-container .contents table thead th:first-child{border-left:0;border-right: 1px solid #989999;}
.wrap-container .contents table td{/*background: #fff;*/border-left:1px solid #989999;padding:10px 0;border-bottom: 1px solid #989999;}
.wrap-container .contents table tbody td:first-child{border-left:0;}
.wrap-container .contents table tbody th{background:#f0f0f0;padding:10px 0;border-bottom: 1px solid #989999;}

/* box-grade 공통 */
.wrap-container .contents .box-grade{margin:0 auto 20px;position: relative;}
.wrap-container .contents .box-grade:after {content:" "; display:block; clear:both;}
.wrap-container .contents .box-grade h4{margin:0 auto 10px;}
.wrap-container .contents .box-grade .graph-grade{margin:0 auto 20px;}
.wrap-container .contents .box-grade span.up{color:#ff0000;}
.wrap-container .contents .box-grade span.down{color:#0006ff;}

.grade-analysis .left{position: absolute;top: -45px;right: 20px;}
.grade-analysis .left:after {content:" "; display:block; clear:both;}
.grade-analysis .left span{display: block;float:left;color:#000;margin-top: 8px;margin-right: 10px;}
.grade-analysis .left .fancy-select{float:left;margin-left: 5px;}
.grade-analysis .left select{width:270px;height: 30px;border: 1px solid #aeaeae;}


/* bottom-notice 공통 */
.wrap-container .contents .bottom-notice{margin:20px auto 0;}
.wrap-container .contents .bottom-notice p{padding:13px 30px;background: #f6f6f6;text-align: left;font-size: 13px;line-height: 20px;font-weight: 900;border-top:2px solid #000;}
.wrap-container .contents .bottom-notice dl{}
.wrap-container .contents .bottom-notice dl{padding:20px 30px;background: #fff;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2; }
.wrap-container .contents .bottom-notice dl dt{text-align: left;color:#666666;font-weight: 900;font-size: 13px;line-height: 25px;font-weight: 900}
.wrap-container .contents .bottom-notice dl dd{text-align: left;color:#808080;font-size: 13px;line-height: 20px;margin-top: 10px;letter-spacing: -0.5px;}
.wrap-container .contents .bottom-notice dl dd em{color:#ff0000;}


.container .contents .fancy-select .trigger{line-height: 19px;}

/************************** 개별 ******************************/

/* try-exam */
.try-exam h3{margin:0 auto 15px;}
.try-exam .box-grade table td a{width: 50px;margin:0 auto;}

/* grade-card */
.grade-card .top-grade{margin:0 auto 15px;}
.grade-card .top-grade:after {content:" "; display:block; clear:both;}
.grade-card .top-grade h3{float: left;}
.grade-card .top-grade strong{display: block;float: left;margin-left: 5px;color:#000;font-size: 14px;line-height: 30px;margin-top: 2px;}
.grade-card .top-grade .left{float: right;}
.grade-card .top-grade .left:after {content:" "; display:block; clear:both;}
.grade-card .top-grade .left span{display: block;float:left;color:#000;margin-top: 8px;margin-right: 10px;}
.grade-card .top-grade .left .fancy-select{float:left;margin-left: 5px;}
.grade-card .top-grade .left select{width:270px;height: 30px;border: 1px solid #aeaeae;}
.pass-grade{}
.pass-grade .bg-pass{position: relative;width: 787px;height: 430px;background: #f6f6f6 url(//static.conects.com/exam_conects/img/pre_exam/grade_card/bg_graph_pass.png) no-repeat center 30px;}
.pass-grade .bg-pass .list-pass{}
.pass-grade .bg-pass .list-pass li{height: 71px;margin-top:1px;text-align: left;color:#000;font-size:13px;line-height: 83px; text-indent: 57px;font-weight: 900}
/*.pass-grade .bg-pass .list-pass li:first-child{margin-top:0;}.pass-grade .bg-pass .bar-pass{position: absolute;bottom:1px;left:147px;width:246px;z-index: 10;}*/
.pass-grade .bg-pass .list-pass li:first-child{margin-top:0;}.pass-grade .bg-pass .bar-pass{position: absolute;bottom:1px;left:147px;width:100%;z-index: 10;}
.pass-grade .bg-pass .bar-left{margin-left: -246px;background: url(//static.conects.com/exam_conects/img/pre_exam/grade_card/graph_left_pass.png) no-repeat center bottom}
.pass-grade .bg-pass .bar-right{background: url(//static.conects.com/exam_conects/img/pre_exam/grade_card/20200210/graph_right_pass.png) no-repeat left bottom}
.pass-grade .description-pass{padding:20px;text-align: center;background: #f6f6f6}
.pass-grade .description-pass strong{color:#000;font-size:13px;line-height: 20px;margin-left: 5px }
.pass-grade .description-pass span.dot{width: 5px;height: 5px;background: #29b6f6;display: inline-block;margin-left: 5px;border-radius: 10px;}
.pass-grade .description-pass .dot:first-child{background: #29b6f6}


.episode-grade{position: relative;}
.episode-grade .graph-grade{width: 787px;overflow-x: none;}
.episode-grade .graph-grade .check-year{position: absolute;top:0;right:0;}

/* grade-analysis */
.grade-analysis h3{margin:0 auto 15px;}
.grade-analysis .competitor-analysis .txt{margin:10px auto;text-align: left;color:#000;font-size: 10px;line-height: 15px;}

/* 응시직렬분석 */
.serial-analysis h3{margin:0 auto 20px;}
.serial-analysis .graph-grade-table{}
.serial-analysis .graph-grade-table:after {content:" "; display:block; clear:both;}
.serial-analysis .graph-grade-table .left{float: left;width: 553px;}
.serial-analysis .graph-grade-table .right{float: right;width: 224px;}
.serial-analysis .bor-l{border-left: 1px solid #989999 !important}

/* 모의지원분석 */
.simulated-apply .top-simulated-apply{margin:0 auto 15px;}
.simulated-apply .top-simulated-apply:after {content:" "; display:block; clear:both;}
.simulated-apply .top-simulated-apply h3{float: left;}
.simulated-apply .top-simulated-apply .fancy-select{float: left;margin-left:7px;margin-top:5px;}
.simulated-apply .top-simulated-apply a{float: left;margin-left:7px;margin-top:5px;}
.simulated-apply .top-simulated-apply p{color:#7a7a7a;font-size: 13px;line-height: 20px;float: right}

.simulated-apply .graph-grade-table{}
.simulated-apply .graph-grade-table:after {content:" "; display:block; clear:both;}
.simulated-apply .graph-grade-table .left{float: left;width: 553px;}
.simulated-apply .graph-grade-table .right{float: right;width: 224px;}
.simulated-apply .bor-l{border-left: 1px solid #989999 !important}

/* check-answer01 */
.wrap-container .contents .box-answer{margin:0 auto 20px;}{margin:0 auto 20px;}
.wrap-container .contents .box-answer:after {content:" "; display:block; clear:both;}
.wrap-container .contents .box-answer h4{margin:20px auto 10px;}
.wrap-container .contents .box-answer h4:first-child{margin-top: 1}
.wrap-container .contents .box-answer .graph-grade{margin:0 auto 20px;}
.wrap-container .contents .box-answer span.up{color:#0006ff;}
.wrap-container .contents .box-answer span.down{color:#ff0000;}

.wrap-container .contents .box-answer{margin:18px auto 0;text-align: left;}
.wrap-container .contents .box-answer strong{color:#000;font-size: 15px;line-height:20px;}
.wrap-container .contents .box-answer .tbl-ox{width: 100%;text-align: center;margin:10px auto 0;}
.wrap-container .contents .box-answer .tbl-ox thead th{background: #f0f0f0;height: 33px;text-align: center;font-size: 12px;line-height: 30px;padding:0;border-left: 1px solid #fff;border-bottom:0;}
.wrap-container .contents .box-answer .tbl-ox thead th:first-child{border-left: 0;}
.wrap-container .contents .box-answer .tbl-ox thead th ol{overflow: hidden;}
.wrap-container .contents .box-answer .tbl-ox thead th ol li{float: left;width:30px;height:33px;border-left: 1px solid #fff;font-size: 12px;line-height: 30px;}
.wrap-container .contents .box-answer .tbl-ox thead th ol li:first-child{border-left: 0}
.wrap-container .contents .box-answer .tbl-ox tbody th{background: #f0f0f0;height: 33px;text-align: center;font-size: 12px;line-height: 30px;border-top:1px solid #fff;padding:0;border-bottom:0;}
.wrap-container .contents .box-answer .tbl-ox tbody td{background: #f0f0f0;border:1px solid #fff;padding:0;}
.wrap-container .contents .box-answer .tbl-ox tbody td ol{background: #fff;margin:0 auto;padding:3px 0;width: 149px;height: 20px;overflow: hidden;}
.wrap-container .contents .box-answer .tbl-ox tbody td ol li{float: left;width: 29px;height:20px;text-align: center;border-left: 1px solid #d2d2d2}
.wrap-container .contents .box-answer .tbl-ox tbody td ol li:first-child{border-left: 0}
.wrap-container .contents .box-answer .tbl-ox tbody td ol li input{width: 30px;height: 20px;text-align: center;font-weight: 900}
.wrap-container .contents .box-answer .text-l{text-align: left;text-indent: 20px;}




/* check-answer02 */
.contents .top-check-answer{text-align: left;text-align: left;margin:0 auto 18px; }
.contents .tab-list-check{width: 100%;margin:0 auto 10px;border-bottom: 2px solid #000;position: relative;}
.contents .tab-list-check:after {content:" "; display:block; clear:both;}
.contents .tab-list-check li{float: left;width:147px;margin-left: 8px;background: #f0f0f0;border:2px solid #f0f0f0;text-align: center;}
.contents .tab-list-check li:first-child{margin-left: 0}
.contents .tab-list-check li a{display: block;width: 100%;color:#000;font-weight: 900;font-size:13px;padding:14px 0; }
.contents .tab-list-check li.on{background: #fff;border:2px solid #000;position: relative;top:2px;left:0;border-bottom: 2px solid #fff}
.contents .top-check-answer .left span{display: block;float:left;color:#000;margin-top: 8px;margin-right: 10px;}
.contents .top-check-answer .left select{width:270px;height: 30px;border: 1px solid #aeaeae;}

.contents .tab-con-check{margin:0 auto;}
.contents .tab-con-check .tab-box-check{display: none;}
.contents .tab-con-check .tab-box-check .detail-check{margin:0 auto 20px;text-align: left;}
.contents .tab-con-check .tab-box-check .detail-check .red{color:#ff0000;}
.contents .tab-con-check .tab-box-check .important-check{border-top:2px solid #000;}
.contents .tab-con-check .tab-box-check .important-check p{padding:13px 30px;background: #f6f6f6;text-align: left;font-size: 13px;line-height: 20px;font-weight: 900}
.contents .tab-con-check .tab-box-check .important-check p span{}
.contents .tab-con-check .tab-box-check .important-check p strong{margin-left: 5px;color:#ff0000;}
.contents .tab-con-check .tab-box-check .important-check dl{padding:20px 30px;background: #fff;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2; }
.contents .tab-con-check .tab-box-check .important-check dl dt{text-align: left;color:#666666;font-weight: 900;font-size: 13px;line-height: 20px;}
.contents .tab-con-check .tab-box-check .important-check dl dd{text-align: left;color:#808080;font-size: 13px;line-height: 20px;}


/* commentary-lecture */
.commentary-lecture{}
.contents .top-commentary{text-align: left;margin:0 auto 15px;}
.contents .top-commentary:after {content:" "; display:block; clear:both;}
.contents .top-commentary h3{float: left;}
.contents .top-commentary .txt-top{float: left;margin-left: 10px;color:#000;font-size: 15px;line-height: 34px;}
.contents .top-commentary .fancy-select{float:left;margin-left: 10px;width:270px;height: 30px;border: 1px solid #aeaeae;}
.contents .top-commentary .fancy-select .trigger{width: 270px;height: 30px;background:#ececec;border:1px solid #d2d2d2;color:#000;}

.contents .table-commentary{height: 837px;overflow-y: auto}
.contents .table-commentary table{width:100%;border-top:2px solid #000;}
.contents .table-commentary th{background: #f0f0f0;border-left:1px solid #989999;text-align: center;color:#000;font-size:12px;line-height:18px;padding:10px 0;  }
.contents .table-commentary th:first-child{border-left: 0}
.contents .table-commentary td{height:100px;padding:0;border-left:1px solid #989999;border-bottom:1px solid #989999;text-align: center;color:#000;font-weight: 900;font-size: 13px;line-height: 20px;}
.contents .table-commentary td img{display: block;margin:0 auto;}
.contents .table-commentary td .btn-blue{width: 44px;margin:0 auto;font-weight: 100}
.contents .table-commentary tr td:first-child{border-left: 0}

/* results-analysis */
.results-analysis .bor-l{border-left:1px solid #989999 !important }
.results-analysis .box-grade h4{float: left;}
.results-analysis .box-grade .left{float: right;margin-top: -10px;}




.results-analysis .box-grade .left:after {content:" "; display:block; clear:both;}
.results-analysis .box-grade .left span{display: block;float:left;color:#000;margin-top: 8px;margin-right: 10px;}
.results-analysis .box-grade .left .fancy-select{float:left;margin-left: 5px;}
.results-analysis .box-grade .left select{width:270px;height: 30px;border: 1px solid #aeaeae;}
.mini_spot .bor-l{border-left:1px solid #989999 !important }
.mini_spot .box-grade h4{float: left;}
.mini_spot .box-grade .left{float: right;margin-top: 8px;}
.mini_spot .box-grade .left:after {content:" "; display:block; clear:both;}
.mini_spot .box-grade .left span{display: block;float:left;color:#000;}
.mini_spot .box-grade .left .fancy-select{float:left;margin-left: 5px;}
.mini_spot .box-grade .left span{display: block;float:left;color:#000;margin-top: 8px;margin-right: 10px;}
.mini_spot .box-grade .left select{width:270px;height: 30px;border: 1px solid #aeaeae;}



.check-answer .top-check-answer .left{float: right;margin-top: 8px;}


/* notice */
.notice .top-notice{position: relative;text-align: left;margin:0 auto 10px;}
.notice .top-notice h3{margin:0 auto 15px;font-size:21px;line-height: 30px;text-align: left; }
.notice .top-notice .txt-top{color:#7a7a7a;font-size: 13px;line-height: 18px;}
.notice .top-notice .search-notice{position: absolute;top:56px;right:0;}
.notice .top-notice .search-notice:after {content:" "; display:block; clear:both;}
.notice .top-notice .search-notice input{display: block;float: left;width:118px;height: 18px;margin-top:-4px;background: #ececec;border:1px solid #d2d2d2;padding:5px 0 5px 5px}
.notice .top-notice .search-notice .btn-white{float: right;margin-left: 10px;}
.notice .list-notice{margin:0 auto 20px;}
.notice .list-notice table{width:787px;text-align: left;text-indent: 15px;}
.notice .list-notice table th{border-left: 0 !important}
.notice .list-notice table td{border-left: 0;}
.notice .list-notice table td a{display: block;width: 500px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#000;text-indent: 0;margin-left: 15px;}
.notice .view-notice{margin:0 auto 20px;}
.notice .view-notice table{border-top: 0;text-align: left;text-indent: 15px;}
.notice .view-notice table tr:first-child th{border-top: 2px solid #000}
.notice .view-notice table tr:first-child td{border-top: 2px solid #000}
.notice .view-notice table .detail{padding: 10px;text-indent: 0}
.notice .btn-notice{margin:0 auto 20px;overflow: hidden;}
.notice .btn-notice .btn-white{float: right;}
.notice .btn-enter{display: block;width:140px;height: 36px;background: #00b7ee;color:#fff;font-size:15px;line-height: 34px; text-align: center;float: right;}
.notice .btn-enter-qna{display: block;width:125px;height: 36px;background: #00b7ee;color:#fff;font-size:13px;line-height: 34px; text-align: center;float: right; margin-top:20px;}


.graph_analsys h4{margin:20px auto 10px !important}
.graph_analsys .analsys01:after {content:" "; display:block; clear:both;}
.graph_analsys .analsys01 > li{position: relative; width: 262px;float: left;font-size: 13px;text-align: center;}
.graph_analsys .analsys01 > li span{display: block; padding: 10px 0; background: #36b9ec;font-weight: 600; color: #fff;}
.graph_analsys .analsys01 > li:hover .analsys_list,
.graph_analsys .analsys01 > li:active .analsys_list {opacity: 1;display: block; position: absolute; top:38px;left:0 ;width: 263px;border-top: 2px solid #d2d2d2;}

.graph_analsys .analsys01 .analsys_list {opacity: 0;display:none}
.graph_analsys .analsys01 .analsys_list ul{background: #DDB483;padding: 15px; line-height: 20px;}
.graph_analsys .analsys01 .analsys_list li{text-align: left;}
.graph_analsys .analsys01 .analsys_list li a:hover{text-decoration: underline;}
.graph_analsys .bottom-notice{color:#888;font-size: 13px; line-height: 20px;margin:0 auto !important}