@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : layout.css    
 * Desc      : mall page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
 
 body {print-color-adjust: exact; -ms-color-adjust: exact; -webkit-print-color-adjust: exact;}
.fleft {float: left;}
.clear:after {display: block; clear: both; content: '';}

/* wrap */
#wrap {width:100%; /* min-height:730px; */ height:100%; /* padding:13px; background:url(https://pic.neungyule.com/nebuildandgrow/leveltest/bg.gif) no-repeat center top #dae3ea;*/ box-sizing: border-box;}
#level_test_wrap {/*min-width:968px;*/ max-width:1365px; height:100%; margin:0 auto; /* border:5px solid #73b34c; border-radius:16px; */ box-sizing: border-box; background: #fff;}

/*
#level_test_wrap .logo {margin-top:-35px; padding-left:30px;}
#level_test_wrap.test_type1 #header {background:#73b34c}

#level_test_wrap.test_type2 {border:5px solid #8062b2}
#level_test_wrap.test_type3 {border:5px solid #f39816}
#level_test_wrap.test_type2 #header {background:#8062b2}
#level_test_wrap.test_type3 #header {background:#f39816}
*/
/*test*/

#level_test_wrap.intro {padding:5% 0 ; border:none; border-radius:0px; background:none; box-sizing:border-box;}

#report-wrap {width:100%; min-height:730px; height:100%;  background:#fff;  box-sizing: border-box;}
#report-inner {width: 890px; height: 100%; margin: 0 auto;}
#report-inner.result-type1 {border:none;}

/* header */
/*
#header {width:100%; height:35px; position:relative; text-align: center;}
#header h2 {display:inline-block; color: #fff; font-size:19px; line-height:30px; font-weight:700;  vertical-align:top;}
#header h2 span {display:inline-block; padding-left:20px; background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/tit_arrow.png) no-repeat left center; margin-left:5px;}

*/

#header .pop_close {display:inline-block; width:100%; padding:0; background: none; border: none; outline: none; cursor: pointer;  vertical-align:top;}
#header .pop_close2 {display:inline-block; background: none; border: none; outline: none; position: absolute; top: 10px; right:20px; padding: 0px; margin: 0px; cursor: pointer;  vertical-align:top;}
#header .pop_close_leveltest {display:inline-block; padding:0; background: none; border: none; outline: none; cursor: pointer;  vertical-align:top; position: absolute; top: 10px; right:20px;}

#header.report-header h2 {margin-top:0;}
#header.report-header .pop_close {position:relative; top:auto; right:auto;  }
#header.report-header .pop_close2 {position:relative; top:auto; right:auto;  }
/* #report-inner.result-type1 #header {background: #f39816;} */
#report-inner #header .pop-logo {position: absolute; top:10px; left:30px; display: inline-block; margin: 0; padding: 0; background: none; }
/* #report-inner #header .pop_close {right:30px;} */

#level_test_wrap.intro #header {height:128px; background:none; text-align:center;}
#level_test_wrap.intro #header h2 {display:inline-block; margin-top:12px; padding-left:88px; font-size:32px; line-height:68px; color:#000;  font-weight:normal; background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/ico_intro_tit.png) no-repeat left top; }
#level_test_wrap.intro #header h2 strong {display:inline-block; font-size:42px; font-weight:800; }
/* #level_test_wrap.intro #header .pop_close {right:185px;} */


/* report */
.report-header-inner {height: 190px; padding:60px 30px 0; border-bottom: 1px solid #e0e0e0; box-sizing: border-box}
.report-tit {font-size:27px; line-height: 27px; color:#242424; font-weight:700; text-align: center;}
.report-tit span {color: #f39816;}
.report-tit span strong {display:inline-block; margin: 0 8px; font-size:70px; font-weight:800;}

.list-report-info {display: inline-block; margin-top:53px;}
.list-report-info:after {display: block; clear: both; content: '';}
.list-report-info li:first-child {margin-left: 0;}
.report-info-item {float:left; display: inline-block; margin-left: 42px; font-size: 19px; line-height: 19px; color: #242424; font-weight:700; }
.report-info-item span {font-size: 15px; color: #646464;  }

.report-body-inner {padding:30px; border-bottom: 1px solid #e0e0e0; box-sizing: border-box;}
.report-body-inner.b-none {border-bottom:none;}
.report-cnt-tit {display: inline-block; min-width:200px; height: 42px; font-size:19px; line-height:42px; color: #242424; box-sizing: border-box; font-weight:700;}
.report-cnt-tit strong {font-size: 37px; color: #222; font-weight:800;}
.report-cnt-tit span {display:inline-block; margin:0 5px; font-size: 27px; color: #f39816; font-weight:800;}
.report-cnt-tit-txt {font-size: 13px; line-height: 13px; color: #646464}
.report-score {background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/ico_report_point.png) no-repeat left top;}
.report-level {background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/ico_report_level.png) no-repeat left top;}
.report-analysis {background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/ico_report_analysis.png) no-repeat left top;}
.report-answer {background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/ico_report_answer.png) no-repeat left top;}
.report-level {background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/ico_report_level.png) no-repeat left top;}
.report-chart {background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/ico_report_chart.png) no-repeat left top;}

.wrapper-report-graph {position:relative; display:inline-block; width: 624px;}
.wrapper-report-graph2 {display:inline-block; width: 296px; height: 219px; border:1px solid #e0e0e0; box-sizing: border-box;}

.report-graph {position:absolute; top:0; left:0; display:inline-block; width:auto; height:21px;}
.report-graph img {border: 0; margin:0; padding: 0; font-size: 0;}

.report-graph-end {position:relative;}
.report-graph-point {position:absolute; top:0; right:10px; display:inline-block; width:40px; height:21px; font-size:13px; color:#fff; line-height:21px; text-align:right;  z-index:1; }
.report-graph-zero .report-graph-point {position:absolute; top:0; left:10px; color:#646464; text-align:left;}

.tbl-test-report-result {display:inline-block; width:624px; margin-top:17px; }
.tbl-test-report-result tr th {height:20px; text-align: center; background: #eee; border-left:1px solid #fff; border-bottom: 1px solid #fff;}
.tbl-test-report-result tr th:first-child {border-left:none;}
.tbl-test-report-result tr th.even {background: #e0e0e0;}
.tbl-test-report-result tr th span {display: inline-block; font-size: 12px; line-height: 20px; color:#424242; }
.tbl-test-report-result tr td {height:45px; text-align: center; background: #ae90e3; border-left: 1px solid #c6b2eb;}
.tbl-test-report-result tr td:first-child {border-left:none;}
.tbl-test-report-result tr td.even {background: #8062b2; }
.tbl-test-report-result tr td span {display: inline-block; font-size: 13px; line-height: 19px; color: #fff;  }

.wrapper-report-review {padding: 22px; margin-top:30px; border:1px solid #e0e0e0; background: #f6f6f6; box-sizing: border-box;}
.report-review-tit {display: inline-block; height:21px; font-size:19px; line-height: 21px; color:#242424; font-weight:700;}
.report-review-cnt {display: inline-block; width:690px; margin-left: 20px; font-size:13px; line-height:21px; color:#424242; }
.report-review-cnt-tit {margin-bottom:10px; font-size:19px; line-height: 21px; color:#242424; }
.report-review-cnt-tit span {font-size: 19px; color: #eb8a00; }

.wrapper-tbl-result-basic {display: inline-block;}
.tbl-result-basic { border-top:1px solid #b9b9b9; }
.tbl-result-basic tr th {height:38px; background: #f6f6f6; text-align: center;}
.tbl-result-basic tr th span {font-size:14px; line-height:38px; color:#242424; }
.tbl-result-basic tr th.bl {border-left:1px solid #e0e0e0;}
.tbl-result-basic tr th.bb {border-bottom:1px solid #e0e0e0;}
.tbl-result-basic tr td {height:45px; border-bottom: 1px solid #e0e0e0; text-align: center;}
.tbl-result-basic tr td span {font-size:13px; line-height:21px; color:#424242; }
.tbl-result-basic tr td.bl {border-left:1px solid #e0e0e0;}
.tbl-result-basic tr td span .tbl-score {display: inline-block; margin-left:8px; font-size:37px; color:#8062b2; font-weight:800;  }
.tbl-result-basic tr td.tbl-txt {padding-left:10px; text-align: left;}

.tbl-result-basic.report-levelchart {background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/bg_levelchart.gif) 96px 84px no-repeat;}
.tbl-result-basic.report-levelchart tr th.on {border: 2px solid #ae90e3;  background-color: #ae90e3;}
.tbl-result-basic.report-levelchart thead tr:first-child th.on {border: 2px solid #8062b2;  background-color: #8062b2;}
.tbl-result-basic.report-levelchart tr th.on span {color:#fff; }
.tbl-result-basic.report-levelchart tr td {height:34px; border-bottom: 1px solid #e0e0e0; text-align: center;}
.tbl-result-basic.report-levelchart tr td span {font-size:13px; line-height:34px; color:#424242; }
.tbl-result-basic.report-levelchart tr td.on-body {border-left: 2px solid #ae90e3; border-right: 2px solid #ae90e3; border-bottom:none;}
.tbl-result-basic.report-levelchart tr td.on-body span {display: inline-block; width: 100%; height:100%; border-bottom:1px solid #e0e0e0;}
.tbl-result-basic.report-levelchart tr td.on-foot {border-left: 2px solid #ae90e3; border-right: 2px solid #ae90e3; border-bottom: 2px solid #ae90e3;}
.tbl-result-basic.report-levelchart tr td.txt-multiline {height:47px;}

.list-recom-books {margin: 15px 0 0 0;}
.list-recom-books:after {display: block; clear: both; content: '';}
.list-recom-books li {float: left; display: inline-block; width:113px; height:166px; margin:0 0 15px 10px; text-align: center;}
.recom-books-item {position:relative; display: inline-block; width:83px; height:105px; margin-bottom: 10px; border:1px solid #e0e0e0;}
.bg_hover {display: none; width: 83px; height: 105px; background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/bg_report_bookhover.png) no-repeat left top;}
.recom-books-item:hover .bg_hover {position: absolute; top:0; left:0; display: inline-block;}
.tbl-result-basic tr td .recom-books-tit {display: inline-block; width:100%; font-size: 13px; line-height: 16px; color: #424242; }


/* intro */
.list-intro-cnt {display:inline-block;}
.list-intro-cnt:after {display:block; clear:both; content:''}
.list-intro-cnt li {float:left; display:inline-block; width:229px; height:404px; margin-left:10px;}
.list-intro-cnt li:first-child {margin-left:0;}

.intro-cnt-item {border-radius:5px; }
.list-intro-cnt li.intro-cnt-item.first {background-color:#9c83c6;}
.list-intro-cnt li.intro-cnt-item.second {background-color:#8062b2;}
.list-intro-cnt li.intro-cnt-item.third {background-color:#6740a8;}
.list-intro-cnt li.intro-cnt-item.fourth {background-color:#553093;}

.intro-cnt-head {height:59px;}
.intro-cnt-head-tit {display:inline-block; margin-top:10px;  font-size:15px; line-height:40px; color:#fff; }
.intro-cnt-head-tit span {font-size:40px; font-weight:800;}

.intro-cnt-body {height:303px; padding:28px 11px 0; background-color:#fff; box-sizing:border-box;}
.intro-grade {display:block; font-size:17px; line-height:17px;  text-align:center;}
.intro-grade strong {font-weight:800;}
.intro-cnt-item.first .intro-grade {color:#9c83c6;}
.intro-cnt-item.second .intro-grade {color:#8062b2;}
.intro-cnt-item.third .intro-grade {color:#6740a8;}
.intro-cnt-item.fourth .intro-grade {color:#553093;}
.intro-school-grade {display:inline-block; width:100%; height:39px; font-size:17px; color:#242424; line-height:39px; font-weight:700; background-color:#eee;}
.intro-cnt-body p {font-size:13px; line-height:18px; color:#646464; text-align:center;}
.intro-cnt-body p strong {font-size:15px; line-height:15px; }
a.btn-intro-link {display:inline-block; margin-top:13px; padding-right:20px; font-size:19px; line-height:19px; color:#fff; font-weight:800; background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/ico_arr_intro.png) no-repeat right top;}

.wrapper-intro-notice {display:inline-block; width:905px; height:108px;margin-top:30px; padding-left:158px; background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/ico_intro_notice.png) no-repeat left center; box-sizing:border-box;}

.wrapper-intro-notice li {margin-bottom:12px;}
.wrapper-intro-notice li:last-child {margin-bottom:0;}
.intro-notice-item {padding-left:14px; font-size:13px; line-height:13px; color:#646464; text-align:left; background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/ico_dot.png) no-repeat left center; box-sizing:border-box; }
a.btn-intro-notice-link {display:inline-block; color:#da6f07; font-weight:700; text-decoration:underline;}


/* result */
h2.result-tit {height:68px; font-size:32px; line-height:68px; color:#242424; }
h2.result-tit span {display:inline-block; padding-left:88px; font-size:42px; color:#f39816; background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/ico_intro_tit.png) no-repeat left center; font-weight:800;}
h2.result-tit span>strong {font-size:74px;}
h2.result-tit.unit-result-tit strong {font-size:40px; color:#8062b2; font-weight:800;}
h2.result-tit.unit-test-tit strong {font-size:40px; color:#f39816; font-weight:800;}
.unit-tit {height:41px; line-height:41px;}
.unit-tit span {display:inline-block; padding-left:50px; font-size:21px; color:#242424; background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/ico_unit_tit.png) no-repeat left center; font-weight:800;}
.unit-tit.unit-test-tit span { background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/ico_unit_tit2.png) no-repeat left center;}

.wrapper-score-graph {}
.score-graph {display:inline-block; margin-top:10px; vertical-align:top;}
.score-txt {display:inline-block; margin-left:35px; font-size:24px; line-height:42px; color:#f62626; font-weight:700; }
.score-txt strong {display:inline-block; margin-right:5px; font-size: 42px; font-weight:800;}
.result-txt { font-size:21px; line-height:21px; color:#646464; }
.result-txt strong {color:#242424; font-weight:700;}

.score-graph2 {display:inline-block;  position:relative;}
.score-txt2 {position:absolute; top:40%; left:33%; display:inline-block; width:85px; font-size:24px; line-height:48px; color:#8062b2; font-weight:700;}
.score-txt2 strong {font-size:48px; font-weight:700;}

.wrapper-intro-notice.result-notice {display:inline-block; width:905px; height:135px; margin-top:8%; padding:25px 0 0 160px; background: #eee url(https://pic.neungyule.com/nebuildandgrow/leveltest/ico_intro_notice.png) no-repeat 40px 35px; box-sizing:border-box;}

.tbl-test-result {width: 100%; table-layout:fixed;}
.tbl-test-result tr td {height:44px; border-left: 1px solid #e0e0e0; text-align:center;}
.tbl-test-result tr td:first-child {border-left:none;}
.tbl-test-result tr.th-row td {height:39px; border-top:1px solid #b9b9b9; background-color:#eee; box-sizing:border-box;}
.tbl-test-result tr.th-row td span {display:inline-block; font-size:15px; line-height:25px; color:#242424; font-weight:700;  }
.tbl-test-result tr:last-child {border-bottom:1px solid #e0e0e0;}

/* content */
#content { height: calc(100% - 35px);}
#content.result {padding:5% 0; box-sizing:border-box;}
.rubric {width: 908px; min-height:46px; line-height:40px; padding: 0px 30px; position:relative; padding: 0 30px; margin:0 auto;}
.rubric h3 {color: #fff; font-size:19px; line-height:40px; font-weight:700; float: left;}
.rubric .page_count {position:absolute; right:30px; top:36px; overflow: hidden;padding:0 5px;}
.rubric .page_count p {color: #242424;}
.rubric .page_count p.txt {font-size:13px;}
.rubric .page_count p.count {font-size:17px; /*font-family: 'nGothic';*/font-family:'Iropke Batang';}
.rubric .page_count p.count span {/*opacity: 0.5; filter:alpha(opacity=50)*/ color:#999999}

.question_num {min-height:46px; position: relative; padding:33px 0px 0px 63px; text-align: left; /*display: table;*/ z-index: 9;}
.question_num .num {width:48px; height:42px; color: #fff; font-size:22px; font-weight:700; display:inline-block; vertical-align:middle; position:absolute; left:0px; top:33px; background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/bg_num.png) no-repeat left top; text-align: center; padding-top:4px; letter-spacing:-1px;}
.question_num .txt {font-size:27px; line-height: 30px; color: #242424;/*font-family: nGothic;*/font-family:'Iropke Batang'; display:inline-block; vertical-align:middle; display:table-cell;}
.question_num .txt u{text-decoration:none;border-bottom:2px solid #242424;padding-bottom:5px;}
.question_num .t_x {display: block; position: absolute; left:-22px; top:10px; display: none;}

.question_area {padding:0 0px; width:908px; height: calc(100% - 79px); margin:0 auto; box-sizing:border-box;}
.question_a {height:36%;}
.question_a .table_zone {width: 100%; height: 100%; display: table; table-layout: fixed;}
.question_a .table_zone .td_zone {height: 100%; display: table-cell; text-align: center; vertical-align: middle; word-wrap:break-word}
.question_a .table_zone .td_zone .example .txt {font-size:27px; line-height: 40px;}
.question_a .table_zone .td_zone .example .txt u {text-underline-position:under;}

.question_a .table_zone .td_zone .example .t_x {top:-24px;}
.question_a .img_zone {text-align: center; height: 100%;white-space:nowrap;}
.question_a .img_zone img {max-width:100%; max-height: 100%; display: inline-block; vertical-align: middle;}
.question_a .img_zone:before {content:""; display:inline-block; vertical-align:middle; height:100%;}
.question_a .img_zone .sound_play {display: inline-block; width: 85px; height: 85px; overflow: hidden; vertical-align: middle;}
.question_a .img_zone .sound_play a {background: none; outline: none; border: none; padding: 0px; margin: 0px; cursor: pointer;}


.example_a {height:57%;}
.example {min-height:35px; position: relative; padding:0px 0px 15px 0px; text-align:left; display:table; z-index:9;}
.example .num {width:63px; height:40px; color: #fff; font-size:26px; font-weight:700; display:inline-block; vertical-align:middle; position:absolute; left:0px; top:0px; background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/bg_num.png) no-repeat left top; text-align: center; padding-top:20px;}
.example .txt {/*font-family:nGothicB;*/ font-family:'Iropke Batang';font-size:22px; line-height:30px; color: #242424; font-weight:700; display:inline-block; vertical-align:middle; display:table-cell;}
.example .t_x {display: block; position: absolute; left:-22px; top: -24px; display: none;}
.example_txt {padding:0px 0px 0px 0px;}
.example_a .txt_area {padding:20px 25px; background:#f4f4f4; border-radius:9px; }
.example_a .txt_area .box {font-size:24px; font-weight:700; border:solid 1px #d9d9d9; height:53px; line-height:52px; background:#fff; color:#242424;}
.example_a .txt_area .box .wrong_line {padding-left:10px; text-decoration:line-through;}

.example_a .txt_area .input {font-size: 24px; color: #242424; font-weight:700; height:53px; line-height:50px !important; border:none; vertical-align:top;}
.example_a .txt_area .input::-webkit-input-placeholder {font-size:19px; color: #999999; }
.example_a .txt_area .input::-moz-placeholder {font-size: 19px; color: #999999; }
.example_a .txt_area .input:-ms-input-placeholder {font-size: 19px; color: #999999; }
.example_a .txt_area .input:-moz-placeholder {font-size: 19px; color: #999999; }
.example_a .txt_area .box.wrong {color:#242424;  margin-top:10px; border:1px solid #ffa2a2; background:#ffdddd; padding:0px 10px; color:#ff0000}
.example_a .txt_area .box.correct {color: #d9d9d9; padding:0px 10px; color:#73b34c}
.example_a .answercell {border:1px solid #dddddd; padding:10px 15px 0px; margin-top:10px; border-radius: 9px; background:#fff;}
.example_a .answercell .txt {font-size:13px; color:#999;}
.example_a .answercell .txtcell {padding:0px 0px 0px 0px; font-size:0px; text-align:center;}
.example_a .answercell .txtcell .answerbox {min-width:40px; min-height:20px; border:2px solid #73b34c; border-style:dashed; padding:10px 15px; border-radius:9px; background-color:#fff; color: #fff; line-height: 20px; display:inline-block; margin:0px 5px 10px; /*font-family: nGothicB;*/font-family:'Iropke Batang';letter-spacing:0;font-weight:700; font-size:0; vertical-align: middle;}

.example_grm{}
.question_grm{}
.question_grm .exam_box{/*font-family: nGothic;*/font-family:'Iropke Batang';letter-spacing:0;padding:40px 25px;font-size:23px;font-weight:500;border:4px solid #eee;border-radius:10px;color:#242424;}
.question_grm .exam_box .txt u{text-decoration:none;position:relative;}
.question_grm .exam_box .txt u:after{content:'';width:100%;height:2px;background:#242424;display:block;position:absolute;left:0;bottom:-5px;}

.txtcard {font-size:0px; text-align:center; padding:10px 15px 0px 10px; background: #f4f4f4; border-radius: 9px; min-height:45px;}
.txtcard .drag_item {display:inline-block; /*font-family:nGothicB;*/font-family:'Iropke Batang';letter-spacing:0;font-weight:700; font-size:19px; color:#242424;  line-height:20px; padding:10px 15px 11px 15px; border:2px solid #c2c2c2; background:#fff;border-radius:6px; cursor: move; margin:0px 5px 10px 5px;}
.txtcard .drag_item.red {border:2px solid #ff0000 !important; color: #ff0000 !important}

.answerbox .drag_item.dragboxOff {display:inline-block; font-size:19px; color:#242424;  line-height:20px; padding:10px 15px 11px 15px; border:2px solid #73b34c; border-radius:6px; cursor: move; vertical-align: middle;}
.answerbox .drag_item.red {border:2px solid #ff0000 !important; color: #ff0000 !important}

.txtcard .drag_item i{pointer-events:none;}
.answerbox .drag_item i{pointer-events:none;}

.btn_area {padding:30px 0 0 0; text-align: center; font-size:0;}

.multiple_choice > ol {margin-top:-4px;}
.multiple_choice > ol:after{content:'';clear:both;overflow:hidden;display:block;}
.multiple_choice > ol > li { padding:4px 0px 6px 0px; color:#242424; font-weight:700; position: relative;}
.multiple_choice > ol > li a {font-size:19px; font-weight:700; line-height:27px; color:#242424; background: none; padding:0px 0px 0px 22px; text-indent:-20px; cursor: pointer; display: inline-block;/*font-family:'nGothicB';*/font-family:'Iropke Batang';letter-spacing:0;}
.multiple_choice > ol > li a u{text-decoration:none;position:relative;}
.multiple_choice > ol > li a u:after{content:'';position:absolute;left:0;bottom:-5px;display:block;width:100%;height:2px;background-color:#242424;}

.multiple_choice > ol > li a img {max-width:99% !important; max-height:177px !important; }
.multiple_choice > ol > li a .check {display: block; width:37px; height: 32px; background: url(https://pic.neungyule.com/nebuildandgrow/leveltest/check.png) no-repeat left top; position: absolute; left:0; top:-7px; display: none; overflow:visible;}
.multiple_choice > ol > li.active a {color:#73b34c;}
.multiple_choice > ol > li.active a .check {display: block;}
.multiple_choice > ol > li.active a u:after{background-color:#73b34c;}
.multiple_choice > ol > li.red a {color:#ff0000;}
.multiple_choice > ol.two_col {margin-left:-20px;}
.multiple_choice > ol.two_col:after{content:'';clear:both;overflow:hidden;display:block;}
.multiple_choice > ol.two_col > li {width:424px; float: left; margin-left:20px;}

.scroll_txt {height:100%; box-sizing:border-box; border:1px solid #dddddd; padding:17px; overflow-y: auto; font-size:19px; line-height: 32px; color:#424242;}
.scroll_txt strong {font-weight:bold;}

.multiple_choice > ol.three_col:after{content:'';clear:both;overflow:hidden;display:block;}
.multiple_choice > ol.three_col > li {width:276px; float: left; margin-left:20px;}
.multiple_choice > ol.three_col > li:first-child {margin-left:0px;}

.multiple_choice > ol.four_col > li {width:202px; float: left; margin-left:20px;}
.multiple_choice > ol.four_col:after{content:'';clear:both;overflow:hidden;display:block;}
.multiple_choice > ol.four_col > li:first-child {margin-left:0px;}

.player_wrap {height:75%; }
.player_wrap .jp-video {height: calc(100% - 62px); }
.jp-type-single {height: calc(100% - 62px); background:#000;}

.wrapper-tbl-test-report-result {margin-top:17px;}

/* 그래몬 */
.grm_wrap .question_num{display:block;}
.bt_check label{display:block;}
/* 기본 체크박스 숨기기 */
.bt_check input[type="checkbox"]{display:none;}
.bt_check input[type="radio"]{display:none;}

/* 선택되지 않은 체크박스 스타일 꾸미기 */
span.on{width:37px;height:32px;background:transparent;position:absolute;top:0;left:0;}

/* 선택된 체크박스 스타일 꾸미기 */
.bt_check input[type="checkbox"]:checked + label span.on{width:37px;height:32px;background:url(https://pic.neungyule.com/nebuildandgrow/leveltest/check.png) no-repeat left top;position:absolute;left:0;top:-7px;display:block;overflow:visible;}
span.on:after{content:"";position:absolute;display:none;}
.bt_check input[type="checkbox"]:checked + label span.on:after{display:block;}
.bt_check input[type="checkbox"]:checked + label{color:#73b34c;}
.bt_check.wrong input[type="checkbox"] + label{color:#FF4D4D;}

/* 선택된 체크박스 스타일 꾸미기 */
.bt_check input[type="radio"]:checked + label span.on{width:37px;height:32px;background:url(https://pic.neungyule.com/nebuildandgrow/leveltest/check.png) no-repeat left top;position:absolute;left:0;top:-7px;display:block;overflow:visible;}
.bt_check input[type="radio"]:checked + label span.on:after{display:block;}
.bt_check input[type="radio"]:checked + label{color:#73b34c;}
.bt_check input[type="radio"]:checked + label u:after{background-color:#73b34c;}
.bt_check.wrong input[type="radio"] + label{color:#FF4D4D;}
.bt_check.wrong input[type="radio"] + label u:after{background-color:#FF4D4D;}

.example_grm .multiple_choice > ol > li a{font-size:22px;line-height:32px;}

.question_grm .exam_box{margin-bottom:20px;background:#fff;line-height:1.2;}
.question_num .txt{display:block;width:calc(100% - 120px);line-height:inherit;}
.word_wrap{text-align:center;margin:60px 0 10px;}
.word_box{background:#F2EBF3;border-radius:10px;padding:20px 8px 14px;/*font-family:nGothicB;*/font-family:'Iropke Batang';font-weight:700;font-size:22px;}
.word_box button{display:inline-block;border:1px solid #A47AAA;color:#9C63A4;/*font-family:nGothicB;*/font-family:'Iropke Batang';font-weight:700;font-size:22px;padding:9px 15px;background:#fff;border-radius:10px;margin:0 0 6px;height:42px;/*text-transform:lowercase;*/letter-spacing:0;}
.word_box button strong{font-family:'Iropke Batang';font-weight:700;letter-spacing:0;}
.word_box button.active{background:#57AB25;border-color:#57AB25;color:#fff;}
.word_box button.no_item{background:#E3D4E5;border-color:#E3D4E5;cursor:auto;}
.word_box button.no_item strong{opacity:0;}
.word_box button.wrong{background-color:#F52A2A;border-color:#F52A2A;color:#fff;}
.word_box.wrong{background:#FFDDDD;color:#242424;margin:10px 0 30px;display:none;line-height:1.4;}
.word_box.wrong span{color:#F62626;}
.short_b3 .word_box{text-align:left;padding:20px 8px 14px 20px;}
.short_b3 .word_box button{text-transform:none;margin:0 0 6px;}
.exam_txt{padding:40px 0;}
.exam_txt .txt{/*font-family:nGothicB;*/font-family:'Iropke Batang';font-weight:700;font-size:22px;line-height:30px;color:#242424;font-weight:700;display:inline-block;vertical-align:middle;letter-spacing:0;}
.exam_txt .txt u{text-decoration:none;position:relative;border-bottom:2px solid #000;padding-bottom:2px;}
/* .exam_txt .txt u:after{content:'';position:absolute;width:100%;height:2px;background:#242424;bottom:-5px;left:0;} */
.example_grm .exam_box{background:#F2EBF3;border-radius:10px;padding:22px 25px;/*font-family:nGothicB;*/font-family:'Iropke Batang';font-size:22px;line-height:30px;color:#242424;font-weight:700;letter-spacing:0;}
.example_grm .exam_box u{text-decoration:none;position:relative;display:inline;}
.example_grm .exam_box u:after{content:'';width:100%;height:2px;background:#242424;display:block;position:absolute;left:0;bottom:-5px;}
.example_grm .short_b1 .exam_box{line-height:1.8;}
.example_grm .exam_box input{background:#fff;border:1px solid #A47AAA;width:130px;min-width:80px;height:42px;border-radius:5px;outline:0;/*font-family:nGothicB;*/font-family:'Iropke Batang';font-size:22px;line-height:30px;color:#242424;font-weight:700;text-align:center;margin:0 6px;letter-spacing:0;max-width:70%;}
.example_grm .exam_box .txt_line{width:100%;margin:0;text-align:left;padding:0 14px;box-sizing:border-box;height:55px;max-width:100%;}
.example_grm .exam_box.wrong{background:#FFDDDD;display:none;margin-top:10px;}
.example_grm .exam_box.wrong input{border-color:#FF4D4D;color:#FF4D4D;max-width:60%;}
.example_grm .short_b1 .exam_box.wrong{color:#242424;}

.example_grm .exam_box .txt_line.disabled{background:#E3D4E5;border:1px solid #E3D4E5;}
.example_grm .exam_box .txt_line.wrong{margin-top:10px;background:#FFDDDD;border-color:#FF4D4D;color:#FF4D4D;display:none;}
.example_grm .exam_box div.txt_line.wrong{padding:10px 14px;height:auto;border-radius:5px;border:1px solid #F52A2A;}

.short_c1, .short_c2{text-align:center;}

.examInputBox{position:relative;vertical-align:bottom;/*font-family: nGothicB;*/font-family:'Iropke Batang';font-size: 22px;color:#242424;font-weight:700;vertical-align:middle;letter-spacing:0;line-height:1.4;}
.examInputBox > span{min-width:100px;display:inline-block;border-bottom:2px solid #ddd;/*margin:-22px 6px;*/height:auto;min-height:50px;vertical-align:middle;margin-bottom:10px;line-height:50px;}
.examInputBox > span button{display:inline-block;border:2px solid #57AB25;color:#479518;/*font-family:nGothicB;*/font-family:'Iropke Batang';font-size:22px;padding:9px 15px;background:#fff;border-radius:10px;margin:0 0 8px 4px;position:relative;/*text-transform:lowercase;*/letter-spacing:0;}
.examInputBox > span button strong{font-family:'Iropke Batang';font-weight:700;letter-spacing:0;}
.examInputBox > span button:nth-child(1){margin-left:0;}
.examInputBox.first > span button:nth-child(1):first-letter,
.typeC2 .examInputBox > span button:nth-child(1):first-letter{text-transform:capitalize;}



/*.typeC2 .examInputBox span button:last-child:after{content:'.';position:absolute;color:#000;right:-10px;bottom:0;}*/

.typeC1 .examInputBox > span{display:inline;padding:0 40px 14px;}
.typeC2 .examInputBox > span{display:block;width:100%;padding:0 40px 14px;box-sizing:border-box;}

.examInputBox > span.append{display:inline;padding:0 2px 14px 0;}
.examInputBox > span button{margin:8px 0 8px 4px;}

.typeC2 .examInputBox.after1 span button:last-child:after{content:'.';position:absolute;color:#000;right: -20px;bottom:5px;font-size:28px;font-weight:bold;}
.typeC2 .examInputBox.after2 span button:last-child:after{content:'!';position:absolute;color:#000;right: -20px;bottom:5px;font-size:28px;font-weight:bold;}
.typeC2 .examInputBox.after3 span button:last-child:after{content:'?';position:absolute;color:#000;right: -20px;bottom:5px;font-size:28px;font-weight:bold;}

#wrap {
   -ms-user-select: none; 
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
 }



/* 1920px 이상 */
@media screen and (min-width:1919px) {
	.btn_area {padding:60px 0px 0px 0px;}
}


@media print
{
    * {-webkit-print-color-adjust:exact;}
	.btn-report-print {display:none;}
	.report-graph-point {color: rgba(0, 0, 0, 0); text-shadow: 0 0 0 #ccc;}
	
}

@media screen and (max-width:1024px) {
	#level_test_wrap.intro {padding:0;}
	#level_test_wrap.intro #header {height:100px;}
}
