@charset "utf-8";
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
  margin: 0;
  padding: 0;
}
body,
input,
textarea,
select,
button,
table {
  font-family: 'nanum gothic', 'NanumGothic', '나눔고딕', '돋움', Dotum, AppleGothic, sans-serif;
  font-size: 14px;
}
body,
input,
textarea,
select,
button,
table,
a {
  color: #222;
}
body {
  line-height: 1.2;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
}
img,
fieldset {
  border: 0;
}
ul {
  list-style: none;
}
ol > li {
  margin-left: 0px;
}
em,
address {
  font-style: normal;
}
a {
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  text-decoration: underline;
}
table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
label,
button {
  cursor: pointer;
}
label {
  position: relative;
}
input[type=text],
input[type=password],
input[type=search] {
  -webkit-appearance: none;
  border-radius: 0px;
}
input[type=search] {
  box-sizing: content-box;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
::-webkit-input-placeholder {
  color: #999;
}
::-moz-placeholder {
  color: #999;
}
:-ms-input-placeholder {
  color: #999;
}
::-webkit-input-placeholder:disabled {
  color: #ddd;
}
::-moz-placeholder:disabled {
  color: #ddd;
}
:-ms-input-placeholder:disabled {
  color: #ddd;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.number {
  font-family: Helvetica;
  font-size: 1.1em;
  font-weight: normal;
}
textarea {
  overflow-x: hidden;
}
iframe {
  border: none;
}
::-ms-clear {
  display: none;
}
/* 공통 기본*/
html,
body {
  width: 100%;
  height: 100%;
  background: #f7f7f6;
  position: relative;
  min-height: 600px;
}
.uiBlocker {
  background: transparent;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}
.common-decoration {
  width: 100%;
  height: calc(50% - 195px);
  background: #2A3966;
  opacity: 0;
  position: absolute;
  bottom: 0;
}
.common-decoration .image-div {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
}
[data-ani] {
  opacity: 0;
}
#LOGIN_PAGE label.loginLabel {
  color: #5B636D;
  font-size: 13px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
#LOGIN_PAGE label.loginLabel span {
  color: #404040;
  display: block;
  margin-bottom: 5px;
}
#LOGIN_PAGE label.loginLabel input {
  width: 100%;
  height: 35px;
  background: #E4E7EA;
  border: 0;
  border-top: 1px solid #C1C9D1;
  border-left: 1px solid #C1C9D1;
  text-indent: 10px;
}
#LOGIN_PAGE button#loginBtn {
  min-width: 100%;
  height: 44px;
  background: #4975C7;
  border: 0;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
#LOGIN_PAGE button#loginBtn:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  background: #557ecb;
}
#LOGIN_PAGE .infoListWrapper{
  position: absolute;
  bottom: -85px;
  width: 480px;
  left: 0;
  text-align: center;
}
#LOGIN_PAGE ul.infoList {
  color: #8191c1;
  font-size: 11px;
  display: inline-block !important;
}
#LOGIN_PAGE ul.infoList:after{
  content: '';
  clear: both;
  display: block;
}
#LOGIN_PAGE ul.infoList .title{
  color: #80a3e4;
  margin-right: 9px;
}
#LOGIN_PAGE ul.infoList li{
  float: left;
}
#LOGIN_PAGE ul.infoList li .privacyPolicy{
  color: #659bff;
  font-weight: 400;
  margin-left: 25px;
  position: relative;
}
#LOGIN_PAGE ul.infoList li .privacyPolicy:before{
  position: absolute;
  content: '';
  display: inline-block;
  width: 1px;
  height: 8px;
  top: 3px;
  left: -11px;
  background-color: #48588a;
}
.done {
  width: 1000px;
  max-height: 665px;
  background: #FFF;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  border-left: 1px solid #eee;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.done .intro-top {
  height: 48px;
  border-bottom: 1px solid #E1E1E1;
  margin: 40px 50px 0;
}
.done .intro-top .logo {
  height: 25px;
  position: relative;
}
.done .intro-top .logo .img {
  width: 150px;
  height: 50px;
  position: absolute;
  top: -10px;
  left: 0;
}
.done .intro-top .logo .progress {
  position: absolute;
  right: 0;
}
.done .done-main {
  width: calc(100% + 38px);
  height: 192px;
  background: #2A3966 url("image/done-bg.png") no-repeat;
  position: absolute;
  top: calc(50% - 91px);
  margin-left: -19px;
  text-align: center;
}
.done .done-main:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -11px;
  border: transparent;
  border-top: 11px solid #11253D;
  border-left: 18px solid transparent;
  left: 1px;
}
.done .done-main:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -11px;
  border: transparent;
  border-top: 11px solid #11253D;
  border-right: 18px solid transparent;
  right: 1px;
}
.done .done-main .top {
  height: 62px;
  display: inline-block;
  margin-top: 38px;
  padding-left: 80px;
  position: relative;
  text-align: left;
}
.done .done-main .top:before {
  content: "";
  width: 62px;
  height: 62px;
  background: #fff;
  display: inline-block;
  position: absolute;
  left: 0;
  border-radius: 50%;
}
.done .done-main .top:after {
  content: "";
  width: 62px;
  height: 62px;
  background: url("image/done-check.png") no-repeat center center;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.done .done-main .top .title {
  color: #fff;
  font-size: 33px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.done .done-main .top .subTitle {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: block;
  margin-top: 2px;
}
.done .done-main .bottom {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  margin-top: 36px;
  position: relative;
}
.done .done-main .bottom:before {
  content: "";
  width: 58px;
  height: 1px;
  background: #199ABE;
  display: inline-block;
  position: absolute;
  top: -19px;
  left: 50%;
  margin-left: -29px;
}
.done .done-bottom {
  width: 100%;
  position: absolute;
  bottom: 160px;
  text-align: center;
}
.done .done-bottom .btn-close {
  min-width: 127px;
  height: 44px;
  background: #4975C7;
  border: 0;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.done .done-bottom .btn-close:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  background: #557ecb;
}
#ModalMod {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}
#ModalMod #ModalArea {
  width: 394px;
  height: 235px;
  background: #343F4E;
  box-shadow: 1px 2px 4px #b6b6b6;
  box-sizing: border-box;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
}
#ModalMod #ModalArea #ModalContent {
  width: 100%;
  position: absolute;
  top: 44px;
  left: 0;
}
#ModalMod #ModalArea #ModalContent .title {
  color: #f2f2f2;
  font-size: 16px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: block;
  line-height: 22px;
}
#ModalMod #ModalArea #ModalContent .title em {
  color: #5dbef6;
  font-weight: bold;
}
#ModalMod #ModalArea #ModalContent .content {
  color: #f2f2f2;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: block;
  line-height: 20px;
  margin-top: 8px;
  padding: 0 10px;
}
#ModalMod #ModalArea #ModalContent .content em {
  color: #a8c8ff;
  font-weight: bold;
}
#ModalMod #ModalArea #ModalTail {
  width: 100%;
  position: absolute;
  bottom: 38px;
  left: 0;
}
#ModalMod #ModalArea #ModalTail button#ModalBtnOk {
  min-width: 120px;
  height: 42px;
  background: #4264D0;
  border: 0;
  position: relative;
  color: #f2f2f2;
  font-size: 15px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  margin: 0 3px;
}
#ModalMod #ModalArea #ModalTail button#ModalBtnOk:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  background: #4e6ed3;
}
#ModalMod #ModalArea #ModalTail button#ModalBtnOk:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  background: #4e6ed3;
}
#ModalMod #ModalArea #ModalTail button#ModalBtnOk.wide {
  width: auto;
  padding: 0 22px;
}
#ModalMod #ModalArea #ModalTail button#ModalBtnOk[disabled] {
  opacity: 0.4;
  background: #446699;
}
#ModalMod #ModalArea #ModalTail button#ModalBtnNg {
  min-width: 120px;
  height: 42px;
  background: #6E707F;
  border: 0;
  position: relative;
  color: #f2f2f2;
  font-size: 15px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  margin: 0 3px;
  outline: #bbb;
}
#ModalMod #ModalArea #ModalTail button#ModalBtnNg:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  background: #757787;
}
#ModalMod #ModalArea #ModalTail button#ModalBtnNg:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  background: #757787;
}
#ModalMod #ModalArea #ModalTail button#ModalBtnNg.wide {
  width: auto;
  padding: 0 22px;
}
#ModalMod .modal-dark {
  width: 394px;
  height: 250px;
  background: #343F4E;
  box-shadow: 1px 2px 4px #b6b6b6;
  box-sizing: border-box;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#ModalMod .modal-dark .modal-content-wrapper {
  width: 100%;
  height: 120px;
  display: table;
}
#ModalMod .modal-dark .modal-content-wrapper .modal-content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#ModalMod .modal-dark .modal-content-wrapper .modal-content .title {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: block;
  line-height: 22px;
  margin-top: 14px;
}
#ModalMod .modal-dark .modal-content-wrapper .modal-content .title em {
  color: #5dbef6;
  font-weight: bold;
}
#ModalMod .modal-dark .modal-content-wrapper .modal-content .subTitle {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: block;
  line-height: 20px;
  margin-top: 8px;
}
#ModalMod .modal-dark .modal-content-wrapper .modal-content .subTitle em {
  color: #a8c8ff;
  font-weight: bold;
}
#ModalMod .modal-dark .modal-bottom {
  width: 100%;
  position: absolute;
  bottom: 48px;
  left: 0;
  text-align: center;
}
#ModalMod .modal-dark-wide {
  width: 500px;
  height: 250px;
  background: #343F4E;
  box-shadow: 1px 2px 4px #b6b6b6;
  box-sizing: border-box;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 20px;
}
#ModalMod .modal-dark-wide .modal-content-wrapper {
  width: 100%;
  height: 140px;
  display: table;
}
#ModalMod .modal-dark-wide .modal-content-wrapper .modal-content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#ModalMod .modal-dark-wide .modal-content-wrapper .modal-content .subTitle {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: block;
  line-height: 21px;
  margin-top: 8px;
}
#ModalMod .modal-dark-wide .modal-content-wrapper .modal-content .subTitle em {
  color: #a8c8ff;
  font-weight: bold;
}
#ModalMod .modal-dark-wide .modal-bottom {
  width: 100%;
  position: absolute;
  bottom: 56px;
  left: 0;
  text-align: center;
}
#testPotential {
  width: calc(100% - 340px);
  height: calc(100% - 48px);
  padding: 24px 55px;
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
}
#testPotential .instruction {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 18px;
  margin-bottom: 24px;
}
#testPotential .jnt {
  color: #222;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  position: relative;
  margin: 0 0 45px 40px;
}
#testPotential .jnt .index {
  width: 50px;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  text-align: right;
  position: absolute;
  top: 0;
  left: -64px;
}
#testPotential .jnt .rubric {
  width: 602px;
  box-sizing: border-box;
  line-height: 25px;
}
#testPotential .jnt .rubric.border {
  border: 1px solid #9a9a9a;
}
#testPotential .jnt .rubric.padding {
  padding: 14px 20px;
}
#testPotential .jnt .rubric.shade {
  background: #E5E5E5;
}
#testPotential .jnt .rubric p:last-child > img:last-child {
  display: block;
}
#testPotential .jnt .rubric > img {
  display: block;
  margin: auto;
}
#testPotential .jnt .choice-1x4 {
  padding: 18px 0;
}
#testPotential .jnt .choice-1x4:after {
  content: "";
  clear: both;
  display: block;
}
#testPotential .jnt .choice-1x4 li {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  width: 25%;
  float: left;
  margin: 4px 0;
}
#testPotential .jnt .choice-1x4 li:nth-child(1) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "①";
  font-style: normal;
}
#testPotential .jnt .choice-1x4 li:nth-child(2) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "②";
  font-style: normal;
}
#testPotential .jnt .choice-1x4 li:nth-child(3) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "③";
  font-style: normal;
}
#testPotential .jnt .choice-1x4 li:nth-child(4) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "④";
  font-style: normal;
}
#testPotential .jnt .choice-1x4 li:nth-child(5) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "⑤";
  font-style: normal;
}
#testPotential .jnt .choice-1x4 li label {
  display: inline-block;
  padding-left: 21px;
}
#testPotential .jnt .choice-1x4 li label img {
  vertical-align: top;
}
#testPotential .jnt .choice-1x4 .checkbox {
  display: none;
}
#testPotential .jnt .choice-1x4 .checkbox + .icon {
  position: absolute;
  top: 0;
  left: 0;
}
#testPotential .jnt .choice-1x4 .checkbox:checked + .icon:after {
  content: "";
  width: 19px;
  height: 15px;
  background: url("image/check.png") 0 0 no-repeat;
  display: inline-block;
  opacity: 0.9;
  position: absolute;
  left: -1px;
  bottom: 5px;
}
#testPotential .jnt .choice-2x2 {
  padding: 18px 0;
}
#testPotential .jnt .choice-2x2:after {
  content: "";
  clear: both;
  display: block;
}
#testPotential .jnt .choice-2x2 li {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  width: 50%;
  float: left;
  margin: 4px 0;
}
#testPotential .jnt .choice-2x2 li:nth-child(1) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "①";
  font-style: normal;
}
#testPotential .jnt .choice-2x2 li:nth-child(2) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "②";
  font-style: normal;
}
#testPotential .jnt .choice-2x2 li:nth-child(3) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "③";
  font-style: normal;
}
#testPotential .jnt .choice-2x2 li:nth-child(4) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "④";
  font-style: normal;
}
#testPotential .jnt .choice-2x2 li:nth-child(5) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "⑤";
  font-style: normal;
}
#testPotential .jnt .choice-2x2 li label {
  display: inline-block;
  padding-left: 21px;
}
#testPotential .jnt .choice-2x2 li label img {
  vertical-align: top;
}
#testPotential .jnt .choice-2x2 .checkbox {
  display: none;
}
#testPotential .jnt .choice-2x2 .checkbox + .icon {
  position: absolute;
  top: 0;
  left: 0;
}
#testPotential .jnt .choice-2x2 .checkbox:checked + .icon:after {
  content: "";
  width: 19px;
  height: 15px;
  background: url("image/check.png") 0 0 no-repeat;
  display: inline-block;
  opacity: 0.9;
  position: absolute;
  left: -1px;
  bottom: 5px;
}
#testPotential .jnt .choice-4x1 {
  padding: 18px 0;
}
#testPotential .jnt .choice-4x1:after {
  content: "";
  clear: both;
  display: block;
}
#testPotential .jnt .choice-4x1 li {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  width: 100%;
  float: left;
  margin: 4px 0;
}
#testPotential .jnt .choice-4x1 li:nth-child(1) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "①";
  font-style: normal;
}
#testPotential .jnt .choice-4x1 li:nth-child(2) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "②";
  font-style: normal;
}
#testPotential .jnt .choice-4x1 li:nth-child(3) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "③";
  font-style: normal;
}
#testPotential .jnt .choice-4x1 li:nth-child(4) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "④";
  font-style: normal;
}
#testPotential .jnt .choice-4x1 li:nth-child(5) .icon:before {
  color: inherit;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Batang', '바탕', '명조', Times, serif;
  content: "⑤";
  font-style: normal;
}
#testPotential .jnt .choice-4x1 li label {
  display: inline-block;
  padding-left: 21px;
}
#testPotential .jnt .choice-4x1 li label img {
  vertical-align: top;
}
#testPotential .jnt .choice-4x1 .checkbox {
  display: none;
}
#testPotential .jnt .choice-4x1 .checkbox + .icon {
  position: absolute;
  top: 0;
  left: 0;
}
#testPotential .jnt .choice-4x1 .checkbox:checked + .icon:after {
  content: "";
  width: 19px;
  height: 15px;
  background: url("image/check.png") 0 0 no-repeat;
  display: inline-block;
  opacity: 0.9;
  position: absolute;
  left: -1px;
  bottom: 5px;
}
#testPotential .jnt .matrix-vertical {
  padding: 18px 0;
}
#testPotential .jnt .matrix-vertical li {
  position: relative;
  margin-bottom: 9px;
}
#testPotential .jnt .matrix-vertical li td {
  height: 33px;
  border: 1px solid #dddedf;
  text-align: center;
}
#testPotential .jnt .matrix-vertical li input.ans {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 0;
  text-align: center;
}
#testPotential .jnt .matrix-vertical li.stretch {
  width: 100%;
}
#testPotential .jnt .matrix-vertical table {
  width: calc(100% + 8px);
  border-collapse: separate;
  border-spacing: 4px 0;
  margin: 0 -4px;
}
#testPotential .jnt .matrix-horizon {
  padding: 18px 0;
  line-height: 9px;
  text-align: justify;
}
#testPotential .jnt .matrix-horizon li {
  position: relative;
  margin-bottom: 9px;
}
#testPotential .jnt .matrix-horizon li td {
  height: 33px;
  border: 1px solid #dddedf;
  text-align: center;
}
#testPotential .jnt .matrix-horizon li input.ans {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 0;
  text-align: center;
}
#testPotential .jnt .matrix-horizon li.stretch {
  width: 100%;
}
#testPotential .jnt .matrix-horizon li {
  display: inline-block;
}
#testPotential .jnt .matrix-horizon li table {
  display: inline-block;
}
#testPotential .jnt .matrix-horizon li table td {
  width: 33px;
}
#testPotential .jnt .matrix-group {
  padding: 18px 0;
}
#testPotential .jnt .matrix-group li {
  position: relative;
  margin-bottom: 9px;
}
#testPotential .jnt .matrix-group li td {
  height: 33px;
  border: 1px solid #dddedf;
  text-align: center;
}
#testPotential .jnt .matrix-group li input.ans {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 0;
  text-align: center;
}
#testPotential .jnt .matrix-group li.stretch {
  width: 100%;
}
#testPotential .jnt .matrix-group li {
  padding-left: 25px;
}
#testPotential .jnt .matrix-group li:before {
  font-size: 16px;
  font-weight: bold;
  top: auto;
  bottom: auto;
  position: absolute;
  left: 3px;
  top: 9px;
}
#testPotential .jnt .matrix-group li:nth-child(1):before {
  content: "A";
}
#testPotential .jnt .matrix-group li:nth-child(2):before {
  content: "B";
}
#testPotential .jnt .matrix-group li:nth-child(3):before {
  content: "C";
}
#testPotential .jnt .matrix-group li:nth-child(4):before {
  content: "D";
}
#testPotential .jnt .matrix-group li:nth-child(5):before {
  content: "E";
}
#testPotential .jnt .matrix-group li:nth-child(6):before {
  content: "F";
}
#testPotential .jnt .matrix-group li:nth-child(7):before {
  content: "G";
}
#testPotential .jnt .matrix-group li:nth-child(8):before {
  content: "H";
}
#testPotential .jnt .matrix-group li:nth-child(9):before {
  content: "I";
}
#testLikert {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  padding: 40px 90px 0;
  position: absolute;
  top: 0;
  left: 0;
}
#testLikert .instruction {
  color: #666;
  font-size: 14px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 20px;
  background: #F4F4F4;
  border: 1px solid #D4D4D4;
  padding: 10px 42px;
  margin-top: -10px;
}
#testLikert .questionHead {
  height: 52px;
  border-top: 1px solid #D2D2D2;
  border-bottom: 1px solid #D2D2D2;
  line-height: 1;
}
#testLikert .questionHead .q-no {
  width: 8.2%;
  height: 100%;
  display: inline-block;
  position: relative;
  color: #333;
  font-size: 12px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
#testLikert .questionHead .q-no span {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}
#testLikert .questionHead .q-content {
  width: 51%;
  height: 100%;
  display: inline-block;
  position: relative;
  color: #333;
  font-size: 12px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
#testLikert .questionHead .q-content span {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}
#testLikert .questionHead .q-answer {
  width: 6.8%;
  height: 100%;
  display: inline-block;
  position: relative;
  color: #333;
  font-size: 11px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 13px;
}
#testLikert .questionHead .q-answer span {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}
#testLikert .questionRow {
  border-bottom: 1px solid #D2D2D2;
  line-height: 1;
}
#testLikert .questionRow .q-no {
  width: 8.2%;
  height: 100%;
  display: inline-block;
  position: relative;
  color: #333;
  font-size: 12px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
#testLikert .questionRow .q-no span {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}
#testLikert .questionRow .q-content {
  width: 51%;
  height: 100%;
  display: inline-block;
  position: relative;
  color: #333;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 1.2;
}
#testLikert .questionRow .q-content span {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
#testLikert .questionRow .q-answer {
  width: 6.8%;
  height: 100%;
  display: inline-block;
  position: relative;
  color: #333;
  font-size: 11px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
#testLikert .questionRow .q-answer label {
  width: 19px;
  height: 19px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#testLikert .questionRow .q-answer label .radio {
  display: none;
}
#testLikert .questionRow .q-answer label .radio + .icon {
  width: 19px;
  height: 19px;
  display: inline-block;
  background: url("image/likert-radio.png") no-repeat center center;
  position: relative;
  vertical-align: middle;
}
#testLikert .questionRow .q-answer label .radio:checked + .icon:after {
  content: "";
  width: 19px;
  height: 15px;
  background: url("image/check.png") no-repeat;
  display: inline-block;
  opacity: 0.9;
  position: absolute;
  left: 0;
}
#testLikert .questionRow.disabled {
  opacity: 0.3;
  color: #999;
}
#testLikert .questionRow.disabled:nth-child(2n-1) {
  background: #F9F9F9;
}
#testLikert .questionRow.disabled:nth-child(2n) {
  background: #F0F0F0;
}
#testLikert .questionRow.disabled label {
  cursor: default;
}
#testLikert .questionRow.disabled .radio:checked + .icon:after {
  content: "";
  width: 19px;
  height: 15px;
  background: url("image/check-gray.png") no-repeat;
  display: inline-block;
  position: absolute;
}
.seedB button.btn-ok {
  min-width: 182px;
  height: 44px;
  background: #4264D0;
  border: 0;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedB button.btn-ok:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  background: #4e6ed3;
}
.seedB button.btn-ok:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  background: #4e6ed3;
}
.seedB .page-end {
  margin-top: 100px;
  padding-bottom: 70px;
  text-align: center;
}
.seedB .page-end .span {
  color: #353e4a;
  font-size: 14px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: block;
  margin-bottom: 18px;
}
.seedB .page-end .btn-prev {
  color: #78797E;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-width: 94px;
  height: 40px;
  background: #EDEDED;
  border: 1px solid #E2E2E2;
  margin: 0 5px;
  outline-color: #5682EF;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  padding-left: 10px;
}
.seedB .page-end .btn-prev:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.seedB .page-end .btn-prev:hover {
  opacity: 0.7;
  color: #000000;
  border-color: #d3d3d3;
}
.seedB .page-end .btn-prev:disabled {
  opacity: 0.18;
  background: #eee;
  border-color: #666;
  color: #000;
  cursor: default;
}
.seedB .page-end .btn-prev:before {
  content: "";
  width: 0px;
  height: 2px;
  background: transparent;
  display: inline-block;
  position: absolute;
  top: 14px;
  border: 4px solid transparent;
  left: 19px;
  border-right: 4px solid #9C9DA0;
}
.seedB .page-end .btn-prev:after {
  content: "";
  width: 0px;
  height: 2px;
  background: transparent;
  display: inline-block;
  position: absolute;
  top: 14px;
  border: 4px solid transparent;
  left: 21px;
  border-right: 4px solid #EDEDED;
}
.seedB .page-end .btn-next {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-width: 94px;
  height: 40px;
  background: #728496;
  border: 1px solid #566B7F;
  margin: 0 5px;
  outline-color: #5682EF;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  padding-right: 10px;
}
.seedB .page-end .btn-next:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.seedB .page-end .btn-next:hover {
  opacity: 0.9;
}
.seedB .page-end .btn-next:disabled {
  opacity: 0.18;
  background: #eee;
  border-color: #666;
  color: #000;
  cursor: default;
}
.seedB .page-end .btn-next:before {
  content: "";
  width: 0px;
  height: 2px;
  background: transparent;
  display: inline-block;
  position: absolute;
  top: 14px;
  border: 4px solid transparent;
  right: 19px;
  border-left: 4px solid #EDEDED;
}
.seedB .page-end .btn-next:after {
  content: "";
  width: 0px;
  height: 2px;
  background: transparent;
  display: inline-block;
  position: absolute;
  top: 14px;
  border: 4px solid transparent;
  right: 21px;
  border-left: 4px solid #728496;
}
.seedB .page-end .btn-prev-wide {
  color: #78797E;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-width: 94px;
  height: 40px;
  background: #EDEDED;
  border: 1px solid #E2E2E2;
  margin: 0 5px;
  outline-color: #5682EF;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  min-width: 155px;
}
.seedB .page-end .btn-prev-wide:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.seedB .page-end .btn-prev-wide:hover {
  opacity: 0.7;
  color: #000000;
  border-color: #d3d3d3;
}
.seedB .page-end .btn-prev-wide:disabled {
  opacity: 0.18;
  background: #eee;
  border-color: #666;
  color: #000;
  cursor: default;
}
.seedB .page-end .btn-next-wide {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-width: 94px;
  height: 40px;
  background: #728496;
  border: 1px solid #566B7F;
  margin: 0 5px;
  outline-color: #5682EF;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  min-width: 155px;
}
.seedB .page-end .btn-next-wide:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.seedB .page-end .btn-next-wide:hover {
  opacity: 0.9;
}
.seedB .page-end .btn-next-wide:disabled {
  opacity: 0.18;
  background: #eee;
  border-color: #666;
  color: #000;
  cursor: default;
}
.seedB .page-end .btn-next-basic {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-width: 94px;
  height: 40px;
  background: #728496;
  border: 1px solid #566B7F;
  margin: 0 5px;
  outline-color: #5682EF;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}
.seedB .page-end .btn-next-basic:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.seedB .page-end .btn-next-basic:hover {
  opacity: 0.9;
}
.seedB .page-end .btn-next-basic:disabled {
  opacity: 0.18;
  background: #eee;
  border-color: #666;
  color: #000;
  cursor: default;
}
.seedB.notice {
  width: 1000px;
  max-height: 665px;
  background: #FFF;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  border-left: 1px solid #eee;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.seedB.notice .intro-top {
  height: 48px;
  border-bottom: 1px solid #E1E1E1;
  margin: 40px 50px 0;
}
.seedB.notice .intro-top .logo {
  height: 25px;
  position: relative;
}
.seedB.notice .intro-top .logo .img {
  width: 150px;
  height: 50px;
  position: absolute;
  top: -10px;
  left: 0;
}
.seedB.notice .intro-top .logo .progress {
  position: absolute;
  right: 0;
}
.seedB.notice .intro-body {
  height: calc(100% - 88px);
  overflow-y: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.seedB.notice .intro-body .group1 {
  margin-top: 80px;
  position: relative;
}
.seedB.notice .intro-body .group1 .title {
  color: #353e4a;
  font-size: 17px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  width: 168px;
  line-height: 33px;
  position: absolute;
  top: 1px;
  left: 144px;
}
.seedB.notice .intro-body .group1 .title:before {
  content: "";
  width: 14px;
  height: 2px;
  background: #4E5DAF;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 2px;
}
.seedB.notice .intro-body .group1 .subTitle {
  color: #000;
  font-size: 12px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 13px;
  position: absolute;
  top: 33px;
  left: 144px;
}
.seedB.notice .intro-body .group1 .ul {
  width: 657px;
  counter-reset: li;
  position: relative;
  top: 0;
  left: 315px;
}
.seedB.notice .intro-body .group1 .ul li {
  color: #525252;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-height: 20px;
  line-height: 20px;
  position: relative;
  padding-left: 18px;
  margin-bottom: 11px;
}
.seedB.notice .intro-body .group1 .ul li::before {
  content: counter(li);
  width: 4px;
  height: 2px;
  display: inline-block;
  color: #4e5daf;
  font-size: 14px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  counter-increment: li;
  position: absolute;
  top: -1px;
  left: -2px;
}
.seedB.notice .intro-body .group1 .ul li .em2 {
  color: inherit;
  font-size: 13px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedB.notice .intro-body .group1 .ul li .em {
  color: #ee2c43;
  font-size: 13px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedB.notice .intro-body .group2 {
  margin-top: 40px;
  position: relative;
  text-align: center;
}
.seedB.notice .intro-body .group2 .noti-txt {
  color: #525252;
  font-size: 14px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: block;
  margin-bottom: 14px;
}
.seedB.guide {
  width: 1000px;
  max-height: 665px;
  background: #FFF;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  border-left: 1px solid #eee;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.seedB.guide .intro-top {
  height: 48px;
  border-bottom: 1px solid #E1E1E1;
  margin: 40px 50px 0;
}
.seedB.guide .intro-top .logo {
  height: 25px;
  position: relative;
}
.seedB.guide .intro-top .logo .img {
  width: 150px;
  height: 50px;
  position: absolute;
  top: -10px;
  left: 0;
}
.seedB.guide .intro-top .logo .progress {
  position: absolute;
  right: 0;
}
.seedB.guide .intro-body {
  height: calc(100% - 88px);
  overflow-y: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.seedB.guide .intro-body .group_gap0 {
  margin: 100px 171px 0;
}
.seedB.guide .intro-body .group_gap0 .title {
  color: #353e4a;
  font-size: 21px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  width: 168px;
  line-height: 22px;
  position: relative;
}
.seedB.guide .intro-body .group_gap0 .title:before {
  content: "";
  width: 14px;
  height: 2px;
  background: #4E5DAF;
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 2px;
}
.seedB.guide .intro-body .group_gap0 .img {
  display: block;
  margin: 27px auto 0;
}
.seedB.guide .intro-body .group_gap12 {
  margin: 50px 120px 0;
  text-align: justify;
  text-align-last: justify;
}
.seedB.guide .intro-body .group_gap12 .title {
  color: #222;
  font-size: 16px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  width: 140px;
  display: inline-block;
  padding-top: 9px;
  position: relative;
  text-align: left;
  text-align-last: left;
  vertical-align: top;
}
.seedB.guide .intro-body .group_gap12 .title:before {
  content: "";
  width: 14px;
  height: 2px;
  background: #4E5DAF;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 1px;
}
.seedB.guide .intro-body .group_gap12 .title em {
  color: #818C9A;
  font-size: 16px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedB.guide .intro-body .group_gap12 .text {
  color: #525252;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 20px;
  display: inline-block;
  text-align: left;
  text-align-last: left;
}
.seedB.guide .intro-body .group_gap12 .img {
  display: block;
  margin: 15px auto 44px;
}
.seedB.guide .intro-body .group_gap1 {
  margin: 104px 130px 0;
}
.seedB.guide .intro-body .group_gap1 .partTitle {
  height: 32px;
  margin-bottom: 16px;
}
.seedB.guide .intro-body .group_gap1 .partTitle .img {
  float: left;
  margin-right: 6px;
}
.seedB.guide .intro-body .group_gap1 .partTitle .subTitle {
  color: #525252;
  font-size: 15px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedB.guide .intro-body .group_gap1 .img_center {
  max-width: 100%;
  display: block;
}
.seedB.guide .intro-body .group_gap1 .ul {
  width: 657px;
  counter-reset: li;
}
.seedB.guide .intro-body .group_gap1 .ul.full {
  width: 100%;
}
.seedB.guide .intro-body .group_gap1 .ul li {
  color: #525252;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-height: 20px;
  line-height: 20px;
  position: relative;
  padding-left: 20px;
  margin-bottom: 14px;
}
.seedB.guide .intro-body .group_gap1 .ul li::before {
  content: counter(li);
  width: 16px;
  height: 16px;
  display: inline-block;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 18px;
  counter-increment: li;
  background: #787B90;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: -2px;
  text-align: center;
  vertical-align: middle;
}
.seedB.guide .intro-body .group_gap1 .ul li em {
  color: #525252;
  font-size: 13px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedB.guide .intro-body .group_gap1 .ul2 {
  width: 657px;
  counter-reset: li;
  counter-reset: li 4;
}
.seedB.guide .intro-body .group_gap1 .ul2.full {
  width: 100%;
}
.seedB.guide .intro-body .group_gap1 .ul2 li {
  color: #525252;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-height: 20px;
  line-height: 20px;
  position: relative;
  padding-left: 20px;
  margin-bottom: 14px;
}
.seedB.guide .intro-body .group_gap1 .ul2 li::before {
  content: counter(li);
  width: 16px;
  height: 16px;
  display: inline-block;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 18px;
  counter-increment: li;
  background: #787B90;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: -2px;
  text-align: center;
  vertical-align: middle;
}
.seedB.guide .intro-body .group_gap1 .ul2 li em {
  color: #525252;
  font-size: 13px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedB.guide .intro-body .group_gap1 .img_cf {
  position: absolute;
  top: 104px;
  right: 75px;
}
.seedB.guide .intro-body .group_gap1 .img_cf2 {
  position: absolute;
  top: 94px;
  right: 105px;
}
.seedB.guide .intro-body .group_gap21 {
  margin: 50px 120px 0;
}
.seedB.guide .intro-body .group_gap21 .partTitle {
  height: 32px;
  margin-bottom: 16px;
}
.seedB.guide .intro-body .group_gap21 .partTitle .img {
  float: left;
  margin-right: 6px;
}
.seedB.guide .intro-body .group_gap21 .partTitle .subTitle {
  color: #525252;
  font-size: 15px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedB.guide .intro-body .group_gap21 .img_center {
  max-width: 100%;
  display: block;
}
.seedB.guide .intro-body .group_gap21 .ul {
  width: 657px;
  counter-reset: li;
}
.seedB.guide .intro-body .group_gap21 .ul.full {
  width: 100%;
}
.seedB.guide .intro-body .group_gap21 .ul li {
  color: #525252;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-height: 20px;
  line-height: 20px;
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
}
.seedB.guide .intro-body .group_gap21 .ul li::before {
  content: counter(li);
  width: 4px;
  height: 2px;
  display: inline-block;
  color: #4e5daf;
  font-size: 14px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  counter-increment: li;
  position: absolute;
  top: 0px;
  left: -2px;
}
.seedB.guide .intro-body .group_gap21 .ul li em {
  color: #525252;
  font-size: 13px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedB.guide .intro-body .group_gap21 .ul2 {
  width: 657px;
  counter-reset: li;
  counter-reset: li 5;
}
.seedB.guide .intro-body .group_gap21 .ul2.full {
  width: 100%;
}
.seedB.guide .intro-body .group_gap21 .ul2 li {
  color: #525252;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-height: 20px;
  line-height: 20px;
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
}
.seedB.guide .intro-body .group_gap21 .ul2 li::before {
  content: counter(li);
  width: 4px;
  height: 2px;
  display: inline-block;
  color: #4e5daf;
  font-size: 14px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  counter-increment: li;
  position: absolute;
  top: 0px;
  left: -2px;
}
.seedB.guide .intro-body .group_gap21 .ul2 li em {
  color: #525252;
  font-size: 13px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedB.guide .intro-body .group_gap21 .img_cf {
  position: absolute;
  top: 90px;
  right: 65px;
}
.seedB.pretest {
  width: 1000px;
  max-height: 836px;
  background: #FFF;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  border-left: 1px solid #eee;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.seedB.pretest .test-top {
  width: 100%;
  height: 75px;
  cursor: default;
  border-bottom: 1px solid #eee;
  position: absolute;
  top: 0;
}
.seedB.pretest .test-top .title {
  color: #282a37;
  font-size: 22px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 78px;
  margin-left: 34px;
}
.seedB.pretest .test-top .title em {
  color: #5682EF;
  font-size: 22px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedB.pretest .test-top .info-page {
  width: 140px;
  height: 100%;
  line-height: 75px;
  border-left: 1px solid #ededed;
  position: absolute;
  top: 0;
  right: 230px;
  text-align: center;
}
.seedB.pretest .test-top .info-page .current {
  color: #2174D2;
  font-size: 21px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedB.pretest .test-top .info-page .slash {
  color: #7699be;
  font-size: 5px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedB.pretest .test-top .info-page .total {
  color: #aabbca;
  font-size: 21px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedB.pretest .test-top .info-page .total:after {
  content: "Page";
  width: inherit;
  height: inherit;
  display: inline-block;
  color: #aabbca;
  font-size: 9px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  margin-left: 4px;
}
.seedB.pretest .test-top .info-time {
  width: 230px;
  height: 100%;
  background: #5682EF;
  position: absolute;
  top: 0;
  right: 0;
}
.seedB.pretest .test-top .info-time:after {
  content: "";
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.4);
  display: inline-block;
  position: absolute;
  top: calc(50% - 7.5px);
  right: 50%;
}
.seedB.pretest .test-top .info-time .time-left {
  width: 115px;
  margin-top: 20px;
  position: absolute;
  left: 0;
  text-align: center;
}
.seedB.pretest .test-top .info-time .time-left dt {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 13px;
}
.seedB.pretest .test-top .info-time .time-left dd {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 17px;
  margin-top: 3px;
}
.seedB.pretest .test-top .info-time .time-right {
  width: 115px;
  margin-top: 20px;
  position: absolute;
  left: 115px;
  text-align: center;
}
.seedB.pretest .test-top .info-time .time-right dt {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 13px;
}
.seedB.pretest .test-top .info-time .time-right dd {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 17px;
  margin-top: 3px;
}
.seedB.pretest .test-top .info-time .time-right .remain {
  color: #fff779;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: inline-block;
  letter-spacing: 1px;
  position: relative;
}
.seedB.pretest .test-top .info-time .time-right .remain:before {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 247, 121, 0.3);
  display: inline-block;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.seedB.pretest .test-top .info-time .time-right .remain:after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 247, 121, 0.6);
  display: inline-block;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.seedB.pretest .test-body {
  width: 100%;
  height: calc(100% - 76px);
  position: absolute;
  bottom: 0;
}
.seedB.pretest .test-body .pretest-content {
  padding: 67px 172px 0px;
  overflow-y: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.seedB.pretest .test-body .pretest-content .title {
  color: #282a37;
  font-size: 21px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  margin-bottom: 23px;
  position: relative;
}
.seedB.pretest .test-body .pretest-content .title:after {
  content: "";
  width: 38px;
  height: 2px;
  background: #5682EF;
  display: inline-block;
  position: absolute;
  left: 1px;
  bottom: -13px;
}
.seedB.pretest .test-body .pretest-content p {
  margin: 8px 0;
  line-height: 22px;
}
.seedB.pretest .test-body .pretest-content p img {
  margin: 8px 0;
}
.seedB.part1-test {
  width: 1000px;
  max-height: 836px;
  background: #FFF;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  border-left: 1px solid #eee;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.seedB.part1-test .test-top {
  width: 100%;
  height: 75px;
  cursor: default;
  border-bottom: 1px solid #eee;
  position: absolute;
  top: 0;
}
.seedB.part1-test .test-top .title {
  color: #282a37;
  font-size: 22px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 78px;
  margin-left: 34px;
}
.seedB.part1-test .test-top .title em {
  color: #5682EF;
  font-size: 22px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedB.part1-test .test-top .info-page {
  width: 140px;
  height: 100%;
  line-height: 75px;
  border-left: 1px solid #ededed;
  position: absolute;
  top: 0;
  right: 230px;
  text-align: center;
}
.seedB.part1-test .test-top .info-page .current {
  color: #2174D2;
  font-size: 21px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedB.part1-test .test-top .info-page .slash {
  color: #7699be;
  font-size: 5px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedB.part1-test .test-top .info-page .total {
  color: #aabbca;
  font-size: 21px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedB.part1-test .test-top .info-page .total:after {
  content: "Page";
  width: inherit;
  height: inherit;
  display: inline-block;
  color: #aabbca;
  font-size: 9px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  margin-left: 4px;
}
.seedB.part1-test .test-top .info-time {
  width: 230px;
  height: 100%;
  background: #5682EF;
  position: absolute;
  top: 0;
  right: 0;
}
.seedB.part1-test .test-top .info-time:after {
  content: "";
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.4);
  display: inline-block;
  position: absolute;
  top: calc(50% - 7.5px);
  right: 50%;
}
.seedB.part1-test .test-top .info-time .time-left {
  width: 115px;
  margin-top: 20px;
  position: absolute;
  left: 0;
  text-align: center;
}
.seedB.part1-test .test-top .info-time .time-left dt {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 13px;
}
.seedB.part1-test .test-top .info-time .time-left dd {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 17px;
  margin-top: 3px;
}
.seedB.part1-test .test-top .info-time .time-right {
  width: 115px;
  margin-top: 20px;
  position: absolute;
  left: 115px;
  text-align: center;
}
.seedB.part1-test .test-top .info-time .time-right dt {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 13px;
}
.seedB.part1-test .test-top .info-time .time-right dd {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 17px;
  margin-top: 3px;
}
.seedB.part1-test .test-top .info-time .time-right .remain {
  color: #fff779;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: inline-block;
  letter-spacing: 1px;
  position: relative;
}
.seedB.part1-test .test-top .info-time .time-right .remain:before {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 247, 121, 0.3);
  display: inline-block;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.seedB.part1-test .test-top .info-time .time-right .remain:after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 247, 121, 0.6);
  display: inline-block;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.seedB.part1-test .test-body {
  width: 100%;
  height: calc(100% - 76px);
  position: absolute;
  bottom: 0;
}
.seedB.part1-test .test-body .test-navi {
  width: 230px;
  background: #323440;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -1px;
  right: 0;
  bottom: 0;
  text-align: center;
}
.seedB.part1-test .test-body .test-navi .navi-title {
  color: #ddd;
  font-size: 13px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 44px;
  line-height: 44px;
  background: #272730;
  border-bottom: 1px solid #1f2026;
}
.seedB.part1-test .test-body .test-navi .navi-legend {
  height: 15px;
  margin: 24px;
}
.seedB.part1-test .test-body .test-navi .navi-legend .nonresponse {
  color: #9fa1b1;
  font-size: 13px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 14px;
  line-height: 14px;
  padding-left: 20px;
  position: relative;
  margin-right: 21px;
}
.seedB.part1-test .test-body .test-navi .navi-legend .nonresponse:before {
  content: "";
  width: 13px;
  height: 10px;
  background: #5D5F6E;
  position: absolute;
  left: 0;
  top: 2px;
}
.seedB.part1-test .test-body .test-navi .navi-legend .response {
  color: #5682ef;
  font-size: 13px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 14px;
  line-height: 14px;
  padding-left: 20px;
  position: relative;
}
.seedB.part1-test .test-body .test-navi .navi-legend .response:before {
  content: "";
  width: 13px;
  height: 10px;
  background: #5682ef;
  position: absolute;
  left: 0;
  top: 2px;
}
.seedB.part1-test .test-body .test-navi .navi-list-wrapper {
  width: 215px;
  height: calc(100% - 200px);
  overflow-y: hidden;
  margin: 0 auto;
}
.seedB.part1-test .test-body .test-navi .navi-list-wrapper .navi-list {
  width: 185px;
  margin: 0 auto;
}
.seedB.part1-test .test-body .test-navi .navi-list-wrapper .navi-list .btn-remo {
  min-width: 33px;
  height: 32px;
  background: #41434f;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  color: #94959a;
  font-size: 12px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 32px;
  border: 0;
  float: left;
  margin: 2px;
}
.seedB.part1-test .test-body .test-navi .navi-list-wrapper .navi-list .btn-remo:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  background: #484a57;
}
.seedB.part1-test .test-body .test-navi .navi-list-wrapper .navi-list .btn-remo:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  background: #484a57;
}
.seedB.part1-test .test-body .test-navi .navi-list-wrapper .navi-list .btn-remo:hover {
  background: #484a57;
  color: #aeafb3;
}
.seedB.part1-test .test-body .test-navi .navi-list-wrapper .navi-list .btn-remo.active {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  background: #5682ef;
  color: #fff;
}
.seedB.part1-test .test-body .test-navi .naviSubmit {
  width: 100%;
  position: absolute;
  bottom: 25px;
}
.seedB.part2-test {
  width: 1000px;
  max-height: 836px;
  background: #FFF;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  border-left: 1px solid #eee;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.seedB.part2-test .test-top {
  width: 100%;
  height: 75px;
  cursor: default;
  border-bottom: 1px solid #eee;
  position: absolute;
  top: 0;
}
.seedB.part2-test .test-top .title {
  color: #282a37;
  font-size: 22px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 78px;
  margin-left: 34px;
}
.seedB.part2-test .test-top .title em {
  color: #5682EF;
  font-size: 22px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedB.part2-test .test-top .info-page {
  width: 140px;
  height: 100%;
  line-height: 75px;
  border-left: 1px solid #ededed;
  position: absolute;
  top: 0;
  right: 230px;
  text-align: center;
}
.seedB.part2-test .test-top .info-page .current {
  color: #2174D2;
  font-size: 21px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedB.part2-test .test-top .info-page .slash {
  color: #7699be;
  font-size: 5px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedB.part2-test .test-top .info-page .total {
  color: #aabbca;
  font-size: 21px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedB.part2-test .test-top .info-page .total:after {
  content: "Page";
  width: inherit;
  height: inherit;
  display: inline-block;
  color: #aabbca;
  font-size: 9px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  margin-left: 4px;
}
.seedB.part2-test .test-top .info-time {
  width: 230px;
  height: 100%;
  background: #5682EF;
  position: absolute;
  top: 0;
  right: 0;
}
.seedB.part2-test .test-top .info-time:after {
  content: "";
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.4);
  display: inline-block;
  position: absolute;
  top: calc(50% - 7.5px);
  right: 50%;
}
.seedB.part2-test .test-top .info-time .time-left {
  width: 115px;
  margin-top: 20px;
  position: absolute;
  left: 0;
  text-align: center;
}
.seedB.part2-test .test-top .info-time .time-left dt {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 13px;
}
.seedB.part2-test .test-top .info-time .time-left dd {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 17px;
  margin-top: 3px;
}
.seedB.part2-test .test-top .info-time .time-right {
  width: 115px;
  margin-top: 20px;
  position: absolute;
  left: 115px;
  text-align: center;
}
.seedB.part2-test .test-top .info-time .time-right dt {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 13px;
}
.seedB.part2-test .test-top .info-time .time-right dd {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 17px;
  margin-top: 3px;
}
.seedB.part2-test .test-top .info-time .time-right .remain {
  color: #fff779;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: inline-block;
  letter-spacing: 1px;
  position: relative;
}
.seedB.part2-test .test-top .info-time .time-right .remain:before {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 247, 121, 0.3);
  display: inline-block;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.seedB.part2-test .test-top .info-time .time-right .remain:after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 247, 121, 0.6);
  display: inline-block;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.seedB.part2-test .test-body {
  width: 100%;
  height: calc(100% - 76px);
  position: absolute;
  bottom: 0;
}
.seedA button.btn-ok {
  min-width: 182px;
  height: 44px;
  background: #4264D0;
  border: 0;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedA button.btn-ok:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  background: #4e6ed3;
}
.seedA button.btn-ok:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
  background: #4e6ed3;
}
.seedA .page-end {
  margin-top: 100px;
  padding-bottom: 70px;
  text-align: center;
}
.seedA .page-end .span {
  color: #353e4a;
  font-size: 14px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: block;
  margin-bottom: 18px;
}
.seedA .page-end .btn-prev {
  color: #78797E;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-width: 94px;
  height: 40px;
  background: #EDEDED;
  border: 1px solid #E2E2E2;
  margin: 0 5px;
  outline-color: #5682EF;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  padding-left: 10px;
}
.seedA .page-end .btn-prev:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.seedA .page-end .btn-prev:hover {
  opacity: 0.7;
  color: #000000;
  border-color: #d3d3d3;
}
.seedA .page-end .btn-prev:disabled {
  opacity: 0.18;
  background: #eee;
  border-color: #666;
  color: #000;
  cursor: default;
}
.seedA .page-end .btn-prev:before {
  content: "";
  width: 0px;
  height: 2px;
  background: transparent;
  display: inline-block;
  position: absolute;
  top: 14px;
  border: 4px solid transparent;
  left: 19px;
  border-right: 4px solid #9C9DA0;
}
.seedA .page-end .btn-prev:after {
  content: "";
  width: 0px;
  height: 2px;
  background: transparent;
  display: inline-block;
  position: absolute;
  top: 14px;
  border: 4px solid transparent;
  left: 21px;
  border-right: 4px solid #EDEDED;
}
.seedA .page-end .btn-next {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-width: 94px;
  height: 40px;
  background: #728496;
  border: 1px solid #566B7F;
  margin: 0 5px;
  outline-color: #5682EF;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  padding-right: 10px;
}
.seedA .page-end .btn-next:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.seedA .page-end .btn-next:hover {
  opacity: 0.9;
}
.seedA .page-end .btn-next:disabled {
  opacity: 0.18;
  background: #eee;
  border-color: #666;
  color: #000;
  cursor: default;
}
.seedA .page-end .btn-next:before {
  content: "";
  width: 0px;
  height: 2px;
  background: transparent;
  display: inline-block;
  position: absolute;
  top: 14px;
  border: 4px solid transparent;
  right: 19px;
  border-left: 4px solid #EDEDED;
}
.seedA .page-end .btn-next:after {
  content: "";
  width: 0px;
  height: 2px;
  background: transparent;
  display: inline-block;
  position: absolute;
  top: 14px;
  border: 4px solid transparent;
  right: 21px;
  border-left: 4px solid #728496;
}
.seedA .page-end .btn-prev-wide {
  color: #78797E;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-width: 94px;
  height: 40px;
  background: #EDEDED;
  border: 1px solid #E2E2E2;
  margin: 0 5px;
  outline-color: #5682EF;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  min-width: 155px;
}
.seedA .page-end .btn-prev-wide:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.seedA .page-end .btn-prev-wide:hover {
  opacity: 0.7;
  color: #000000;
  border-color: #d3d3d3;
}
.seedA .page-end .btn-prev-wide:disabled {
  opacity: 0.18;
  background: #eee;
  border-color: #666;
  color: #000;
  cursor: default;
}
.seedA .page-end .btn-next-wide {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-width: 94px;
  height: 40px;
  background: #728496;
  border: 1px solid #566B7F;
  margin: 0 5px;
  outline-color: #5682EF;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  min-width: 155px;
}
.seedA .page-end .btn-next-wide:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.seedA .page-end .btn-next-wide:hover {
  opacity: 0.9;
}
.seedA .page-end .btn-next-wide:disabled {
  opacity: 0.18;
  background: #eee;
  border-color: #666;
  color: #000;
  cursor: default;
}
.seedA .page-end .btn-next-basic {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-width: 94px;
  height: 40px;
  background: #728496;
  border: 1px solid #566B7F;
  margin: 0 5px;
  outline-color: #5682EF;
  position: relative;
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}
.seedA .page-end .btn-next-basic:hover {
  transition-property: all;
  transition-delay: 0s;
  transition-duration: 0.1s;
  transition-timing-function: ease-out;
}
.seedA .page-end .btn-next-basic:hover {
  opacity: 0.9;
}
.seedA .page-end .btn-next-basic:disabled {
  opacity: 0.18;
  background: #eee;
  border-color: #666;
  color: #000;
  cursor: default;
}
.seedA.notice {
  width: 1000px;
  max-height: 665px;
  background: #FFF;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  border-left: 1px solid #eee;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.seedA.notice .intro-top {
  height: 48px;
  border-bottom: 1px solid #E1E1E1;
  margin: 40px 50px 0;
}
.seedA.notice .intro-top .logo {
  height: 25px;
  position: relative;
}
.seedA.notice .intro-top .logo .img {
  width: 150px;
  height: 50px;
  position: absolute;
  top: -10px;
  left: 0;
}
.seedA.notice .intro-top .logo .progress {
  position: absolute;
  right: 0;
}
.seedA.notice .intro-body {
  height: calc(100% - 88px);
  overflow-y: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.seedA.notice .intro-body .group1 {
  margin-top: 80px;
  position: relative;
}
.seedA.notice .intro-body .group1 .title {
  color: #353e4a;
  font-size: 17px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  width: 168px;
  line-height: 33px;
  position: absolute;
  top: 1px;
  left: 144px;
}
.seedA.notice .intro-body .group1 .title:before {
  content: "";
  width: 14px;
  height: 2px;
  background: #4E5DAF;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 2px;
}
.seedA.notice .intro-body .group1 .subTitle {
  color: #000;
  font-size: 12px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 13px;
  position: absolute;
  top: 33px;
  left: 144px;
}
.seedA.notice .intro-body .group1 .ul {
  width: 657px;
  counter-reset: li;
  position: relative;
  top: 0;
  left: 315px;
}
.seedA.notice .intro-body .group1 .ul li {
  color: #525252;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-height: 20px;
  line-height: 20px;
  position: relative;
  padding-left: 18px;
  margin-bottom: 11px;
}
.seedA.notice .intro-body .group1 .ul li::before {
  content: counter(li);
  width: 4px;
  height: 2px;
  display: inline-block;
  color: #4e5daf;
  font-size: 14px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  counter-increment: li;
  position: absolute;
  top: -1px;
  left: -2px;
}
.seedA.notice .intro-body .group1 .ul li .em2 {
  color: inherit;
  font-size: 13px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedA.notice .intro-body .group1 .ul li .em {
  color: #ee2c43;
  font-size: 13px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedA.notice .intro-body .group2 {
  margin-top: 40px;
  position: relative;
  text-align: center;
}
.seedA.notice .intro-body .group2 .noti-txt {
  color: #525252;
  font-size: 14px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: block;
  margin-bottom: 14px;
}
.seedA.guide {
  width: 1000px;
  max-height: 665px;
  background: #FFF;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  border-left: 1px solid #eee;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.seedA.guide .intro-top {
  height: 48px;
  border-bottom: 1px solid #E1E1E1;
  margin: 40px 50px 0;
}
.seedA.guide .intro-top .logo {
  height: 25px;
  position: relative;
}
.seedA.guide .intro-top .logo .img {
  width: 150px;
  height: 50px;
  position: absolute;
  top: -10px;
  left: 0;
}
.seedA.guide .intro-top .logo .progress {
  position: absolute;
  right: 0;
}
.seedA.guide .intro-body {
  height: calc(100% - 88px);
  overflow-y: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.seedA.guide .intro-body .group_gb {
  margin: 68px 118px 0;
}
.seedA.guide .intro-body .group_gb .title {
  color: #353e4a;
  font-size: 21px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  width: 168px;
  line-height: 22px;
  position: relative;
}
.seedA.guide .intro-body .group_gb .title:before {
  content: "";
  width: 14px;
  height: 2px;
  background: #4E5DAF;
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 2px;
}
.seedA.guide .intro-body .group_gb .ul {
  counter-reset: li;
  margin-top: 18px;
}
.seedA.guide .intro-body .group_gb .ul li {
  color: #525252;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  min-height: 20px;
  line-height: 20px;
  position: relative;
  padding-left: 18px;
  margin-bottom: 9px;
}
.seedA.guide .intro-body .group_gb .ul li::before {
  content: counter(li);
  width: 4px;
  height: 2px;
  display: inline-block;
  color: #4e5daf;
  font-size: 14px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  counter-increment: li;
  position: absolute;
  top: -1px;
  left: -2px;
}
.seedA.guide .intro-body .group_gb .ul li em {
  color: #525252;
  font-size: 13px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedA.pretest {
  width: 1000px;
  max-height: 836px;
  background: #FFF;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  border-left: 1px solid #eee;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.seedA.pretest .test-top {
  width: 100%;
  height: 75px;
  cursor: default;
  border-bottom: 1px solid #eee;
  position: absolute;
  top: 0;
}
.seedA.pretest .test-top .title {
  color: #282a37;
  font-size: 22px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 78px;
  margin-left: 34px;
}
.seedA.pretest .test-top .title em {
  color: #5682EF;
  font-size: 22px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedA.pretest .test-top .info-page {
  width: 140px;
  height: 100%;
  line-height: 75px;
  border-left: 1px solid #ededed;
  position: absolute;
  top: 0;
  right: 230px;
  text-align: center;
}
.seedA.pretest .test-top .info-page .current {
  color: #2174D2;
  font-size: 21px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedA.pretest .test-top .info-page .slash {
  color: #7699be;
  font-size: 5px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedA.pretest .test-top .info-page .total {
  color: #aabbca;
  font-size: 21px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedA.pretest .test-top .info-page .total:after {
  content: "Page";
  width: inherit;
  height: inherit;
  display: inline-block;
  color: #aabbca;
  font-size: 9px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  margin-left: 4px;
}
.seedA.pretest .test-top .info-time {
  width: 230px;
  height: 100%;
  background: #5682EF;
  position: absolute;
  top: 0;
  right: 0;
}
.seedA.pretest .test-top .info-time:after {
  content: "";
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.4);
  display: inline-block;
  position: absolute;
  top: calc(50% - 7.5px);
  right: 50%;
}
.seedA.pretest .test-top .info-time .time-left {
  width: 115px;
  margin-top: 20px;
  position: absolute;
  left: 0;
  text-align: center;
}
.seedA.pretest .test-top .info-time .time-left dt {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 13px;
}
.seedA.pretest .test-top .info-time .time-left dd {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 17px;
  margin-top: 3px;
}
.seedA.pretest .test-top .info-time .time-right {
  width: 115px;
  margin-top: 20px;
  position: absolute;
  left: 115px;
  text-align: center;
}
.seedA.pretest .test-top .info-time .time-right dt {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 13px;
}
.seedA.pretest .test-top .info-time .time-right dd {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 17px;
  margin-top: 3px;
}
.seedA.pretest .test-top .info-time .time-right .remain {
  color: #fff779;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: inline-block;
  letter-spacing: 1px;
  position: relative;
}
.seedA.pretest .test-top .info-time .time-right .remain:before {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 247, 121, 0.3);
  display: inline-block;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.seedA.pretest .test-top .info-time .time-right .remain:after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 247, 121, 0.6);
  display: inline-block;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.seedA.pretest .test-body {
  width: 100%;
  height: calc(100% - 76px);
  position: absolute;
  bottom: 0;
}
.seedA.pretest .test-body .pretest-content {
  padding: 67px 172px 0px;
  overflow-y: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.seedA.pretest .test-body .pretest-content .title {
  color: #282a37;
  font-size: 21px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  margin-bottom: 23px;
  position: relative;
}
.seedA.pretest .test-body .pretest-content .title:after {
  content: "";
  width: 38px;
  height: 2px;
  background: #5682EF;
  display: inline-block;
  position: absolute;
  left: 1px;
  bottom: -13px;
}
.seedA.pretest .test-body .pretest-content p {
  margin: 8px 0;
  line-height: 22px;
}
.seedA.pretest .test-body .pretest-content p img {
  margin: 8px 0;
}
.seedA.pretest .test-top .info-time {
  background: #00AAC2;
}
.seedA.test {
  width: 1000px;
  max-height: 836px;
  background: #FFF;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  border-left: 1px solid #eee;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.seedA.test .test-top {
  width: 100%;
  height: 75px;
  cursor: default;
  border-bottom: 1px solid #eee;
  position: absolute;
  top: 0;
}
.seedA.test .test-top .title {
  color: #282a37;
  font-size: 22px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  line-height: 78px;
  margin-left: 34px;
}
.seedA.test .test-top .title em {
  color: #5682EF;
  font-size: 22px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
}
.seedA.test .test-top .info-page {
  width: 140px;
  height: 100%;
  line-height: 75px;
  border-left: 1px solid #ededed;
  position: absolute;
  top: 0;
  right: 230px;
  text-align: center;
}
.seedA.test .test-top .info-page .current {
  color: #2174D2;
  font-size: 21px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedA.test .test-top .info-page .slash {
  color: #7699be;
  font-size: 5px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedA.test .test-top .info-page .total {
  color: #aabbca;
  font-size: 21px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  vertical-align: middle;
}
.seedA.test .test-top .info-page .total:after {
  content: "Page";
  width: inherit;
  height: inherit;
  display: inline-block;
  color: #aabbca;
  font-size: 9px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  margin-left: 4px;
}
.seedA.test .test-top .info-time {
  width: 230px;
  height: 100%;
  background: #5682EF;
  position: absolute;
  top: 0;
  right: 0;
}
.seedA.test .test-top .info-time:after {
  content: "";
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.4);
  display: inline-block;
  position: absolute;
  top: calc(50% - 7.5px);
  right: 50%;
}
.seedA.test .test-top .info-time .time-left {
  width: 115px;
  margin-top: 20px;
  position: absolute;
  left: 0;
  text-align: center;
}
.seedA.test .test-top .info-time .time-left dt {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 13px;
}
.seedA.test .test-top .info-time .time-left dd {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 17px;
  margin-top: 3px;
}
.seedA.test .test-top .info-time .time-right {
  width: 115px;
  margin-top: 20px;
  position: absolute;
  left: 115px;
  text-align: center;
}
.seedA.test .test-top .info-time .time-right dt {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 13px;
}
.seedA.test .test-top .info-time .time-right dd {
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  height: 17px;
  margin-top: 3px;
}
.seedA.test .test-top .info-time .time-right .remain {
  color: #fff779;
  font-size: 15px;
  font-weight: bold;
  font-family: 'nanum gothic', 'nanumgothic', '나눔고딕', Dotum, '돋움', 'Sans-serif';
  display: inline-block;
  letter-spacing: 1px;
  position: relative;
}
.seedA.test .test-top .info-time .time-right .remain:before {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 247, 121, 0.3);
  display: inline-block;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.seedA.test .test-top .info-time .time-right .remain:after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 247, 121, 0.6);
  display: inline-block;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.seedA.test .test-body {
  width: 100%;
  height: calc(100% - 76px);
  position: absolute;
  bottom: 0;
}
.seedA.test .test-top .info-time {
  background: #00AAC2;
}
.FP .partBox {
  width: 67px;
  height: 32px;
  line-height: 32px;
  background: url("fp/image/box_67x32.jpg") no-repeat;
  color: #fff;
  text-align: center;
}
.FP .nsBox {
  font-weight: bold;
  margin-bottom: 15px;
}
.FP .viewTitle {
  font-size: 20px;
  font-weight: bold;
}
.FP .viewTitle:after {
  content: "";
  width: 38px;
  height: 2px;
  background: #5682EF;
  display: inline-block;
  position: absolute;
  display: block;
  position: relative;
  margin: 10px 0 16px;
}
.FP .btn {
  min-width: 95px;
  height: 35px;
  background: #728496;
  border: 1px solid #566B7F;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 13px;
  outline: none;
  padding: 0 15px;
  position: relative;
  text-align: center;
}
.FP .btn:hover:not(:disabled) {
  background: #66788A;
}
.FP .btn:disabled {
  opacity: 0.3;
}
.FP .btn:active {
  top: 1px;
  left: 1px;
}
.FP .btnWide {
  min-width: 158px;
  height: 35px;
  background: #728496;
  border: 1px solid #566B7F;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 13px;
  outline: none;
  padding: 0 15px;
  position: relative;
  text-align: center;
}
.FP .btnWide:hover:not(:disabled) {
  background: #66788A;
}
.FP .btnWide:disabled {
  opacity: 0.3;
}
.FP .btnWide:active {
  top: 1px;
  left: 1px;
}
.FP .btnReload {
  min-width: 158px;
  height: 35px;
  background: #EDEDED;
  border: 1px solid #E4E4E4;
  box-sizing: border-box;
  color: #8A8B8F;
  font-size: 13px;
  outline: none;
  padding: 0 15px;
  position: relative;
  text-align: center;
}
.FP .btnReload:hover:not(:disabled) {
  background: #E8E8E8;
}
.FP .btnReload:disabled {
  opacity: 0.3;
}
.FP .btnReload:active {
  top: 1px;
  left: 1px;
}
.FP .btnPrev {
  min-width: 95px;
  height: 35px;
  background: #EDEDED;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  color: #63646D;
  font-size: 13px;
  outline: none;
  padding: 0 15px;
  position: relative;
  text-align: center;
}
.FP .btnPrev:hover:not(:disabled) {
  background: #E6E8EA;
}
.FP .btnPrev:disabled {
  opacity: 0.3;
}
.FP .btnPrev:active {
  top: 1px;
  left: 1px;
}
.FP .btnPrev:before {
  content: "";
  width: 6px;
  height: 10px;
  background: url("fp/image/6x10_prev.png") no-repeat;
  display: inline-block;
  position: absolute;
  position: relative;
  margin-right: 17px;
  vertical-align: middle;
}
.FP .btnPrev:after {
  content: ' ';
}
.FP .btnPrev + .btn,
.FP .btnPrev + .btnNext {
  margin-left: 10px;
}
.FP .btnNext {
  min-width: 95px;
  height: 35px;
  background: #728496;
  border: 1px solid #566B7F;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 13px;
  outline: none;
  padding: 0 15px;
  position: relative;
  text-align: center;
}
.FP .btnNext:hover:not(:disabled) {
  background: #66788A;
}
.FP .btnNext:disabled {
  opacity: 0.3;
}
.FP .btnNext:active {
  top: 1px;
  left: 1px;
}
.FP .btnNext:before {
  content: ' ';
}
.FP .btnNext:after {
  content: "";
  width: 6px;
  height: 10px;
  background: url("fp/image/6x10_next.png") no-repeat;
  display: inline-block;
  position: absolute;
  position: relative;
  margin-left: 17px;
  vertical-align: middle;
}
.FP .btnPrevSample {
  min-width: 100px;
  height: 56px;
  background: #6D6E73;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 13px;
  outline: none;
  padding: 0 15px;
  position: relative;
  text-align: center;
}
.FP .btnPrevSample:hover:not(:disabled) {
  background: #858792;
}
.FP .btnPrevSample:disabled {
  opacity: 0.3;
}
.FP .btnPrevSample:active {
  top: 1px;
  left: 1px;
}
.FP .btnPrevSample:before {
  content: "";
  width: 14px;
  height: 16px;
  background: url("fp/image/14x16_prev.png") no-repeat;
  display: inline-block;
  position: absolute;
  position: relative;
  margin-right: 17px;
  vertical-align: middle;
}
.FP .btnPrevSample:after {
  content: ' ';
}
.FP .btnNextSample {
  min-width: 100px;
  height: 56px;
  background: #6D6E73;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 13px;
  outline: none;
  padding: 0 15px;
  position: relative;
  text-align: center;
}
.FP .btnNextSample:hover:not(:disabled) {
  background: #858792;
}
.FP .btnNextSample:disabled {
  opacity: 0.3;
}
.FP .btnNextSample:active {
  top: 1px;
  left: 1px;
}
.FP .btnNextSample:before {
  content: ' ';
}
.FP .btnNextSample:after {
  content: "";
  width: 14px;
  height: 16px;
  background: url("fp/image/14x16_next.png") no-repeat;
  display: inline-block;
  position: absolute;
  position: relative;
  margin-left: 17px;
  vertical-align: middle;
}
.FP .btnPrevQue {
  min-width: 100px;
  height: 56px;
  background: #4573E4;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 13px;
  outline: none;
  padding: 0 15px;
  position: relative;
  text-align: center;
}
.FP .btnPrevQue:hover:not(:disabled) {
  background: #4573E4;
}
.FP .btnPrevQue:disabled {
  opacity: 0.3;
}
.FP .btnPrevQue:active {
  top: 1px;
  left: 1px;
}
.FP .btnPrevQue:before {
  content: "";
  width: 14px;
  height: 16px;
  background: url("fp/image/14x16_prev.png") no-repeat;
  display: inline-block;
  position: absolute;
  position: relative;
  margin-right: 17px;
  vertical-align: middle;
}
.FP .btnPrevQue:after {
  content: ' ';
}
.FP .btnNextQue {
  min-width: 100px;
  height: 56px;
  background: #4573E4;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 13px;
  outline: none;
  padding: 0 15px;
  position: relative;
  text-align: center;
}
.FP .btnNextQue:hover:not(:disabled) {
  background: #4573E4;
}
.FP .btnNextQue:disabled {
  opacity: 0.3;
}
.FP .btnNextQue:active {
  top: 1px;
  left: 1px;
}
.FP .btnNextQue:before {
  content: ' ';
}
.FP .btnNextQue:after {
  content: "";
  width: 14px;
  height: 16px;
  background: url("fp/image/14x16_next.png") no-repeat;
  display: inline-block;
  position: absolute;
  position: relative;
  margin-left: 17px;
  vertical-align: middle;
}
.FP .btnConfirm {
  min-width: 182px;
  height: 44px;
  background: #5682EF;
  border: 1px solid #4573E4;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 13px;
  outline: none;
  padding: 0 15px;
  position: relative;
  text-align: center;
  font-weight: bold;
}
.FP .btnConfirm:hover:not(:disabled) {
  background: #4573E4;
}
.FP .btnConfirm:disabled {
  opacity: 0.3;
}
.FP .btnConfirm:active {
  top: 1px;
  left: 1px;
}
.FP .btnNumberStroop {
  min-width: 95px;
  height: 35px;
  background: #5978D7;
  border: 1px solid #5978D7;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 13px;
  outline: none;
  padding: 0 15px;
  position: relative;
  text-align: center;
}
.FP .btnNumberStroop:hover:not(:disabled) {
  background: #4573E4;
}
.FP .btnNumberStroop:disabled {
  opacity: 0.3;
}
.FP .btnNumberStroop:active {
  top: 1px;
  left: 1px;
}
.FP input.fp_radio {
  display: none;
}
.FP input.fp_radio + span.icon {
  width: 19px;
  height: 19px;
  background: #F2F2F2;
  border: 1px solid #CDCDCD;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.FP input.fp_radio:checked + span.icon:after {
  content: "";
  width: 19px;
  height: 15px;
  background: url("image/check.png") no-repeat;
  display: inline-block;
  opacity: 0.9;
  position: absolute;
  left: 0;
}
.FP input.fp_radio:checked:disabled + span.icon:after {
  content: "";
  width: 19px;
  height: 15px;
  background: url("image/check-gray.png") no-repeat;
  display: inline-block;
  opacity: 0.9;
  position: absolute;
  left: 0;
}
.FP .finishLayer {
  width: calc(100% + 40px);
  height: 192px;
  background: #2A3966;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -20px;
}
.FP .finishLayer:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -11px;
  border-top: 6px solid #0D0E10;
  border-bottom: 5px solid transparent;
  left: 1px;
  border-right: 10px solid #0D0E10;
  border-left: 9px solid transparent;
}
.FP .finishLayer:after {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: -11px;
  border-top: 6px solid #0D0E10;
  border-bottom: 5px solid transparent;
  right: 1px;
  border-left: 10px solid #0D0E10;
  border-right: 9px solid transparent;
}
.FP .finishLayer .countDown {
  width: 62px;
  height: 62px;
  line-height: 60px;
  background: #fff;
  border-radius: 50%;
  color: #2A3966;
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  margin: auto;
  position: absolute;
  top: 60px;
  right: 0;
  left: 0;
  text-align: center;
}
.FP .finishLayer .countDown:before {
  content: "";
  width: 25px;
  height: 20px;
  background: url("fp/image/25x20_check.png") no-repeat;
  display: inline-block;
  position: absolute;
  top: -30px;
  left: 20px;
}
.FP .finishLayer .textDiv {
  color: #fff;
  font-size: 18px;
  text-align: center;
  position: absolute;
  top: 134px;
  right: 0;
  left: 0;
}
#agreeCheck .checkbox {
  display: none;
}
#agreeCheck .checkbox + label {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: white;
  position: relative;
  top: 6px;
  margin-right: 10px;
}
#agreeCheck .checkbox:checked + label:after {
  content: "";
  width: 19px;
  height: 15px;
  background: url("image/check.png") 0 0 no-repeat;
  display: inline-block;
  opacity: 0.9;
  left: 1px;
  bottom: 3px;
  position: absolute;
}