body { background: url("../../images/resources/bg_exam.gif") repeat; }

#testQuizPopupWrapper {
  width: 100%;
  position:relative;
  y-scroll:auto;
  text-align:center;
}
.testPopupWrap {
  width: 600px;
  padding:30px;
  text-align:center;
  border:1px solid #20a8da;
}
.testPopupWrap .detailArea {
  display:block;
  background:#e9f6fb;
  margin:10px 15px;
  padding:15px;
  text-align:center;
}
.testPopupWrap .startInfoArea {
  display:block;
  margin-top:20px;
  font-size:18px;
  font-weight:600;
  color:#2667c2;
}
.testPopupWrap .submitArea {
  display:block;
  margin:10px 15px 0px 15px;
  padding:15px;
  text-align:center;
}
.testPopupWrap .submitArea span {
  display:block;
}

.topTitle {width:100%;height:55px;background-color:#2890d7;text-align:center;}
.topTitle .area {display:inline-block;zoom:1;*display:inline;width:1024px;}
.topLogo {float:left; margin-top:10px;}
.btnClose {
  float:right;
  font-size:35px;
  color:#ffffff;
  cursor:pointer;
  margin-right : 10px;
}

/*layer*/
.popContentsLayer {
  width:1024px;
  margin:0px auto;
}

/* title box */
.titleBox {
  display:inline-block;
  zoom:1;
  *display:inline;
  width:999px;
  height:50px;
  margin-bottom:15px;
  background-color:#CCCCCC;
  text-align:left;
  border-radius:5px 0px 0px 5px;
  overflow:hidden;
}
.titleBox .title {
  margin-left: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
}
.titleBox .info {
  margin-right:20px;
  font-size:14px;
  float:right;
  line-height: 50px;
}
.cornerRight {
  display:inline-block;
  zoom:1;
  *display: inline;
  float:right;
  background: url("../../images/resources/bar_exam_corner.png") no-repeat;
  width: 25px;
  height: 50px;
  position:
  top: 55px;
}
.cornerRight2  {display:inline-block;zoom:1;*display:inline; position: absolute; right: -1px; bottom: -1px; background: url("../../images/resources/box_info_corner_right.gif") no-repeat; width: 25px; height: 25px; }

.contentWrap {
  /**
  display:inline-block;
  zoom:1;
  *display:inline;
  **/
  width:1024px;
  border:1px solid #d2d2d2;
  border-bottom:none;
  background-color:#FFFFFF;
  margin:15px auto 0px auto;
  padding:30px 15px;
  position:relative;
}
.bottomBg {
  display:inline-block;
  zoom:1;
  *display:inline;
  clear:both;
  background: url("../../images/resources/box_exam_bottom.png") no-repeat;
  background-size: 1024px auto;
  width: 1024px;
  height: 18px;
  background-position: bottom center;
  margin-bottom:60px;
}
.font16 {font-size:16px;}
.fontBold {font-weight:bold;}

/*��Ʈ�ڽ�*/
div.noteBox { border: 1px solid #e1e1e1; margin-bottom: 20px; background:url(:../../../../images/bg/bg_box_info_ptn_square.gif) repeat;width:100%;height:auto;text-align:left;padding:20px 0px; position: relative; }
div.noteBox.nobg { background: none; }
div.noteBox div.connerRight { position: absolute; right: -1px; bottom: -1px; background: url("../../images/resources/box_info_corner_right.gif") no-repeat; width: 25px; height: 25px; }
div.noteBoxText {margin-left:20px;}
div.inoteBoxTit {font-size:18px;font-weight:500;color:#0182ac;}
div.noteBoxSub {margin-top:10px;}

/*number Box*/
.numBox {
  display:inline-block;
  zoom:1;
  *display:inline;
  width:55px;
  height:55px;
  background-color:#86888e;
  color:#FFFFFF;
  text-align:center;
  font-size:20px;
  line-height: 55px;
  vertical-align:top;
  margin-top:10px;
}

/*examList*/
.examList {
  width:750px;
  margin-right:10px;
  text-align:left;
}
.examList img { max-width: 100%; }
.listArea {display:inline-block;zoom:1;*display:inline;width:690px; margin-top:10px; margin-bottom:20px;}
.incorreectArea {display:inline-block;zoom:1;*display:inline;width:830px; margin-top:10px; margin-bottom:20px;}
.questionBox {background-color:#EAF5FD;color:#333333;font-size:14px;padding:15px 15px 20px 15px;text-align:left; white-space: pre-line;}
.incorreectBox {display:inline-block;zoom:1;*display:inline;width:750px;background-color:#EAF5FD;color:#333333;font-size:14px;padding:9px 15px 11px 15px;text-align:left;}
.answerArea textarea {width:675px;height:100px;margin-top:15px;y-scroll:auto;}
.answerArea input{margin:0px;margin-right:5px;}
.answerArea ul{margin-top:10px;}
.answerArea li{display:flex;align-items:center;}
.answerArea li span {margin-left:5px;margin-top:4px;}
.score {color:#2667c2; float:right;margin-right:10px;}
.answerArea input[type=checkbox], input[type=radio] {min-width: 17px; min-height: 17px;} /* 2025.10.27 kng */

/*answerArea*/
.saveArea {
  display:inline-block;
  zoom:1;*display:inline;
  vertical-align:top;
  position:absolute;
  top:0;
  margin-top:30px;
  right:20px;
  z-index:10;
  background:#FFFFFF;
}
.limitTime {background-color:#000000;color:#FFFFFF;text-align:center;margin-top:10px;padding:5px 0px;font-size:16px}
.limitTime .time {font-size:20px;}
.noCheck {background-color:#7D7D7D;color:#FFFFFF;text-align:center;padding:5px 0px;font-size:16px}
.moveClick {color:#d54400;text-align:center;padding:10px 0px;font-size:14px}

/*button*/
.orangeSaveBtn {
  width:auto;
  border:1px solid #d47a18;
  border-radius:4px;
  padding:5px 80px;
  font-size:16px;
  font-weight:300;
  background-color:#F3860F;
  color:#FFFFFF;
  border-radius:5px;
  cursor:pointer;
}
.SaveBtn {
  width: 100%;
}
/*table*/
.noChkTbl {border:1px solid #d7d7d7;}
.noChkTbl tr {border-top:1px solid #d7d7d7;}
.noChkTbl td {text-align:center;border-right:1px solid #d7d7d7;padding:5px 0px;}
.noChkTbl td:hover {cursor:pointer; background:#2890d7; color:#FFFFFF;}

.sideDesc {padding:5px 0; border-left:1px solid #D7D7D7; border-right:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7;}

/*test start*/

/*layer*/
.testStartInfo .examTimeBg {
  display:inline-block;
  zoom:1;
  *display:inline;
  background: url("../../images/resources/bg_exam_time.png") no-repeat;
  width:116px;
  height:130px;
  vertical-align:middle;
}
.testStartInfo .examFinalBg {display:inline-block;zoom:1;*display:inline;background: url("../../images/resources/bg_exam_smile.png") no-repeat;width:116px; height:130px;vertical-align:middle;}
.testStartInfo .infoArea {display:inline-block;zoom:1;*display:inline;margin-left:30px;vertical-align:middle; text-align:left;}
.testStartInfo .infoArea .greeting {display:block;font-size:18px;font-weight:600;color:#2667c2;margin-bottom:20px;}

.infoTxt {
  padding-top:30px;
  text-align:center
}
.yellowFont {
  display:block;
  font-size:18px;
  font-weight:600;
  color:#f3ff33;
  margin-bottom:5px;
}
.numFont {
  display:block;
  font-size:24px;
  color:#FFFFFF;
}

.examInfoList {display:block;border:1px solid #d7d7d7;width:100%;margin-bottom:20px;text-align:left; border-radius:4px;}
.examInfoList .numBg {
  display:inline-block;
  zoom:1;
  *display:inline;
  background: url("../../images/resources/bg_exam_num.png") no-repeat;
  width:52px;
  height:41px;
  margin-left:15px;
  text-align:center;
  padding-top:5px;}
.examInfoList .numBg span {color:#FFFFFF;font-size:16px;}
.examInfoList .infoDetail {display:inline-block;zoom:1;*display:inline;margin-left:10px;vertical-align: -webkit-baseline-middle;}
.examInfoList .infoDetail .blue {font-size:16px;font-weight:600;color:#2667c2;}
.examInfoList .infoDetail .orange {font-size:16px;font-weight:600;color:#d54400;}

.examTimeInfoBtm {
  display:block;
  text-align:center;
  font-size:16px;
  line-height: 30px;
  margin:20px 0px;
}
.scoreInfo {
  display:block;
  margin-bottom:10px;
  text-align:left;
  margin-left:185px;
  line-height: 24px;
}
.scoreInfo span {
  display:block;
}
.recordInfo {
  display:inline-block;
  zoom:1;
  *display:inline;
  margin-left:0px;
  vertical-align:middle;
}
.inquiryBtn {
  display:inline-block;
  zoom:1;
  *display:inline;
  border: 1px solid #0182ac;
  padding: 0px 2px 2px 2px;
  font-weight: 600;
  background-color: #20a8d9;
  color: #FFFFFF;
  border-radius: 2px;
  font-size: 12px;
  width:25px;
}

/*active-x*/
.activeTitle {display:block;font-size:18px;font-weight:600;margin:20px 0px;}
.activeInfo {display:block;margin-bottom:5px;}

.activeInfoList {display:block;width:100%;height:auto;margin-bottom:20px;border:1px solid #d7d7d7;}
.activeInfoList .top {height:50px;background-color:#eaf5fd;}
.activeInfoList .numBg {display:inline-block;zoom:1;*display:inline;background: url("../../images/bg/bg_exam_num_info.png") no-repeat;width:52px; height:41px;margin-left:15px;text-align:center;padding-top:5px;}
.activeInfoList .numBg span {color:#FFFFFF;font-size:16px;}
.activeInfoList .infoDetail {display:inline-block;zoom:1;*display:inline;margin-left:10px;}
.activeInfoList .infoDetail .blue {font-size:16px;font-weight:600;color:#2667c2;}
.activeInfoList .infoDetail .orange {font-size:16px;font-weight:600;color:#d54400;}
.activeInfoList .content {display:block;width:100%;background:#FFFFFF;padding:20px 0px;text-align:center;}

.manual {text-align:center;margin:10px 0px;}

.nocpltExam {width:225px; overflow:auto;}
.nocpltExam ul {width:50%; float:left;}
.nocpltExam ul li.left {border-left:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; padding:3px 0; text-align:center;}
.nocpltExam ul li.bdright {border-right:1px solid #D7D7D7;}
.nocpltExam ul li.right {border-right:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; padding:3px 0; text-align:center;}
.nocpltExam ul li.bdleft {border-left:1px solid #D7D7D7;}
.nocpltExam ul li:hover {cursor:pointer; background:#2890d7; color:#FFFFFF;}

.cpltCheckExam {clear:both; border:1px solid #D7D7D7; margin-top:5px; width:225px; text-align:left; padding:5px;}


/* �������ۿ��� ���̾� �˾� */
.layerBg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000000; opacity:.5; filter:alpha(opacity=50); z-index:11;}
.layerContent {position:fixed; left:50%; top:50%; margin-left:-280px; margin-top:-126px; background:#FFFFFF; z-index:12;}

/*���ǽ�û �亯����*/
.correct {display:inline-block;zoom:1;*display:inline;width:20px;height:20px;background: url("../../images/icon/icon_answer.png") no-repeat; background-size: 39px 39px; background-color:#2890d7;color:#FFFFFF;text-align:center;font-size:20px;padding:10px;vertical-align:top;}
.incorrect {display:inline-block;zoom:1;*display:inline;width:20px;height:20px;background: url("../../images/icon/icon_wrong.png") no-repeat; background-size: 39px 39px; background-color:#2890d7;color:#FFFFFF;text-align:center;font-size:20px;padding:10px;vertical-align:top;}
.dissentLayer {width:868px;border:1px solid #d2d2d2;border-bottom:none;background-color:#FFFFFF;margin: 0px auto 0px auto;padding:0px 0px 60px 0px;}
.dissentContent {padding:0px 10px;}
.floatRight {float:right;}

.formTbl { width: 100%; border-top:2px solid #000000;}
.formTbl h3 { font-size: 13px; width: 100%; font-weight: bold; color: #000000; float: left; padding: 10px 05px; }
.formTbl table { width: 100%; }
.formTbl select { width: auto; }
.formTbl tr { border-top: 1px solid #e1e1e1; padding: 10px; border-bottom: 1px solid #e1e1e1; }
.formTbl th { background-color: #f5f5f5; padding: 10px; border-right: 1px solid #e1e1e1; text-align: left; }
.formTbl th.last { background-color: #f5f5f5; padding: 10px; border-right: none; text-align: center; }
.formTbl td { padding: 10px; border-right: 1px solid #e1e1e1; }
.formTbl td.blueLine {border:1px solid #70aedf; }
.formTbl td.last { padding: 10px; border-right: none; }
.formTbl td.img { text-align: center; }
.formTbl td.radioBtn { text-align: center; }
.formTbl td.txtCenter { text-align: center; line-height: 33px; }
.formTbl table textarea {  width: 100%; margin: 10px 0px; text-align: left; }
.formTbl input { padding: 0px 0px 0px 02px; }

/*����Ȯ�� ���̺�*/
.answerTbl {width:100%;margin-bottom:20px;margin-top:20px;;}
.answerTbl .userReply {height:40px;text-align:center;background-color:#ebebeb;}
.answerTbl .correctAnswer {height:40px;text-align:center;background-color:#f9dfb4;}
.answerTbl .center {text-align:center;}
.answerTbl tbody tr td {height:40px;border-bottom:1px solid #e0e0e0;}
.answerTbl tbody tr .lastBdNo {border-right:none;!important}
.answerTbl .border {border-right:1px solid #e0e0e0;;;}
.cautionMark {background-image: url("../../images/resources/bg_btn_orange.png");background-repeat: no-repeat; background-size: 35px 20px; padding: 0px 10px 0px 3px; color:#FFFFFF;margin-bottom:5px;  }

.answer {width:100%;margin-bottom:20px;margin-top:20px;;}
.answer thead tr th {background-color:#f9dfb4;border-bottom:1px solid #e0e0e0;}
.answer tbody tr td {background-color:#ffffff;;padding:10px 0px 10px 10px;border-bottom:1px solid #e0e0e0;}

/* �ڽ� ���� 01 */
div.infoBoxTest { border: 1px solid #e1e1e1; margin:0px 10px 20px 10px;; background:url(:../../../../images/bg/bg_box_info_ptn_square.gif) repeat;;height:auto;text-align:left;padding:20px 0px; position: relative; }
div.infoBoxTest.nobg { background: none; }
div.infoBoxTest div.connerRight { position: absolute; right: -1px; bottom: -1px; background: url("../../images/resources/box_info_corner_right.gif") no-repeat; width: 25px; height: 25px; }

.chkBox {display:inline-block;zoom:1;*display:inline;margin-left: 50px; border:1px solid orange; vertical-align: middle; padding:5px 5px 5px 5px !important;}

/*etc*/
.left {text-align:left}
.wd80 {width:80px;}
.wd130 {width:130px;}
.wd150 {width:150px;}
.wd200 {width: 200px;}
.hoverNone {hover:none;}
.mt20 {margin-top:20px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml50 {margin-left:50px;}
.mr10 {margin-right:10px;}
.ml20 {margin-left:20px;}
.mb10 {margin-bottom:10px;}
.mb35 {margin-bottom:35px;}
.hg30 {height:30px;}
.height185 {height:185px;}
.height210 {height:210px;}
.height286 {height: 286px;}
.manual {text-align:center;}
.fSize16 {font-size:16px;}
.nopd {padding:0;}
.lastBdNo {border-right:none;!important}

/*���� �ȳ�*/
.ml0 {margin-left:0px;}
.ml100 {margin-left:100px;}


/** ��ť�� ��ġ **/
#dw-exam__activex {display: none;}
.dw-activex__install #dw-exam__activex {display: block;}
.dw-activex__install #dw-exam__caution {display: none;}


.overlap__ip .layerContent,
#dw-overlap__ip.layerContent {display: none;}
.overlap__ip #dw-overlap__ip.layerContent {display: block; margin-top: -136px;}

.nocpltExam a {display: block;}

/* 20200828 dj */
#remoteTest *{word-break:keep-all}
#remoteTest a{display:inline-block;width:100%;height:100%;}
#remoteTest .pc{display:inline-block!important;}
#remoteTest .mobile{display:none!important;}
#remoteTest .fr{float:right;}
#remoteTest .b{font-weight:700!important;}
#remoteTest .whiteColor{color:#fff!important;}
#remoteTest .bluebtn{background:#2196F3!important;color:#fff!important;}
#remoteTest .bluebtn:disabled{background:#2195f3c2!important;color:rgba(255, 255, 255, 0.796)!important;}
#remoteTest .greenbtn{background:#4CAF50!important;color:#fff!important;}
#remoteTest .whitebtn{background:#fff!important;border:1px solid #ccc;}
#remoteTest .f20{font-size:20px!important;}
#remoteTest .mt10{margin-top:10px!important;}
#remoteTest .mt50{margin-top:50px!important;}
#remoteTest>.wrap{max-width:990px;width:100%;margin:50px auto;background:#fff;border:1px solid #ccc;padding-bottom:50px;}
#remoteTest h1{border-bottom:2px solid #ccc;font-size:30px;font-weight:700;margin-bottom:10px;padding:30px 20px 15px;}
#remoteTest h1 b{font-size:20px;}
#remoteTest h2{margin-bottom:10px;padding:0 20px;}
#remoteTest .main-menu{background:#fff;width:100%;padding:10px 0;margin-bottom:40px;}
#remoteTest .menu-fixed{position:fixed;top:0px;left:0px;-webkit-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.25);box-shadow:0px 3px 5px 0px rgba(0,0,0,0.25);z-index:1;}
#remoteTest .main-menu .wrap{padding:0 20px;max-width:990px;width:100%;margin:0 auto;}
#remoteTest .main-menu.menu-fixed .wrap{padding:0 10px;}
#remoteTest .timer{background:#2196F3;color:#fff;display:inline-block;padding:5px 15px;}
#remoteTest .paging li{display:inline-block;}
#remoteTest .paging li a{border:1px solid #888;color:#888;border-radius:50%;width:32px;height:32px;text-align:center; line-height: 2.0em; }
#remoteTest .paging li a:hover,#remoteTest .paging li a:active,#remoteTest .paging li a:focus{text-decoration:none;color:#2196F3;outline:none;}
#remoteTest .btngroup button{border-radius:5px;font-size:16px;font-weight:700;padding:8px 0;width:100px;}
#remoteTest dl{padding:0 5% 50px 15%;position:relative}
#remoteTest dt{font-weight:400;font-size:16px;margin-bottom:20px;letter-spacing:-0.5px;}
#remoteTest dt span{position:absolute;top:0;left:0;background:#eee;font-size:30px;line-height:56px;width:60px;height:60px;border-radius:50%;text-align:center;margin-left:5%;}
#remoteTest dd input{width:100%;padding:3px 10px;border:1px solid #ccc;border-radius:2px;}
/* Customize the label (the container) */
.container{display:block;position:relative;padding-left:35px;margin-bottom:20px;cursor:pointer;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:18px;}
.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%;}
.container:hover input ~ .checkmark{background-color:#ccc;}
.container input:checked ~ .checkmark{background-color:#ff7f5c;}
.checkmark:after{content:"";position:absolute;display:none;}
.container input:checked ~ .checkmark:after{display:block;}
.container .checkmark:after{top:7px;left:7px;width:11px;height:11px;border-radius:50%;background:#fff;}
@media (max-width:990px){
    #remoteTest>.wrap{border:none;margin:0 auto;}
}
@media (max-width:768px){
	#remoteTest .pc{display:none!important;}
	#remoteTest .mobile{display:inline-block!important;}
    #remoteTest .f20{font-size:5.5vw!important;}
    #remoteTest .mt10{margin-top:2vw!important;}
    #remoteTest h1{font-size:6vw;letter-spacing:-0.5vw;text-align:center;border-bottom:0.5vw solid #ccc;margin-bottom:2vw;padding:8vw 0 5vw}
    #remoteTest h2{font-size:4vw;letter-spacing:-0.25vw;text-align:center;margin-bottom:2vw;}
    #remoteTest .btngroup button{font-size:4vw;border-radius:1vw;padding:2vw;width:19vw}
    #remoteTest .timer{padding:1vw 4vw;font-size:3.5vw}
    #remoteTest .main-menu{padding:2vw 0;margin-bottom:10vw;}
    #remoteTest .main-menu .wrap{padding:0 2vw;}
    #remoteTest .main-menu.menu-fixed .wrap{padding:0 2vw;}
    #remoteTest .paging li a{font-size:3.5vw;width:6vw;height:6vw;line-height:5vw}
    #remoteTest dl{padding:0 3vw 7vw 19vw}
    #remoteTest dt{font-size:4vw;margin-bottom:4vw;letter-spacing:-0.3vw}
    #remoteTest dt span{width:14vw;height:14vw;font-size:8vw;line-height:13.5vw;margin-left:2vw}
    .container{font-size:4vw;line-height:5vw;padding:0 0 0 7vw;margin-bottom:3vw;}
    .checkmark{width:5vw;height:5vw;}
    .container .checkmark:after{top:0;left:0;width:2vw;height:2vw;margin:1.6vw}
    #remoteTest dd input{padding:1vw 2vw;font-size:3.5vw}
}


/* 20221027 dj */
.contentWrap .btn-success,.contentWrap .btn-success:hover{color:#006CD0;background:#fff;border-color:#006CD0;}