@charset "utf-8";

/* --------------------------
 *    reset
 * --------------------------
**/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,
nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,
nav,section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table caption {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}

input:focus {
  outline: none;
}
a {
  color: inherit;
  text-decoration: none;
}

/* --------------------------
 *    style
 * --------------------------
**/

html, body {height: 100%;}

.job-dream {display: block; position: relative; width: 1263px; height: 893px;}

.job-dream .select-options {padding-top: 500px;}
.job-dream .select-options .select-option {display: inline-block; width: 250px; height: 301px; text-indent: -9999px; cursor: pointer;}
.job-dream .select-options .select-option ~ .select-option {margin-left: 100px;}

.job-dream .select-table {width: 1136px; margin: 0 auto; padding-top: 208px; text-align: right;}
.job-dream .select-table table {width: 100%; height: 580px; text-align: center;}
.job-dream .select-table table th, .job-dream .select-table table td {vertical-align: middle;}
.job-dream .select-table table th {padding: 22px 0; text-indent: -9999px;}
.job-dream .select-table table td {position: relative; padding: 8px 20px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; line-height: 1.5; letter-spacing: -.03em; color: #0d1b44;}
.job-dream .select-table table td:last-child {border-right: 0;}
.job-dream .select-table table td.left {padding-left: 50px; text-align: left;}
.job-dream .select-table table td.left .number {display: inline-block; position: absolute; top: 50%; left: 15px; width: 26px; height: 26px; margin-top: -12px; border-radius: 50%; background-color: #ffe97b; text-align: center; font-weight: bold; line-height: 1.6; color: #0d1b44;}
.job-dream .select-table .btn-result {margin-top: 30px; padding: 0; border: none; background: none; cursor: pointer;}

.job-dream .subject-table {width: 838px; margin: 0 auto; padding-top: 178px;}
.job-dream .subject-table table {width: 100%; height: 110px; text-align: center;}
.job-dream .subject-table table th, .job-dream .subject-table table td {vertical-align: middle;}
.job-dream .subject-table table th {text-indent: -9999px;}
.job-dream .subject-table table td {line-height: 1.5; letter-spacing: -.03em; color: #0d1b44;}

.job-dream .result-table {width: 836px; margin: 0 auto; padding-top: 448px;}
.job-dream .result-table table {width: 100%; text-align: center;}
.job-dream .result-table table th, .job-dream .result-table table td {vertical-align: middle;}
.job-dream .result-table table th {padding: 15px 0; text-indent: -9999px;}
.job-dream .result-table table td {padding: 5px 4px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; font-size: 14px; line-height: 1.5; letter-spacing: -.03em; color: #0d1b44;}
.job-dream .result-table table td:last-child {border-right: 0;}
.job-dream .result-table table td.left {text-align: left;}
.job-dream .result-table table td.left ul li {position: relative; padding-left: 10px;}
.job-dream .result-table table td.left ul li:before {content: ''; display: block; position: absolute; top: 10px; left: 5px; width: 2px; height: 2px; border-radius: 50%; background-color: #0d1b44;}
.job-dream .result-table table td .chk {display: inline-block; width: 13px; height: 13px; border-radius: 50%; background-color: #0d1b44;}
.job-dream .result-table table td .chk2 {display: inline-block; width: 13px; height: 13px; border-radius: 50%; background-color: #f03a72;}


.job-dream.career.test-step-1 {background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/occpIntsSch/bg_career_01.png) no-repeat;}
.job-dream.career.test-step-1 .btn-start {position: absolute; right: 60px; bottom: 26px;}
.job-dream.career.test-step-2 {background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/occpIntsSch/bg_career_02.png) no-repeat;}
.job-dream.career.test-step-2 .btn-next {position: absolute; right: 60px; bottom: 26px;}

.job-dream.career .select-table {padding-top: 245px;}
.job-dream.career .select-table table {height: 536px;}
.job-dream.career .select-table table th {padding: 20px 0;}
.job-dream.career .select-table table td {padding: 7px 20px;}
.job-dream.career .select-table table td.left {padding-left: 50px;}

.job-result {position: relative;}
.job-result img {display: block;}
.job-result .btn-go {position: absolute; bottom: 30px; right: 28px;}


.funkyradio6 label {
  display: inline-block;
}

.funkyradio6 input[type="radio"]:empty, .funkyradio6 input[type="checkbox"]:empty {
  background-color: #000;
    position:fixed; left:-9999px;
  
}


.funkyradio6 input[type="radio"]:empty ~ label, .funkyradio6 input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 1.6em;
  text-indent: 1.8em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.funkyradio6 input[type="radio"]:empty ~ label:before, .funkyradio6 input[type="checkbox"]:empty ~ label:before {
  display: block;
  content:'';
  width:23px;
  background: #D1D3D4;
  border-radius: 30px;height: 23px;
}
.funkyradio6 input[type="radio"]:hover:not(:checked) ~ label:before, .funkyradio6 input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content:'\2714';
  text-indent: .13em;
  color: #C2C2C2;    height: 23px;

}

.funkyradio6 input[type="radio"]:checked ~ label:before, .funkyradio6 input[type="checkbox"]:checked ~ label:before {
  content:'\2714';
  text-indent: .13em;
  color: #333;
  background-color: #ccc;
}
.funkyradio6 input[type="radio"]:checked ~ label, .funkyradio6 input[type="checkbox"]:checked ~ label {
  color: #777;
}
.funkyradio6 input[type="radio"]:focus ~ label:before, .funkyradio6 input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio6-success input[type="radio"]:checked ~ label:before, .funkyradio6-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
  height: 23px;
}

.ir {display:block; text-indent:-9999px; position:fixed; top:-9999px; font-size:1px; width:1px; height:1px; opacity:0;}