#mockTest {
  margin: auto;
  width:920px;
  background:#060307;
  padding-bottom:7% !important; color:#e3e3e3; font:100 14px/140% 'NanumBarunGothic';
  overflow:hidden
}
#mockTest div img {
  max-width:100%
}
.mockTestBox {
  margin:0 auto !important; padding:0 !important; text-align:center; overflow:hidden
}
.mockTest_btn {
  margin:auto; overflow:hidden; width:85%;
}
.mockTest_btn div {display:inline-block; position:relative; text-align:center; width:48.5%}
.mockTest_btn div img {max-width:100%; padding:5px;}
.mockTest_btn div div.btn_CS {
    display:block; width:101%; height:100%; position:absolute; top:0; left:0; background:#000; background-color:rgba(000, 000, 000, 0.7);
    font-size:18px; line-height:140%; color:#ffff00;
  }
  .btn_CS:before {
    content:""; display:inline-block; width:100%; height:25%; vertical-align:middle
  }
  .btn_CS a.btn_CS_btn {
    display:inline-block; margin-top:5px; background:#003cc4; padding:2px 15px; font-size:13px; color:#fff
  }
  .btn_CS a.btn_CS_btn:hover {
    background:#ff0000
  }
  .mockTestcont {
    margin:auto !important; width:81%; overflow:hidden;
  }
  .mockTestcont .guidBox {
    clear:both; width:100%; border:0; border-top:1px solid #636363; border-left:1px solid #636363; border-collapse:collapse; margin:0.625em 0 1em
  }
  .mockTestcont .guidBox th {background:#1c1c21; color:#e3e3e3;}
  .mockTestcont .guidBox th,.mockTestcont .guidBox td {
    color:#e3e3e3; padding:0.75em 1%; border:0; border-bottom:1px solid #636363; border-right:1px solid #636363; text-align:center;
  }
  .mockTestcont .guidBox td ol li {
    list-style-type:disc; margin-left: 20px; padding:3px 0; width:100%
  }
  .mockTestcont .guidBox td ol li ol li {
    list-style-type:none; width:100%
  }
  .mockTestcont a.mapGo {
    display:inline-block; background:#9e3235; color:#fff; padding:2px 8px; margin:2px;
  }
  .mockTestcont a.mapGo:hover {
    background:#eb4049
  }
  .mockTestcont h2 {
    font-size:1.6em; color:#ffde00; padding-top:5%; margin-bottom:10px
  }
  .mockTestcont h2 span {
    font-size:0.8em; color:#ededed
  }
  .mockTestcont h3 {
    margin:15px 0 7px !important; padding:0 !important; font-size:1.2em; color:#fff
  }
  .mockTestcont ul li {
    width:90%
  }
  .txt10 {
    color:#00ffff
  }
  .mockTestGuide {
    margin:auto;
    margin-top:50px;
    padding:30px;
    width:75%;
    background:#121a73;
    text-align:left;
    overflow:hidden
  }
  .mockTestGuide h3 {
    margin-top:30px;
    color:#ffff00;
    font-size:19px
  }
  .mockTestGuide ul {
    margin:auto;
  }
  .mockTestGuide ul li {
    margin-top:5px
  }
  .mockTestGuide ul li ol {
    margin-left:15px;
  }
  .mockTestGuide ul li ol li {
    list-style-type:decimal
  }
  .mockTestGuide ul li ol li p {
    color:#00ffff
  }
  /*로그인*/
	.textBox ul.loginTable {margin:auto; overflow:hidden}
	.textBox ul.loginTable li {margin-top:7px; overflow:hidden;}
	.textBox ul.loginTable li strong {display:inline-block; width:60px}
	.textBox ul.loginTable li input {width:75%}
	.textBox p {overflow:hidden; margin:auto; text-align:center}
	.textBox p.mbBtn {margin-top:15px;}
	.textBox p.mbBtn a{display:inline-block; padding:0 10px;}

  @media all and (max-width:780px){
    .mockTest_btn div
    {
      width:100%
    }
    #mockTest {
      width:100%
    }
}

.popup170110 {
  padding:30px !important; margin:0 auto !important; width:350px; background:#fff; border:2px solid #333; overflow:hidden;
}
.popup170110 div.close a {
  display:block; float:right; text-align:center
}
.popup170110 div.textBox {
  margin:30px 0; overflow:hidden;
}
.popup170110 div.btnS div a {
  display: block; width:49%; text-align:center; background:#555; line-height:300%; color: #fff;
}
.popup170110 div.btnS div a:hover {
  background:#000;
}
.popup170110 div.btnS div.left a {
  float:left;
}
.popup170110 div.btnS div.right a {
  float:right;
  }
@media all and (
  max-width:420px) {
    .popup170110 {
      width:70%
    }
  }