@charset "utf-8";


/* 모의고사 공통 */
#mock_wrap { width:100%; padding:160px 0 80px; position:relative; box-sizing:border-box; overflow:hidden;}
.bg_w { width:auto; margin:0 0 0 -30px; padding:30px; box-sizing:border-box; background:#fff; border-bottom:2px solid #d6d7db; }
.font_cr1 { color:#ff5a60; }
.exam_Q {display:block; position:absolute; top:0; left:0; font-family:"Roboto", sans-serif; color:#000; font-size:60px; font-weight:600; }
.description { font-weight:600; color:#333; font-size:28px; padding:30px; background:#fff; }
.desc_wrap { padding-top:70px; background:#eef1f6; border-top:2px solid #d6d7db; }
.desc_tit { font-size:28px; color:#333; margin:0; box-sizing:border-box; height:80px; line-height:80px; background:#dfe6ee; width:100%; padding:0 30px; position:relative; }
.mock_qst { padding:0 60px 0 70px; }
.text_answer { margin:30px 0 50px; }
.text_answer input { width:100%; min-height:70px; }
@media(max-width:1080px){
	#mock_wrap {padding:60px 0;}
	.exam_Q {font-size:45px;}
	.mock_qst { padding:0 0 0 50px; }
.text_answer { margin:20px 0 35px; }
.text_answer input {min-height:60px; }
}
@media(max-width:640px){
	#mock_wrap {padding:40px 0;}
	.exam_Q {font-size:38px;}
	.mock_qst { padding:0 15px; }
.text_answer { margin:10px 0 25px; }
.text_answer input {min-height:40px; }
}


.mock_header { width:auto; position:relative; margin:0 0 0 -30px; height:87px; background:#222431; }
.mock_header .closed_mock { display:block; width:90px; height:87px; background:#000 url('../images/leveltest/closed_mock.png') no-repeat center; position:absolute; right:0; top:0; text-indent:-9999px; }
.mock_header .mock_tit { line-height:87px; font-size:30px; color:#fff; text-align:center; }

.zoom_text { zoom:1.8; -webkit-text-size-adjust:180%; font-size:12px; }
.zoom_text span { font-size:12px; }
.zoom_text div { font-size:12px; }
.zoom_text p { font-size:12px; }


/* 버튼 style */
.btn_wrap {width:100%; font-size:0; text-align:center; }
.btn_wrap a{display:inline-block; width:360px; height:80px; margin:0 18px; font-size:26px; color:#fff; text-align:center; line-height:80px; }

.btn80 { display:inline-block; width:340px; height:80px; border:none; font-size:32px; line-height:80px; text-align:center; vertical-align:top; cursor:pointer; outline:none; box-sizing:border-box; -webkit-appearance:none; appearance:none; font-weight:600; }
.btn80.cr1 { border:1px solid #14141e; background:#14141e; color:#fff; }
.btn80.cr2 { border:1px solid #525576; background:#525576; color:#fff; }
.btn80.cr3 { border:1px solid #7e7f84; background:#7e7f84; color:#fff; }
@media(max-width:1080px){
	.btn_wrap a{width:260px; height:60px; margin:0 12px; font-size:20px; line-height:60px; }
}
@media(max-width:640px){
	.btn_wrap a{width:calc(100% / 2 - 10px); height:45px; margin:0 5px; font-size:15px; line-height:45px; }
}

/* 모의고사 table style */
.mock_table { width:100%; border-bottom:2px solid #d6d7db; }
.mock_table tbody tr th { padding:15px; border-radius:3px; background:#8597ab; color:#fff; border:solid #fff; border-width:0 1px; box-sizing:border-box; font-size:26px; }
.mock_table tbody tr th:first-child { border-left:0px; }
.mock_table tbody tr th:last-child { border-right:0px; }
.mock_table tbody tr td { padding:15px; color:#333; border:solid #d6d7db; border-width:0 1px; box-sizing:border-box; font-size:26px; text-align:center; font-weight:600; }
.mock_table tbody tr td:first-child { border-left:0px; }
.mock_table tbody tr td:last-child { border-right:0px; }


/* 모의고사 loading */
.mock_loading { width:100%; height:100%; background:#2d303f; position:absolute; left:0; top:0; z-index:1000; text-align:center; }
.mock_loading .load_logo { position:absolute; top:40%; left:0; width:100%; }
.mock_loading .load_img { display:block; width:80px; height:80px; position:absolute; left:50%; top:60%; margin-left:-40px; }


/* 모의고사 container */
.mock_contents { padding:0 30px; min-height:500px; overflow-y:auto; height:100%; width:auto; margin:0 0 0 -30px; box-sizing:border-box; }

.mock_container {/*  height:calc(100% - 247px); */ }
/* .mock_container .mock_tit { height:80px; line-height:80px; background:#dfe6ee; width:100%; padding:0 30px; margin:0 0 0 -30px; position:relative; } */
.mock_container .mock_tit2 { font-size:32px; color:#000; text-align:center; height:100px; line-height:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.mock_container .mock_tit3 { font-size:28px; color:#333;line-height:50px;text-indent: 20px; }
/* .mock_container .mock_tit4 { font-size:28px; color:#666; height:80px; } */
.mock_container .mock_tit .wrong { font-size:24px; font-weight:600; color:#ff5a60; position:absolute; right:30px; top:0; }
.mock_container .mock_tit strong { display:inline-block; width:36px; height:36px; background:url('../images/leveltest/exam_OX.png') no-repeat; background-size:cover; vertical-align:text-bottom; margin-right:15px; }
.mock_container .mock_tit strong.exam_X { background-position:0 -36px; }

.mock_container .mock_tit{position:relative; width:100%; padding:0 60px 10px 70px; /* background:url("../images/ico_q.png") 10px 10px no-repeat; */}
.mock_container .mock_tit4{display:block; font-size:50px; font-weight:400; color:#182038; }
@media(max-width:1080px){
	.mock_container .mock_tit{padding:0 15px 10px 46px;}
	.mock_container .mock_tit4{font-size:42px;}
}
@media(max-width:640px){
	.mock_container .mock_tit{padding:0 15px 10px 38px;}
	.mock_container .mock_tit4{font-size:35px;}
}

/* 모의고사 counting */
.mock_container .mock_count { width:100%; box-sizing:border-box; background:#fff; overflow:hidden; }
.mock_container .mock_count .counting { float:left; height:90px; box-sizing:border-box; padding:20px 0 20px 80px; background:url('../images/leveltest/mock_count.png') no-repeat left center; }
.mock_container .mock_count .counting ul { display:table; }
.mock_container .mock_count .counting ul li { display:table-cell; color:#4c8bfb; padding:0 5px; font-size:34px; font-weight:600; }

/* .mock_container .mock_count .pagination { float:right; height:90px; line-height:90px; }
.mock_container .mock_count .pagination > p { display:inline-block; font-size:34px; font-weight:300; color:#888; padding:0 5px; }
.mock_container .mock_count .pagination > p .active { font-weight:600; color:#000; }
.mock_container .mock_count .pagination > a { display:inline-block; width:40px; height:90px; }
.mock_container .mock_count .pagination > a.page_prev { background:url('../images/leveltest/page_prev.png') no-repeat center; }
.mock_container .mock_count .pagination > a.page_next { background:url('../images/leveltest/page_next.png') no-repeat center; } */

.mock_container .mock_count .pagination{position:relative; width:245px; margin:0 auto 60px; padding:0 30px; text-align:center; }
.mock_container .mock_count .pagination .number{font-size:50px; font-weight:300; color:#999; }
.mock_container .mock_count .pagination .number span{color:#222; }
.mock_container .mock_count .pagination .arrow{display:block; position:absolute; top:50%; width:15px; height:29px; margin-top:-14.5px; font-size:0; overflow:hidden; background-image: url("../image/arrow_2.png"); -webkit-background-size: 100%; background-size:100%;}
.mock_container .mock_count .pagination .arrow.prev_arrow{left:0; background-position: left top;}
.mock_container .mock_count .pagination .arrow.next_arrow{right:0; background-position: left -29px;}
.mock_container .mock_count .mock_info { clear:both; width:auto; box-sizing:border-box; background:#545478; padding:15px 30px; margin:0 0 0 -30px; color:#fff; }
@media(max-width:1080px){
	.mock_container .mock_count .pagination{margin:0 auto 40px; }
	.mock_container .mock_count .pagination .number{font-size:35px;}
}
@media(max-width:640px){
	.mock_container .mock_count .pagination{width:auto; margin:0 auto 25px;}
	.mock_container .mock_count .pagination .number{font-size:25px;}
}



/* 모의고사 문제 */
.mock_container .exam_wrap {width:100%; margin-bottom:60px; padding:45px 30px; border-top: 2px solid #868b8f; border-bottom: 1px solid #dce1e6;}
.mock_container .exam_wrap.exam_wrap2 { height:calc(100% - 100px); }
.mock_container .exam_wrap .exam_Qwrap {width:100%; background:#fff; box-sizing:border-box; }
.mock_container .exam_wrap .exam_Qwrap .question {padding-bottom:45px; font-size:30px; font-weight:300; color:#222; line-height:42px; }
.mock_container .exam_wrap .exam_Qwrap .question img { width:100%; height:auto; margin:20px 0; }
.mock_container .exam_wrap .exam_Qwrap textarea { min-height:300px; }
.mock_container .exam_wrap .exam_Qwrap .choice_wrap { /* margin:30px 0 50px;  */}
.mock_container .exam_wrap .exam_Qwrap .choice_wrap li { margin:0 0 20px 0; }
.mock_container .exam_wrap .exam_Qwrap .choice_wrap li label {display:block; position:relative; width:100%; min-height:45px; padding-left:45px; }
.mock_container .exam_wrap .exam_Qwrap .choice_wrap li label span.example { display:inline-block; width:100%; font-size: 26px; font-weight: 300; color: #333; vertical-align:top;}
.mock_container .exam_wrap .exam_Qwrap .choice_wrap li label .num {position:absolute; top:5px; left:0; width:35px; height:35px; font-size:0; background-color: #DCE1E5; background-image: url("../image/level_chk.png"); background-position: center center; background-repeat: no-repeat;}
.mock_container .exam_wrap .exam_Qwrap .choice_wrap li label .example { /* width:100%; padding-left:50px;  */}
.mock_container .exam_wrap .exam_Qwrap .choice_wrap li input[type="radio"] { position:absolute; top:0; left:0; visibility:hidden; }
.mock_container .exam_wrap .exam_Qwrap .choice_wrap li.select label .num {background-color: #000;}
.mock_container .exam_wrap .exam_Qwrap .choice_wrap li.select label .example {/*  color:#f8a119;  */}
.mock_container .exam_wrap .exam_Qwrap .choice_wrap li.collect label .num { color:#fff; background:#ff5a60; border-color:#ff5a60; }
.mock_container .exam_wrap .exam_Qwrap .choice_wrap li.collect label .example { color:#ff5a60; text-decoration:underline; }
@media(max-width:1080px){
	.mock_container .exam_wrap {padding:35px 15px;}
	.mock_container .exam_wrap .exam_Qwrap .question {padding-bottom:30px; font-size:24px;  line-height:38px; }
	.mock_container .exam_wrap .exam_Qwrap .choice_wrap li label {min-height:45px; padding-left:35px; }
	.mock_container .exam_wrap .exam_Qwrap .choice_wrap li label span.example {font-size: 20px;}
	.mock_container .exam_wrap .exam_Qwrap .choice_wrap li label .num {top:2px; width:26px; height:26px;}
}
@media(max-width:640px){
	.mock_container .exam_wrap {margin-bottom:30px; padding:20px 10px;}
	.mock_container .exam_wrap .exam_Qwrap .question {padding-bottom:20px; font-size:16px;  line-height:30px; }
	.mock_container .exam_wrap .exam_Qwrap .choice_wrap li label{min-height:30px; padding-left:28px; }
	.mock_container .exam_wrap .exam_Qwrap .choice_wrap li label span.example {font-size:14px;}
	.mock_container .exam_wrap .exam_Qwrap .choice_wrap li label .num {top:0; width:23px; height:23px; -webkit-background-size: 12px; 	background-size:12px;}
}



/* 채점보기 */
.mock_container .result_wrap ul { display:table; width:100%; }
.mock_container .result_wrap ul li { display:table-cell; text-align:center; border-right:1px solid #d6d7db; padding:0 30px; box-sizing:border-box; vertical-align:middle; }
.mock_container .result_wrap ul li:last-child { border:none; }
.mock_container .result_wrap ul li.box_wth { width:18%; }
.mock_container .result_wrap ul li.result_box { width:150px; padding:0 30px 0 0; display:table; }
.mock_container .result_wrap ul li.result_box p { display:inline-block; width:63px; height:63px; background:url('../images/leveltest/exam_OX.png') no-repeat; }
.mock_container .result_wrap ul li.result_box .exam_O {}
.mock_container .result_wrap ul li.result_box .exam_X { background-position:0 -63px; }
.mock_container .result_wrap ul li.result_box .exam_num { display:block; color:#000; font-weight:600; margin-top:10px; }
.mock_container .result_wrap ul li dl dt { }
.mock_container .result_wrap ul li dl dd { font-weight:600; color:#000; font-size:28px; margin-top:15px; }
.mock_container .result_wrap ul li dl dd .select { display:inline-block; /*width:40px; height:40px;*/ font-size:26px; border-radius:100px; /*color:#fff; background:#f8a119;*/ text-align:center; line-height:38px; }
.mock_container .result_wrap ul li dl dd .collect { display:inline-block; /*width:40px; height:40px;*/ font-size:26px; border-radius:100px; /*color:#fff; background:#ff5a60;*/ text-align:center; line-height:38px; }

.mock_container .result_wrap .result_text { border-top:1px solid #d6d7db; margin-top:30px; padding-top:30px; }
.mock_container .result_wrap .result_text dl { display:table; width:100%; table-layout:fixed; margin:10px 0; }
.mock_container .result_wrap .result_text dl dt { display:table-cell; width:150px; padding:0 0 0 10px; box-sizing:border-box; position:relative; }
.mock_container .result_wrap .result_text dl dt:after { display:block; width:1px; height:30px; content:''; position:absolute; right:0; top:5px; background:#d6d7db; }
.mock_container .result_wrap .result_text dl dd { display:table-cell; padding:0 0 0 30px; box-sizing:border-box; font-weight:600; }
.mock_container .result_wrap .result_text dl dd.select { color:#f8a119; }
.mock_container .result_wrap .result_text dl dd.collect { color:#ff5a60; text-decoration:underline; }


/*오디오 버튼*/
.play-sound-button {display:block;text-indent: -9999em;width: 45px;height: 45px;background: url('http://ktr.whzcdn.co.kr/kojet/sample_contents/kor/02/common/images/contents/dialogue_sound_btn.png') 0 0 no-repeat;}
.play-sound-button:hover {background-position: 0 -45px;}
.play-sound-button[disabled=disabled] {background-position: 0 -45px;cursor: default;}
.effect_snd {display:none;}


/*이미지*/
.qst_img{width: 100%;height: auto;margin: 20px 0;}


.movtest_pop{padding:45px 0 !important; }
.movtest_pop .mock_container{width:860px; max-width:95%; margin:0 auto; padding:15px 0; }
.movtest_pop .mock_container .mock_tit{padding:0 40px;}
.movtest_pop .mock_container .mock_count .pagination{padding:5px 0; }
.movtest_pop .mock_container .mock_count .pagination .number{font-size:35px; }
.movtest_pop .exam_Q{font-size:40px; }
.movtest_pop .mock_container .mock_tit4{font-size:30px; }
.movtest_pop .mock_container .exam_wrap{margin-bottom:30px}
.movtest_pop .mock_container .exam_wrap .exam_Qwrap .question{padding-bottom:15px;font-size: 24px;}
.movtest_pop .mock_container .exam_wrap .exam_Qwrap .choice_wrap li label span.example{font-size:20px;}
.movtest_pop .mock_container .exam_wrap .exam_Qwrap .choice_wrap li label .num {top:2px; width:26px; height:26px;}
.movtest_pop .mock_container .exam_wrap .exam_Qwrap .choice_wrap li label {min-height:45px; padding-left:35px; }
.movtest_pop .mock_qst{padding:0 40px; }
.movtest_pop .text_answer input {min-height: 40px;}
.movtest_pop .btn_wrap a{height:50px; font-size: 18px; line-height: 50px;}