@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.test-step-1 {background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/bg_01.png) no-repeat; text-align: center;}
.job-dream.test-step-2 {background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/bg_02.png) no-repeat; text-align: center;}
.job-dream.test-step-1.event {background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/bg_01_event.png) no-repeat} /* 20220811 추가 */

.job-dream.test-type-1 {background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/bg_03.png) no-repeat; text-align: center;}
.job-dream.test-type-2 {background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/bg_04.png) no-repeat; text-align: center;}
.job-dream.test-type-3 {background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/bg_05.png) no-repeat; text-align: center;}

.job-dream.result-type-1 {width: 948px; height: 1524px; background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/bg_06.png) no-repeat; text-align: center;}
.job-dream.result-type-2 {width: 948px; height: 1630px; background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/bg_07.png) no-repeat; text-align: center;}
.job-dream.result-type-3 {width: 948px; height: 1832px; background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/bg_08.png) no-repeat; text-align: center;}
.job-dream.result-type-4 {width: 948px; height: 1630px; background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/bg_09.png) no-repeat; text-align: center;}
.job-dream.result-type-5 {width: 948px; height: 1832px; background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/bg_10.png) no-repeat; text-align: center;}
.job-dream.result-type-6 {width: 948px; height: 1630px; background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/bg_11.png) no-repeat; text-align: center;}

.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.youth {background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/step_1_01.png);}
.job-dream .select-options .select-option.univ {background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/step_1_02.png);}
.job-dream .select-options .select-option.adult {background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/step_1_03.png);}
.job-dream .select-options .select-option.decision {background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/step_2_01.png);}
.job-dream .select-options .select-option.undecided {background: url(/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/step_2_02.png);}
.job-dream .select-options .select-option ~ .select-option {margin-left: 100px;}
/* 20220831 추가 start */
.job-dream .select-options.event-main {padding-top:550px}
.job-dream .select-options.event-main .select-option.youth {background:url('/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/step_1_01_sm.png') 0 0 no-repeat;}
.job-dream .select-options.event-main .select-option.univ {background:url('/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/step_1_02_sm.png') 0 0 no-repeat;}
.job-dream .select-options.event-main .select-option.adult {background:url('/images/consltJobCarpa/jobPsyExamNew/psyExamNewImg/corsPrprDgns/step_1_03_sm.png') 0 0 no-repeat;}
/* 20220831 추가 end */
.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: #04c29d;}
.job-dream .result-table table td .chk2 {display: inline-block; width: 13px; height: 13px; border-radius: 50%; background-color: #ff364e;}
.job-dream .result-table table td a:hover {text-underline: #0a5bbc}



.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;}