@charset "UTF-8";


body {-webkit-text-size-adjust:none;}
* {margin:0; padding:0; letter-spacing: -1px;
    /* 사파리 브라우저 글자크기 적용 */
    -webkit-text-size-adjust: 100%;        
    text-size-adjust: 100%;        

    /* 크롬 브라우저에서 인쇄할때 배경색도 나오게 적용 */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
*:focus-visible {outline: 2px dotted var(--career--point); outline-offset: 4px; transition: none;}
*::before, *::after {box-sizing: border-box; -webkit-print-color-adjust: exact; print-color-adjust: exact;}
/* 직업적성검사 결과표 */
.aptitude_result_wrap {width:100%;}
.aptitude_result_wrap a { font-size:18px;}
.printshow {display:none !important;}
.aptitude-result-head {width:100%;}
.aptitude-result-head .head-title {height:auto;background:#003675;text-align:center;z-index:10;}
.aptitude-result-head .head-title img {max-width:100%;}
.aptitude-result-head .head-title p {width:980px;padding:0 65px;margin:0 auto;line-height:81px;color:#fff;font-size:17px;font-weight:200;}
.aptitude-result-head .head-title em {margin:0 0 0 20px;font-size:20px;font-weight:300;}
.aptitude-result-head .head-title strong {font-weight:400;}
.aptitude-result-head .member-info {overflow:hidden;border-bottom:2px solid #B7CDFB;background:#fff;z-index:1;}
.aptitude-result-head .member-info .member-info-wrap {position:relative;width:1110px;overflow:hidden;margin:0 auto;}
.aptitude-result-head .member-info .member-info-wrap:after {clear:both;display:block;content:'';}
.aptitude-result-head .member-info .member-info-wrap .line {display:block;position:absolute;right:0;top:0;width:1px;height:100%; height: 100%; width: 1px; background: #000;}
.aptitude-result-head .member-info .member {position:relative;float:left;width:289px;padding: 70px 10px 15px 10px;}
.aptitude-result-head .member-info .member li {margin:0 0 20px;color:#000;font-size:17px;letter-spacing:0;font-weight:400;word-break:break-all;line-height: 1;}
.aptitude-result-head .member-info .member li:after {clear:both;display:block;content:'';}
.aptitude-result-head .member-info .member li strong {float:left;display:block;width:114px;margin:0 10px 0 0;color:#666;font-weight:300;letter-spacing:-1px;}
.aptitude-result-head .member-info .member li span {float:left;display:block;word-break:break-all;}
.aptitude-result-head .member-info .member li.name {position:relative;padding:0 0 58px 116px;margin:0;}
.aptitude-result-head .member-info .member li.name strong {float:none;font-size:30px;color:#010101;font-weight:400;}
.aptitude-result-head .member-info .member li.name .gender {float:none;display:block;margin:8px 0 0;font-size:17px;color:#666;font-weight:300;}
.aptitude-result-head .member-info .member li.name .img-name {display:block;position:absolute;left:-10px;top:-18px;}
.aptitude-result-head .member-info .title {position:relative;float:left;width:750px;}
.aptitude-result-head .member-info .title h3 {padding:46px 0 0 45px;margin:0 0 36px;font-size:44px;color:#000;font-weight:500;letter-spacing:-1px;}
.aptitude-result-head .member-info .title .color-txt {color:#246BEB;}
.aptitude-result-head .member-info .title .title-cmnt {position:relative;border-top:1px solid #ddd;}
.aptitude-result-head .member-info .title .title-cmnt .txt {padding:41px 54px 35px 51px;background:#F9FBFF;line-height:30px;font-size:18px;color:#000;letter-spacing:-0.5px;}
.aptitude-result-head .member-info .title .title-cmnt .qmark-top {display:block;position:absolute;top:20px;left:20px;}
.aptitude-result-head .member-info .title .title-cmnt .qmark-bottom {display:block;position:absolute;bottom:22px;right:30px;}

.aptitude-result-content {width:100%;}
.aptitude-result-content .cont-wrap {width:980px;margin:53px auto 0;}
.aptitude-result-content .cont-title {color:#333;font-size:34px;font-weight:400;line-height: 24px;}
.aptitude-result-content .cont-title .txt-color {color:#18A0FB;font-weight:500;}
.aptitude-result-content .cont-title img {margin-right: 8px; vertical-align:unset;}
.cont-sub-title {position:relative;display:inline-block;overflow:hidden;height:37px;line-height:37px;margin:52px 0 12px;}
.cont-sub-title .front {display:block;position:absolute;left:0;top:0;height:37px;text-align:left;z-index:1}
.cont-sub-title .center {position:relative;display:block;height:37px;padding:0 38px 0 19px;font-size:22px;line-height:37px;color:#fff;font-weight:400;z-index:10; background: #00407F; border-radius: 0 20px 20px 10px;}
.cont-sub-title .back {display:block;position:absolute;right:0;top:0;width:18px;height:37px;z-index:1}
.total-result-list {overflow:hidden;border:2px solid #99B0CB;}
.total-result-list:after {clear:both;display:block;content:'';}
.total-result-list li {position:relative;float:left;width:calc(100%/3);height:auto;min-height:94px;font-size:14px;color:#666;line-height:20px;letter-spacing:-0.5px;word-break:keep-all;}
.total-result-list li:before {content:'';display:block;position:absolute;right:0;top:0;bottom:0;height:300px;border-left:1px solid #e1e1e1;}
.total-result-list li:nth-child(3):before {display:none;}
.total-result-list li strong {display:block;padding:20px 30px 14px 34px;font-size:22px;color:#333;font-weight:500;}
.total-result-list li p {padding:0 30px 27px 34px;}
/* .aptitude-tbl-list {border:2px solid #b2726b;} */
.aptitude-tbl-list caption {display:none;}
.aptitude-tbl-list table {width:100%;padding:0;margin:0;border-spacing:0;}
.aptitude-tbl-list th, .aptitude-tbl-list td {padding:16px 0;font-size:16px;color:#333;font-weight:400;}
/* .aptitude-tbl-list th:first-child {border-left:none;} */
.aptitude-tbl-list thead th {border: 1px solid #d4d4d4; border-bottom:1px solid #99B0CB; background:#EDF1F5; font-size: 16px; font-weight: 500; color:#000;}
.aptitude-tbl-list tbody th {background: #EDF1F5; border: 1px solid #d4d4d4;}
.aptitude-tbl-list tbody th, .aptitude-tbl-list tbody td {text-align:center;}
/* .aptitude-tbl-list tbody tr:first-child th, .aptitude-tbl-list tbody tr:first-child td {border-top:none;} */
.aptitude-tbl-list tbody th {background:#F9FBFF ;color:#1d1d1d; border-left: 1px solid #d4d4d4 !important;}
.aptitude-tbl-list tbody td {letter-spacing:-0.5px; border: 1px solid #d4d4d4;}
/* .aptitude-tbl-list .line {border-left-color:#b2726b;} */
.cont_result .aptitude-tbl-list.black-line .tbl_result {border:none;}
.aptitude-tbl-list .left,
.aptitude-tbl-list.black-line .left,
.cont_result .aptitude-tbl-list .tbl_result td.left,
.cont_result .aptitude-tbl-list.black-line td.left {padding-left:32px;padding-right:20px;text-align:left;word-break:keep-all;line-height:24px;}
.aptitude-tbl-list .link_job,
.cont_result .aptitude-tbl-list .tbl_result .link_job {display:inline-block;padding:3px 0;margin:0 8px 3px 0;border-bottom:1px solid #0054a6;vertical-align:top;font-size:15px;line-height:17px;color:#0054a6;cursor:pointer;}
.aptitude-tbl-list .link_job.unlink,
.cont_result .aptitude-tbl-list .tbl_result .link_job.unlink {color: #333;border-bottom: 1px solid #666;cursor: text;}
.aptitude-tbl-list .tbl-inner-bx {padding:20px 0 22px 24px;margin:-16px 0;border-left:none;}
.aptitude-tbl-list .tbl-inner-bx strong {margin:0 0 13px;}
.aptitude-tbl-list .tbl-inner-bx li {font-size:15px;letter-spacing:-1px;word-break:keep-all;}
.aptitude-tbl-list .tbl-inner-bx .icon-try {background-position:0 0;line-height:18px;}
.aptitude-tbl-list .tbl-inner-bx .tbl_textarea {height:19px;padding:17px 0 20px 15px;}
.aptitude-tbl-list .tbl-inner-list li {line-height:24px;}
.aptitude-tbl-list .tbl-inner-list li .grade-dot-n {display:inline-block;line-height:24px;}
.aptitude-tbl-list.black-line {border:1px solid #000;border-left:none;}
.aptitude-tbl-list.black-line th,
.aptitude-tbl-list.black-line td {border-left:1px solid #000;border-color:#000;}
.aptitude-tbl-list.black-line td {font-size:15px;}
.aptitude-tbl-list.black-line thead th,
.aptitude-tbl-list.black-line tbody th {background:#f9f7f7;border-left:1px solid #000;}
.aptitude-tbl-list.black-line .left,
.cont_result .aptitude-tbl-list.black-line td.left {padding-left:20px !important;}
.aptitude-tbl-list.black-line .txt-blue {color:#0054a6;}
.aptitude-tbl-list.black-line .bg-gray {background:#fcfcfc;}
.aptitude-tbl-list.black-line .line-left {border-left:1px solid #000;}
.aptitude-tbl-list.black-line.job-category td {padding-top:7px;padding-bottom:9px;line-height: 1.3;}
.result-cont-txt {margin:13px 0 0;font-size:18px;color:#000;line-height:26px;word-break:keep-all;}
.aptitude-tbl-list .line-top th,
.aptitude-tbl-list .line-top td {border-top:1px solid #000 !important;}

.aptitude-graph-wrap {width:100%;margin:40px 0 38px;}
.aptitude-graph-wrap .aptitude-graph-item {position:relative;margin:0 20px 15px 0;text-align:right;font-size:16px;color:#898989;}
.aptitude-graph-wrap .aptitude-graph-item .item_ctr {position:absolute;left:5px;top:0;}
.aptitude-graph-wrap .aptitude-graph-item .item_ctr input[type=checkbox] {display:none;}
.aptitude-graph-wrap .aptitude-graph-item .item_ctr label {display:inline-block;font-size:16px;color:#898989;vertical-align:middle;}
.aptitude-graph-wrap .aptitude-graph-item .item_ctr label:before {display:inline-block;content:'';width:22px;height:18px;margin-right:7px;background:url(../../img/inspct/vocation/img_aptitude_checkbox.png) no-repeat 0 0;vertical-align:middle;}
.aptitude-graph-wrap .aptitude-graph-item .item_ctr input[type=checkbox]:checked + label:before {background:url(../../img/inspct/vocation/img_aptitude_checkbox_on.png) no-repeat 0 0;}
.aptitude-graph-wrap .aptitude-graph-item img {margin-right:10px;}
.grade-dot-n {display:block;width:68px;}
.grade-dot-n .inner-score {display:block;width:68px;height:10px;overflow:hidden;}
.aptitude-tbl-list .grade-dot-n {margin:0 auto;}
.aptitude-graph-wrap .box-myGrade {display: flex; align-items: center; padding:23px 0 23px 51px;margin:65px 0 0;border:1px dashed #7f7f7f;background:#fffefe;}
.aptitude-graph-wrap .box-myGrade .title-myGrade {margin: 0 90px 0 0;font-size:20px;color:#333;font-weight:500;}
.aptitude-graph-wrap .box-myGrade .grade-dot-n {margin:0 62px 0 0;text-align:center;color:#666;font-size:13px;}
.aptitude-graph-wrap .box-myGrade .grade-dot-n .inner-score {margin:0 0 12px;}
.txt-tbl-guide {margin:0 0 15px;font-size:15px;font-weight:300;text-align:right;color:#666;}
.aptitude-result-content .aptitude-btn-red2 {display:inline-block;height:31px;line-height:31px;padding:0 43px;border:none;background:#0074E5;color:#fff;font-size:15px;}
.title-aptitude-box {display:block;height:39px;line-height:39px;margin:30px 0 16px;background:#EDF1F5;font-weight:400;text-align:center;font-size:18px;color:#000;}
.dashed-aptitude-box {padding:15px 25px 17px 21px;margin:0 0 25px;border:1px dashed #7f7f7f;font-size:16px;color:#000;line-height:22px;letter-spacing:-1px;word-break:keep-all;}
.aptitude-tbl-list.black-line + .title-aptitude-box {margin-top:41px;}
.aptitude-interest-job {min-height:97px;padding:30px 0 16px 180px;margin:20px 0 15px;border:1px solid #d4d4d4;background:url(../../img/inspct/img_interest_job.png) no-repeat 52px 50%;}
.aptitude-interest-job .title {float:left;position:relative;}
.aptitude-interest-job .title strong {font-size:24px;color:#000;font-weight:500;vertical-align:middle;}
.aptitude-interest-job .title strong .fc-red {color:#0074E5;}
.aptitude-interest-job .title-guide {margin:13px 0 0;font-size:16px;color:#333;line-height:22px;}
.aptitude-interest-job .btn-red-fill {float:left;display:inline-block;height:36px;line-height:36px;padding:0 30px 0 62px;margin:20px 0 0 20px;border:3px solid #C7E3FF;background:url(../../img/inspct/img_interest_job2.png) no-repeat 30px 8px;color:#000;vertical-align:middle;font-size:16px;}
.btn-view-method {padding-left:20px;background:url(../../img/inspct/vocation/ico_view.png) no-repeat 0 50%;font-size:15px;color:#000;}
.btn-view-method.red {background:url(../../img/inspct/vocation/ico_view_red.png) no-repeat 0 50%;color:#b11101;}
.aptitude-result-content .new-type-layer .btn_comm {font-size:16px;}
.aptitude-result-content .layer_type_result.common_wrap_layer.new-type-layer .layer_head .tit-sub {padding-top:33px;}
.new-test-body .header_common_test .test_inner_header {width:980px;}
.new-test-body .aptitude-result-head .head-title {background-color: #ce5447;}
.new-test-body .aptitude-result-head .member-info .title .color-txt {color:#ce5447;}
.new-test-body .aptitude-result-content .cont-title .txt-color {color:#ce5447;}
.new-test-body .cont-sub-title .center {background: #ce5447;}
.new-test-body .aptitude-result-content .aptitude-btn-red2 {background: #ce5447;}
.new-test-body .aptitude-interest-job .btn-red-fill {border:3px solid #ce5447;}
.new-test-body .testTy-bluePt .header_common_test .test_inner_header {width:980px;}
.new-test-body .testTy-bluePt .aptitude-result-head .head-title {background-color: #2d88dd;}
.new-test-body .testTy-bluePt .aptitude-result-head .member-info .title .color-txt {color:#2d88dd;}
.new-test-body .testTy-bluePt .aptitude-result-content .cont-title .txt-color {color:#2d88dd;}
.new-test-body .testTy-bluePt .cont-sub-title .center {background: #2d88dd;}
.new-test-body .testTy-bluePt .aptitude-result-content .aptitude-btn-red2 {background: #2d88dd;}
.new-test-body .testTy-green .header_common_test .test_inner_header {width:980px;}
.new-test-body .testTy-green .aptitude-result-head .head-title {background-color: #7f9f01;}
.new-test-body .testTy-green .aptitude-result-head .member-info .title .color-txt {color:#7f9f01;}
.new-test-body .testTy-green .aptitude-result-content .cont-title .txt-color {color:#7f9f01;}
.new-test-body .testTy-green .cont-sub-title .center {background: #7f9f01;}
.new-test-body .testTy-green .aptitude-result-content .aptitude-btn-red2 {background: #7f9f01;}
.new-test-body .testTy-green.testTy-turqui .aptitude-result-head .head-title {background-color: #368da7;}
.new-test-body .testTy-green.testTy-turqui .aptitude-result-head .member-info .title .color-txt {color:#368da7;}
.new-test-body .testTy-green.testTy-turqui .aptitude-result-content .cont-title .txt-color {color:#368da7;}
.new-test-body .testTy-green.testTy-turqui .cont-sub-title .center {background: #368da7;}
.new-test-body .testTy-green.testTy-turqui .aptitude-result-content .aptitude-btn-red2 {background: #368da7;}
.new-test-body .testTy-blue .header_common_test .test_inner_header {width:980px;}
.new-test-body .testTy-blue .aptitude-result-head .head-title {background-color: #607dd3;}
.new-test-body .testTy-blue .aptitude-result-head .member-info .title .color-txt {color:#607dd3;}
.new-test-body .testTy-blue .aptitude-result-content .cont-title .txt-color {color:#607dd3;}
.new-test-body .testTy-blue .cont-sub-title .center {background: #607dd3;}
.new-test-body .testTy-blue .aptitude-result-content .aptitude-btn-red2 {background: #607dd3;}

.box_graph .tbl_result {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	font-weight: 400;
	font-size: 16px;
}

.box_graph .tbl_result td {
	position: relative;
	height: 50px;
	text-align: center;
	border: 1px solid #d5d5d5;
	box-sizing: border-box;
}

.box_graph .tbl_result .noborder {
	height: 30px !important;
	border: 0 !important;
}

.tbl_result a {
	font-size: 16px;
	cursor: default;
}

@media print { /* print css */
	.cont-sub-title .center {color:#000;}
	.header_common_test,
	.box_bottom_service,
	.wrap_footer {display:none;}
	.noshow{display:none;}
	.page-break{
		page-break-after: always;		
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
	}
}

.bg-gray .unlink {
    border-bottom: none !important;
}

/* 진로성숙도검사 */
/* .testTy-blue .test_inner_header .tit_cont .txt_tit {background: #5e78c4;} */
/* .testTy-blue .aptitude-result-head .head-title {background:#627fd1;} */
.testTy-blue .aptitude-result-head .head-title img{left: 50%;display: block;position: relative;margin-left: -500px;}
/* .testTy-blue .aptitude-result-head .member-info-wrap {background:#f2f4fa;} */
.testTy-blue .aptitude-result-head .member-info-wrap .member {min-height:260px;background:#fff;}
.testTy-blue .aptitude-result-head .member-info-wrap .title {width:752px;background:#fff;}
/* .testTy-blue .aptitude-result-head .member-info-wrap .title .color-txt {color:#4b5d93;} */
.testTy-blue .aptitude-result-head .member-info-wrap .title h3 {margin-bottom:23px;}
.testTy-blue .aptitude-result-head .member-info-wrap .title .title-sub {padding:0 0 20px 45px;font-size:24px;color:#2d88dd;font-weight:500;}
.testTy-blue .aptitude-result-head .member-info-wrap .title .title-cmnt .txt {background:#f2f4fa;}
/* .testTy-blue .aptitude-result-head .member-info {border-bottom-color:#627fd1;} */
/* .testTy-blue .aptitude-result-content .cont-title .txt-color {color:#4b5d93;} */
/* .testTy-blue .aptitude-tbl-list {border-color:#5e78c4;} */
/* .testTy-blue .aptitude-tbl-list th, .testTy-blue .aptitude-tbl-list td {border-color:#e1e1e1;} */
/* .testTy-blue .aptitude-tbl-list thead th {border-color:#e1e1e1;background-color:#f0f5fd;} */
/* .testTy-blue .aptitude-tbl-list tbody th {background-color:#f9fbfd;color:#3056b1;} */
/* .testTy-blue .aptitude-tbl-list .line {border-left-color:#a7bdf2 !important;} */
.testTy-blue .aptitude-tbl-list.black-line,
.testTy-blue .aptitude-tbl-list.black-line th,
.testTy-blue .aptitude-tbl-list.black-line td {border-color:#000 !important;}
.testTy-blue .aptitude-tbl-list.black-line tbody th {background:#fff;color:#333;border-left:1px solid #000;}
.aptitude-tbl-list .fsize-big {font-size:22px;font-weight:500;color:#333;vertical-align:text-bottom;}
.aptitude-tbl-list img{vertical-align: baseline;}
.aptitude-tbl-list .fcolor-blue {color:#0056AA;}
.aptitude-tbl-list .fcolor-dgray {color:#333;}
.aptitude-tbl-list .fcolor-red {color:#d33237;}
.aptitude-tbl-list .fsize18 {font-size:18px;}
.aptitude-tbl-list .fsize24 {font-size:24px;}
.aptitude-tbl-list .bg-gray {background:#f9fbfd;font-size:16px;color:#000;}
.aptitude-tbl-list .notice {font-size:14px;line-height:20px;}
.aptitude-tbl-list .notice ul {margin-top:10px;}
.aptitude-tbl-list .notice li {color:#666;}
.aptitude-tbl-list .notice li:before {content:'';display:inline-block;width:3px;height:3px;margin:-1px 3px 0 0;border-radius:100%;background:#666;vertical-align:middle;}
.testTy-blue .aptitude-graph-wrap .aptitude-graph-area .set {width:200px;height:46px;line-height:46px;padding:0 60px;margin:0 auto;border:1px dashed #808080;border-radius:4px;font-size:14px;color:#333;}
.testTy-blue .aptitude-graph-wrap .aptitude-graph-area .set.hexsa{width: 300px;}
.testTy-blue .aptitude-graph-wrap .aptitude-graph-area .set span:first-of-type {margin-right:30px;}
.testTy-blue .aptitude-graph-wrap .aptitude-graph-area .set span img {vertical-align:middle;margin:-4px 10px 0 0;}
.testTy-blue .aptitude-graph-wrap .aptitude-graph-area .radar-wrap {position:relative;margin:20px auto 0;text-align:center;}
.testTy-blue .aptitude-graph-wrap .aptitude-graph-area .radar-bg {position:absolute;left:50%;top:35px;width:412px;height:412px;margin-left:-206px;}
.aptitude-graph-bar {/*width:980px;*/ display: flex; width: 100%; height:140px;margin:40px 0 0;background:#edf3f9;}
.aptitude-graph-bar .bar-title {/*float:left;width:225px;*/ width: calc(100% - 698px); padding:43px 0 0;text-align:center;font-size:18px;color:#000;font-weight:500;line-height:26px;}
.aptitude-graph-bar .bar-wrap {position:relative;/*float:left;*/width:698px;height:28px;margin:68px 51px 42px 0;border:1px solid #ef7911;border-radius:5px;background:#fff;}
.aptitude-graph-bar .bar-wrap .fill {display:block;width:100%;height:100%;border-right:1px solid #f79936;border-radius:4px 0 0 4px;background:#f79936;text-align:right;}
.aptitude-graph-bar .bar-wrap .fill em {display:inline-block;margin-top:36px;margin-right:-18px;font-size:14px;color:#ef5f11;}
.aptitude-graph-bar .bar-wrap .bubble {position:absolute;top:-41px;display:block;width:45px;height:34px;;text-align:center;line-height:28px;}
.aptitude-graph-bar .bar-wrap .bubble img {position:absolute;left:0;top:0;z-index:1;}
.aptitude-graph-bar .bar-wrap .bubble .num {position:absolute;left:0;width:100%;z-index:2;}
.testTy-blue .aptitude-graph-wrap .box-myGrade .title-myGrade {margin-right:219px;}
.testTy-blue .aptitude-graph-wrap .box-myGrade .grade-dot-n {width:auto;margin-top:6px;}
.testTy-blue .aptitude-graph-wrap .box-myGrade .grade-dot-n .inner-score {display:inline-block;width:auto;margin:0 0 0 10px;}
.aptitude-result-content .paper .cont-title img {vertical-align:top;margin-top:-2px;}
.aptitude-result-content .paper .cont-title .btn-print-paper {float:right;}
.aptitude-result-content .paper .paper-bx {width:978px;height:198px;border:1px solid #8E8E8E;}
.aptitude-result-content .score-total{color: #E71825;}

@media print { /* print css */
    .printhide {display:none !important;}
    .printshow {display:block !important;}
}