@charset "utf-8";


html,body {overflow:hidden; background-color: #e8e6d9}

.box_full .inner {
    width: auto;


}

.inner {
    width: auto;
    margin: auto
}

.body > .body_scroll {
	 position: fixed;
    bottom: 0px;
    top: 100px;
    overflow: auto;
    right: 200px;
    left:0
  }

#header {
    position: relative;
    z-index: 2;
}

.header {
    position: fixed;
    height:101px;
    background-color: #2d375b;
    background-image: url(../image/bg.png);
    width: 100%;
    left: 0;
    right: 0;
    top: 0
}
.header .PaperName {
	font-size: 24px;
	    color: #fff;
	    font-weight: 500;
	    padding-top: 13px;
		padding-bottom:33px
}
.header .user_info > div {display: inline-block; color:#fff}
.header .user_info > div + div {margin-left:10px}
.header .user_info > div span {display: inline-block; padding:2px 5px 1px 5px; background-color: #fff; color:#000; position: relative;top:-1px}
.header .time_box {
	position: absolute;
right: 0;
top: 0;
height: 101px;
width: 250px;
background-image: url(../image/bg_right.png);
background-position: right;
background-color: #e8e6d9;
box-sizing: border-box;
text-align: right;
padding-right: 5px;
line-height: 1.1em;
}
.time_box {padding-top:18px}
.time_box .exam_time {    width: 89px;
    text-align: left;
    float: right;}
.time_box  .title{ font-size: 13px; padding-bottom:4px}
.time_box  .timer{font-size: 18px;
	font-family: "big_no";
	letter-spacing: -1px
}
.group_select_box {
	text-align: left;
    width: 200px;
    float: right;
    margin-top:-2px
}
.group_select_box select {width:200px;
height: 24px; line-height: 25px;
border-top:1px solid #696969;
border-right: 1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
border-left: 1px solid #696969;
padding-right:0
}
.group_select_box .select_box {
	border-top:1px solid #a0a0a0;
	border-right: 1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left: 1px solid #a0a0a0;
}
.header .inner {  text-align: center; }
.hidden {
	font-size: 1px;
text-indent: -2000px;
overflow: hidden;
}
.funtion {
    height: 30px;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0px;
    width: 100%;
    background-color: #353535;
    padding: 0;
    font-size: 12px;
    line-height: 30px
	; display:none
}

.funtion .info {
  height: 30px;
  line-height: 30px;
  color: #999;
  padding-left: 10px;
  display: inline-block;
  position: absolute;
  left: 0;
}

.funtion_box {
    float: right;
    margin-right: 10px;
    margin-top:-2px

}

.header h1 {

    position: absolute;
    font-size: 20px;
    margin: 0px
}

.header h1 img.logo {
    vertical-align: bottom
}

.header h1 span {
    display: inline-block;
    vertical-align: bottom;
    color: #fff;
    margin-left: 10px;
    line-height: 23px;
}

.footer {
    background-color: #779cc8;
    height: 23px;
    text-align: center;
    color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.footer .end_btn {
	position: absolute;
    /* left: 0; */
    top: 0;
    right: 18px;

}
.footer .nav_btn {padding-right: 200px}
.end_btn span {
	font-size: 16px;
color: #000;
font-weight: 900;
display: inline-block;
position: relative;
top: 1px;
margin-right: 10px;
}
.exam_navi {
	z-index: 9;
    height: auto;
    background-color: #f6f4ea;
    width: 200px;
    border: 1px solid #000;
    font-size: 14px;
    position: fixed;
    overflow: hidden;
    right: 0;
    top: 101px;
    bottom: 23px;
    overflow: auto;
    box-sizing: border-box;
}

.body {
    position: relative;
    padding-top: 90px
}

.body:after {
    content: "";
    clear: both;
    display: block
}

.body .content_box {
    padding: 40px 30px 30px 250px
}

.breadcrumbs {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.breadcrumbs:after {
    content: "";
    clear: both;
    display: block
}

.breadcrumbs li {
    float: left;
    margin-right: 5px
}

.breadcrumbs li:after {
    content: " > ";
    color: #999
}

.breadcrumbs li:last-child:after {
    display: none
}

.disit_no {font-family: 'digit_no'}
.exam_body {

    padding: 0px 20px 0 20px;
    background-color: #fff;

}

/*question*/
.question_detail {
  margin-top:7px;

  line-height: 1.4em !important
 ;
  font-family: "nsk_b" !important;
  font-weight: 700!important;;
}

.question_detail *{

    font-family: "바탕" !important;
    font-weight: 500!important;;
    color:#000 !important;
    padding-top:0px;
}
.question_detail > div > font {
	min-height: 27px;
display: inline;
line-height: 30px;
vertical-align: top;
}
.question_detail .img_scale input{
  font-size: 20px !important;
}
.exam_body .question_detail div > img{    margin-top: 14px;}
.exam_body .question_detail p + p {margin-top:8px}
.question_detail p:empty,.question_detail span:empty{display: none;}
.exam_body .question_detail strong, .exam_body .question_detail b {
    font-weight: 900 !important;
    font-family: "nsk_eb";
}
.page_box {display: none}
font:empty {display: none}
.page_box .qustion_id:last-child .question_box {border-bottom:none !important; padding-bottom:10px}
.answer_txt  {
	position: relative;
    font-size: 1.143rem;
    margin: 0.8571rem 0;
    padding-left: 22px;
    box-sizing: border-box;
    padding-right: 5px;
    text-align: left;
}
.answer_txt .a_no {position: absolute; z-index: 2;}
.answer_txt input {    position: absolute;
    left: -9999px}
.question_box .answer_txt font {
line-height: 28px
}
.question_box input[checked] + label:after ,
.question_box input:checked label:after {
	content: "";
    display: block;
    width: 6px;
    height: 3px;
    background-color: #fff;
    top: 9px;
    left: 0;
    position: absolute;
    border-radius: 0;
}
.AnsDisp_H {
	display: flex
}
.AnsDisp_H .answer_txt {
	width:20%
}
.AnsDisp_H .answer_txt span {    display: block;
    line-height: 1.3em;
    letter-spacing: 0px;}
.AnsDisp_H .answer_txt span font {
	display: block;
	    line-height: 30px;
		font-family: "바탕" !important
}
font:empty {display: none}
#exam_navi .answer_txt input:checked + label:after,
#exam_navi .answer_txt input[checked] + label:after{
	content: "";
    display: block;
    background-color: rgba(0,0,0,.7);
    top:4px;
    left: 3px;
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 8px;
}
#exam_navi dl dt:nth-child(5n-1),
#exam_navi dl dd:nth-child(5n){
	padding-bottom:10px;
border-bottom:2px solid #c0c0c0;
height:33px
}
.answer_txt label:after {
/*
    display: block;
    width: 1.429rem;
    height: 1.429rem;
    border: 1px solid #000;
    position: absolute;
    left: 0;
    top: 0.7143rem;
    border-radius: 1.429rem;
    background-color: transparent;
    z-index: 0;
	*/
}
.btns  {cursor:url(../image/point.cur),auto !important}
.btns2  {cursor:progress !important}

.answer_txt label + span {}
.answer_txt label {
display: inline-block;
position: absolute;
left: 0;top:-0.3571rem;
padding: 0.7143rem 0;
width:1.429rem;
margin-bottom: 0;
margin-top: -0.2857rem;
font-family: "바탕";
font-weight: 500;
text-align: center;
	font-family: "sans-serif";

}
.answer_txt label {cursor:url(../image/check.cur),auto !important}



.question_box {position: relative;padding-left:37px;padding-bottom:9px; padding-top:9px
;
min-width: auto
}
.question_box img {max-width: 100%}
.question_box .question_no {
	position: absolute;
    left: 0;
    font-size: 16px;
    font-family: "바탕";
    font-weight: 900;
    /* border: 1px solid #ccc; */
    text-align: center;
    padding: 0.3571rem 0 0.2143rem 0;
    line-height: 1.429rem;
    width: 1.857rem;
    /* background-color: #eee; */
    color: #000;
    top: 15px;
    letter-spacing: -1px;
}
.question_box .question_no:after{content: "."}
.question_box .answer_box {font-family: "바탕"}
.answer_4 .answer_txt {float: left;width: 25%; }
.multiLayer .answer_4 .answer_txt,
.answer_2 .answer_txt {float: left;width: 50%; }

.multiLayer .answer_2 .answer_txt {float:none; width: 100%}
.answer_box:after {content: ""; display: block; clear:both;}
.answer_textarea {height: 100px; width: 100%; resize: none; box-sizing: border-box;}
.navi_title {
	text-align: center;
    /* font-size: 17px; */
    /* background-color: #A6B0DB; */
    margin: 10px 9px 0 9px;
    color: #7e007d;
    /* padding: 10px; */
    /* line-height: 20px; */
    font-size: 24px;
    font-weight: 900;
    margin: 0;
    border-bottom: 2px solid #000;
    padding: 7px;
}

dl.navi_dl { margin: 0 10px;}

dl.navi_dl dt {
	cursor: pointer;
	    width:15%;
	    float: left;
	    display: block;
	    margin: -1px;
	    height: 29px;
	    line-height: 23px;
	    font-size: 15px;
	    font-weight: 900;
	    box-sizing: border-box;
	    padding: 5px 0 10px 10px;
	    text-align: center;
	    font-family: "big_no";
	    letter-spacing: -1px;
	    text-align: center;
	    clear: both;
	    display: block;
}
dl.navi_dl dt:after {content: "."}
dl.navi_dl dd {
	padding:5px 0 ;
    width:85%;
    float: right;
    display: block;
    margin: -1px 0;
    text-align: center;
    height: 23px;
    line-height: 1.5em;
    position: relative;
	box-sizing: border-box;
}
dl.navi_dl dt.active {
	}
dl.navi_dl dd.active {}
.navi_box .answer_choice span {display: none}
.navi_box .answer_box {padding-left: 10px}
.navi_box .answer_txt {
	margin: 0;
height: 23px;
padding: 0;
font-size: 12px;
display: inline-block;
width: 20%;
box-sizing: border-box;
text-align: center
}
.navi_box .answer_txt label {padding: 0; top:4px; font-size: 16px}
.question_box .answer_txt label {padding: 0; top:7px}

/* 경고창 */


.debug_box {width:400px;left: inherit;  overflow: hidden;}
.debug_box .modal{ border-radius: 0; min-height: 100%;margin:0}
.debug_box .modal_footer {    z-index: 4;
    position: absolute;
    width: 100%; border-radius: 0; text-align: left;
    bottom:0
}
.debug_box .debug_btn {margin:0 10px}
.debug_box .modal_body {min-height: auto;}
.debug_textarea {width: 100%;
    height: 100%;
    font-size: 12px;
    position: absolute;
    lefT: 0;
    bottom: 0;
    right: 0;
    background-color: #353535;
    color: #fff;
    font-family: nsk_l;
    font-weight: 200;
    line-height: 1.5em;
    top: 0;
    resize: none;
}
.pointer {cursor:pointer}
.btns.disabled, .btns[disabled], fieldset[disabled] .btns,
.jp-player-box .disabled
 {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .7;
}
.jp-player-box button.disabled {
  opacity: .2;
}
#exam_body {
	position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    top: 7px;
    left: 50%;
    bottom: 27px;
    width: 820px;
    margin-left: -410px;
    z-index: 2;
    height: auto;
	box-sizing: border-box;
	padding:0;
	cursor:URL(../image/pencel.cur),auto !important
}

/* 다단 기준값 660px */

#exam_body .multiLayer { min-width: 820px; width: 820px; padding:0 5px; box-sizing: border-box;}
#exam_body .multiLayer:before {
  content: "";
top:15px;
bottom:15px;
width: 1px;
border-right: 1px solid #000;
position: absolute;
left: 0;
/* padding-left: 660px; */
/* margin-left: 160px; */
width: 50%;
min-width: 410px;
}
#exam_body:before {
	content: "";
    top: 107px;
    border-bottom: 1px solid #000;
    position: fixed;
    left: 50%;
    margin-left: -485px;
    width: 770px;
    height: 5px;
    background-color: #fff;
    display: block;
    z-index: 2;
}
#exam_body:after {
	content: "";
    bottom: 27px;
    border-top: 1px solid #000;
    position: fixed;
    left: 50%;
    margin-left: -485px;
    width: 770px;
    height: 5px;
    background-color: #fff;
    display: block;
    z-index: 2;
}
#exam_body .multiLayer:after {content: ""; display: block; clear:both}

#exam_body .multiLayer .layerItem {
	width: 405px;
    float: left;
    margin: 0px;
    padding: 0 5px;
    box-sizing: border-box;}
#exam_body .multiLayer .layerItem + .layerItem {margin-left:0%;}

#exam_body .multiLayer .layerGuide { width:10% ; display: block}


.question_detail table, .question_detail img,.question_detail div {
   max-width: 100%; width: auto; height: auto}
.body_sd #exam_body .multiLayer  .layerItem { float: none; width: 100%}
.body_sd #exam_body .multiLayer:before {display: none}
.body_sd #exam_body .multiLayer .layerItem + .layerItem {margin-left: 0}
.error_box {background-color: #EAE2E2; padding: 10px 15px; border-radius: 20px;     width: auto;
    display: inline-block;
    color: red;}
    .media_box {max-width: 600px; width:100%;background-color: #CCCCCC; position: relative;}
#exam_temp,
#exam_temp .question
{min-width: 370px;width: 370px}
#exam_temp .question_box {width: auto; min-width: auto}
#exam_temp .exam_view {padding-left: 0 ;min-width: 370px;width: 370px}
  #exam_temp  .media_player{ width:100%;height: 0; padding-bottom:56.25%; background-color: #CCCCCC; position: relative;}
.max_char {text-align: right; font-size: 0.8rem}
.answer_input {display: inline-block;}
.answer_input + .max_char {display: inline-block;}
.pull_right {float: right}


/* 툴팁 */
.tooltip {position: relative;}
.tooltip:hover:before {
    content:attr(tooltip);
    color:#fff;
    display: block;
    position: absolute;
    background-color: #000;
    border-radius:5px; padding:5px 8px 7px 8px;
    z-index:10;
    left:0;
    top:-40px
  }



.navi_q_icon {
  display: block;
      font-size: 10px;
      right: 3px;
      bottom: 2px;
      position: absolute;
      height: 10px;
      line-height: 10px;
      /* transform: scale(0.7); */
      letter-spacing: -1px;
      color:#C1A3D7;
}
.navi_q_icon span {}

.exam_view {height:600px; overflow-y:scroll; position:absolute; bottom:-10000px; padding-left:200px; visibility: hidden}
.sr-only {opacity: 0; position: fixed; left: -1000;top:-1000}
.btns_bottom {background-image: url(../image/btn_prv_normal.png); width:155px; height: 20px; background-position: center; display: inline-block; position: relative;top:2px}
.btns_left{ float: left;}
.btns_right{ float: right;}
.go_q_prv {background-image: url(../image/btn_prv_normal.png)}
.go_q_next {background-image: url(../image/btn_next_normal.png)}
.go_q_final {background-image: url(../image/btn_end_normal.png)}

.go_q_prv:hover {background-image: url(../image/btn_prv_over.png)}
.go_q_next:hover {background-image: url(../image/btn_next_over.png)}
.go_q_final:hover  {background-image: url(../image/btn_end_over.png)}
.go_q_prv:active {background-image: url(../image/btn_prv_down.png)}
.go_q_next:active {background-image: url(../image/btn_next_down.png)}
.go_q_final:active {background-image: url(../image/btn_end_down.png)}
.go_q_prv.disabled {background-image: url(../image/btn_prv_disabled.png)}
.go_q_next.disabled {background-image: url(../image/btn_next_disabled.png)}
.go_q_final.disabled {background-image: url(../image/btn_end_disabled.png)}
.group_title { padding: 15px 10px}
.group_title b {letter-spacing: -1px}
.question_remark:empty {display: none}
.question_remark td {vertical-align: middle;
}
.question_remark {padding: 15px 0}
.question_group .group_body {margin: -13px 12px 10px 12px;
    padding: 8px;}

.question_remark table[height="48"] {background-color: #fff}
.question_remark table[height="48"] td {border:none !important; vertical-align: middle;}
.loading_container .loding_box {position: absolute; z-index: 2;
	top:50%; left:50%; margin-top:-80px; margin-left:-179px; box-shadow: 0 0 20px rgba(0,0,0,.3)
}
.loading_container .loding_box .loading_text {display: none}
/*전산회계*/
.question_detail img,
.question_box .answer_txt img {    margin-top: 8px !important;}
#exam_navi .tempCheck label:before {
	content: "";
	display: block;
	background-color: blue;
	top: 6px;
	left: 3px;
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 8px;
}
.question_box .tempCheck label:before {
content: "";
display: block;
width: 6px;
height: 3px;
background-color: #fff;
top: 11px;
left: 0;
position: absolute;
border-radius: 0;
}
td {vertical-align: middle;}

#exam_navi::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

#exam_navi::-webkit-scrollbar-track {
    background-color: #d1dfef;
}

#exam_navi::-webkit-scrollbar-thumb {
    background-color: #779cc8;
}
body.zoomin_170 .page_box ,
body.zoomin_140 .page_box 
{ display: flex; }
body.zoomin_140 #exam_body .multiLayer:before ,
body.zoomin_170 #exam_body .multiLayer:before 
{ display: none;}
body.zoomin_170 .layerItem
{
    width:720px !important;
    margin: auto !important;
    float: none !important;
}
body.zoomin_140 .layerItem 
{
    width:600px !important;
    margin: auto !important;
    float: none !important;
}
body.zoomin_140 .navi_box{
    zoom:1.3;
}
body.zoomin_170 .navi_box {
    zoom:1.6;
}
body.zoomin_140 .question_box .answer_txt label {
    zoom:1.4;
    top:5px;
    left:-7px
}
body.zoomin_170 .question_box .answer_txt label {
    zoom:1.7;
    top:4px;
    left:-9px
}
body.zoomin_140 .question_box .answer_txt {margin-left:14px}

body.zoomin_170 .question_box .answer_txt {margin-left:17px}

::-webkit-scrollbar {
    width: 5px;
    height: 5px
}
body.zoomin_170 .question_box input[checked] + label:after, .question_box input:checked label:after {
    top:9px
}
body.zoomin_140 .question_box input[checked] + label:after, .question_box input:checked label:after {
    top:8px
}
body.zoomin_170 .layerItem img.zoom_fix,
body.zoomin_170 .group_title b,
body.zoomin_170 .layerItem .question_no {
    zoom: 1.7;
}
body.zoomin_170 .layerItem .question_no {
top: 6px;
}
body.zoomin_140 .layerItem img.zoom_fix,
body.zoomin_140 .group_title b,
body.zoomin_140 .layerItem .question_no {
    zoom: 1.4;
}
body.zoomin_140 .layerItem .question_no {
    top: 8px;
    }
    body.zoomin_140 .question_box    {padding-left: 52px;}
    body.zoomin_170 .question_box    {padding-left: 62px;}
    .zoom_box a{opacity: .8;}
    .zoom_box a.active{background-color: #AAE0FA; color:#000;opacity: 1;}
.group_title img {display: block;margin:5px 0}    
::-webkit-scrollbar-track {
    background-color: #d1dfef;
}

::-webkit-scrollbar-thumb {
    background-color: #779cc8;
}

h3.id_state {
    font-size: 80px !important;
    margin-top: -35px;
    margin-bottom: 35px;
}
div.id_state {
    background-color: #0083cb;
    border: 3px solid #000;
    color:#fff;
    text-align: center;
    font-size: 30px;
    height: 45px;
    width: 140px;
    margin: auto;
    line-height: 45px;
    border-radius: 20px;
    z-index: 10;
    position: relative;
    font-family: ns_eb;
    top: 164px;
}
ul.user_area.gray li.num strong {top:45px}
ul.user_area.gray li.num:before { color: #ccc;}
dl.list_area.gray dt{background-color: #777;}

.popup_box .modal {width: 100% ;border:none; box-shadow: none;
border-radius: 0;
}

.popup_box .modal_header {
    height: 40px;
    background-color: #145376;
    color: #fff;
    line-height: 40px;
    /* font-size: 20px !important; */
    border-radius: 0;
}

.popup_box .modal_header .modal_title {
    font-size: 18px;
}
.popup_box .body input {height: 29px;}
.popup_box .body dl {     position: relative;
    padding-left: 119px;}
.popup_box .body dd {  margin-bottom:5px}
.popup_box .body dt { position: absolute; left: 0; margin-top:3px; font-weight: bold; font-family: nsk_b;}
.popup_box .modal_footer {border-top:1px solid #ccc;padding-top:15px; background-color: #f9f9f9;}
.popup_box .modal_body {padding:10px 5px 5px 25px;}
.popup_box .modal_footer .btns { background-color:#007fc5 ; color:#fff; min-width: 100px;}
.modal_exam_ending .modal {max-width: 600px;}

.modal_exam_ending  .modal_header  {
    height: 40px;
    background-color: #145376;
    color: #fff;
    line-height: 40px;
    /* font-size: 20px !important; */
    border-radius: 5px 5px 0 0;
}
.modal_exam_ending  .modal_header .modal_title { font-size: 20px; 
text-align: center;}
.end_desc b {display: block; font-size: 23px; margin-bottom:10px}
.end_desc {text-align: center; font-size: 18px; margin-bottom:50px}
.modal_exam_ending .loading_box {position: relative; height: 100px; margin-bottom:30px}
.modal_exam_ending .end_title {display: block; font-size:30px; margin:10px;color:#145376;  font-family: ns_eb;}
.modal_exam_ending i {    font-size: 94px;
    margin-bottom: 10px;
    color: #ccc;}
    .modal_exam_ending .end_name     {font-size: 20px; margin-bottom: 15px;}
    .modal_exam_ending  .id_user_name {      font-family: "nsk_b";
        text-decoration: underline;}