*{font-family: 'Noto Sans KR', sans-serif;box-sizing: border-box;}
html,body{position:relative;width:100%;height:100%;margin:0;padding:0;}
.clearfix:before,.clearfix:after{content:"";display:block}.clearfix:after{clear:both;visibility:hidden;line-height:0;height:0}.clearfix{*zoom:1}
img{max-width:100%;}
select{
	font-size:14px;padding:0 30px 0 0;
	background:url('../images/epmtDiag/bg_select.png') right center no-repeat;
	border-style:none none;color:#5e5e5e;
	appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;
}

input[type=text] {color:#5e5e5e; font-size:14px; padding:0; border-style:none none;color:#000;
appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; width:100%;}

input[type=text].ty1 {width:900px;}

textarea  {color:#5e5e5e; font-size:14px; padding:20px; border-style:none none;color:#000;
appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none; width:1000px; height:200px; background:#f4f9ff;}

textarea.grey {background:#f6f6f6;width:300px; height:100px;}

ul,ol,dl{margin:0;list-style:none;padding:0;}

input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:20px;
							height:20px;
							display:inline-block;
							line-height:20px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:14px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -20px;
						}
						label.css-label {
				background-image:url(../images/epmtDiag/radio_bg.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

			.input_area {padding:0 20px;}

.table_area {margin:30px 0 0 0;}
.table {border-top:solid 2px #000;border-bottom:solid 2px #000;width:100%;border-collapse: collapse;}
.table > thead > tr > th {padding:15px 10px; background:#fff; font-weight:700; font-size:13px; color:#292929;}
.table > thead > tr > th.t_tit {font-size:16px;}
.table > tbody > tr > td {padding:25px 10px; border-top:1px solid #ddd; vertical-align: middle;white-space: normal;overflow: hidden; text-overflow: ellipsis; line-height:1.5; height:3em; font-size:15px; letter-spacing: -1px; color:#000; font-weight: 700;}
.table > tbody > tr > td.border-top {border-top:solid 2px #000;}


.table.ty2 {border:none;border-collapse: collapse; width: 100%;}
.table.ty2 tr th {padding:15px 20px; background:#f7f7f7; font-weight:700; font-size:14px; color:#000; border: 1px solid #ddd;}
.table.ty2 tr td {padding:15px 20px; font-size:14px; letter-spacing: -1px; color:#474747; border: 1px solid #ddd; font-weight: 300; text-align: left;}

.table.ty3 {border:none;border-collapse: collapse; width: 100%;}
.table.ty3 tr th {padding:15px 20px; background:#fafafa; font-weight:700; font-size:14px; color:#000; border: 1px solid #ddd;}
.table.ty3 tr th.wid_130 {width:132px;}
.table.ty3 tr td {padding:15px 20px; font-size:14px; letter-spacing: -1px; color:#474747; border: 1px solid #ddd; font-weight: 300; text-align: left;}
.table.ty3 tr td.padding-0 {padding:10px 0; background-image:url(../images/epmtDiag/table_bg.png); background-position:right;}
.bg_blue {background:#f1f9ff !important;}

.table.ty4 {border:none;border-collapse: collapse; width: 100%;}
.table.ty4 tr th {padding:15px 20px; background:#fafafa; font-weight:700; font-size:14px; color:#000; border: 1px solid #ddd;}
.table.ty4 tr td {padding:15px 20px; font-size:14px; letter-spacing: -1px; color:#474747; border: 1px solid #ddd; font-weight: 300; text-align: left;}



.ctain-fluid{position:relative;width:100%;}
.ctain{position:relative;width:1260px;margin:0 auto;}
.ctain h2 {display:block; margin:0 auto 50px auto; text-align: center;}
.flex {display:flex;}
ul.flex {display:flex;text-align: center;}
.just {justify-content:space-between;}
.block {display:block;}
.atit {font-size:22px; line-height: 24px; width:340px;margin:0 0 30px 0; color:#000;}
.s_tit {font-size:18px; color:#000; display:inline-block; margin:60px 0 20px 0; width:100%;}
.s_tit2 {font-size:18px; color:#000; display:inline-block; margin:100px 0 0 0; width:100%;}
.s_tit span.exam {font-size:15px; color:#474747; font-weight: 300;margin:0 0 0 20px;}
.font_14{font-size:14px; margin:5px 0 0 0;}
.font_17{font-size:17px;margin:10px 0 0 0}
.font_24 {font-size:24px; line-height: 30px;}
.font_22 {font-size:22px; line-height: 30px;}
.font_30 {font-size:30px; line-height: 30px;}
.strong {font-weight:700;}
span.p_color {color:#ff3875;}
span.b_color {color:#4d96ff;}
.deep_blue {color:#3d8ef1;}
.deep_red {color:#fd486a;}
.grey {color:#757575;}
.white {color:#fff;}
.bold {font-weight: 700;}
.left {text-align: left;}
.letter { letter-spacing: 4px;}

.header {padding:50px 0;}
.tit_area {display:flex;justify-content:space-between;}
.check_btn {font-size:14px; padding:4px 20px; border:solid 1px #000; border-radius:20px; text-decoration: none; color:#000 !important; letter-spacing: -1px; }
.h_box {background:#f8f8f8;border:solid 1px #e6e6e6; border-radius:10px; padding:50px 30px 30px 30px; text-align: center; margin:0 0 0 0;}
.h_box.result {background:#fff; padding:55px 75px;}
.h_box.result2 {background:#fff; padding:20px 30px;}
.rt {font-size:16px; color:#000; width:350px; text-align:left; line-height:30px;}
.rt2 {font-size:15px; color:#666666; text-align: left; padding:5px 0 0 0;}
.h_box.info {padding:30px; text-align: left;}
.h_box.wh {background:#fff; padding:30px;}
.sub_txt {text-align: left; color:#666666; font-size:15px; margin:30px 0 30px 0;}
ul.sel_po_ul {margin:40px -15px -15px -15px; float:right;}
ul.sel_po_ul li {margin:15px;}
.sel_po {font-size:16px; color:#818181; border-bottom:solid 2px #e6e6e6; text-decoration: none; padding:10px 15px; cursor:pointer;}
.sel_po.on {color:#000; border-bottom:solid 2px #000;}
.start_btn {background:#f32656; color:#fff !important; font-size:14px; padding:10px 50px; border-radius: 3px; text-decoration: none; margin:0 0 0 20px;}





.pre_wrap{background:#fff; padding:50px 0;}
.btn_mar {text-align: center;}
ul.btn_area {display:inline-block; }
ul.btn_area a { text-decoration: none;}
ul.btn_area li {margin:50px 5px 0 5px; float:left;}
.btn {width:150px; line-height:37px; text-align: center; border-radius:3px; font-size:14px; padding:0; line-height:30px;}
.btn.back, .btn.next  {border:solid 1px #a0a0a0; color:#000;}
.btn.result {background:#07356f; border:solid 1px #07356f; color:#fff;}
.btn.close {background:#fff; border:solid 1px #07356f; color:#000;  padding:0 50px; border-radius: 3px; text-decoration: none; margin:30px 0; display:inline-block;}


.re_color {font-size:80px; font-weight: 900;}
.R {color:#659ac2;}
.A {color:#4fbeae;}
.I {color:#92cc39;}
.S {color:#f49038;}
.E {color:#df5a8f;}
.C {color:#6760ae;}
.sum {font-size:15px; color:#000; font-weight: 700; margin:0 0 20px 0; display:block;}
ul.re_ul li{border-bottom:dotted 1px #e6e6e6; font-size:14px; color:#747474; padding: 5px 0;}
ul.re_ul li span.num {margin:0 0 0 100px;}
.label_txt {font-size:15px; color:#000; font-weight: 900;line-height: 20px; text-align: center; margin:15px 0 0 0;width:80px;display:inline-table;}
.alpha {font-size:28px;}
.alpha.R {color:#659ac2;}
.alpha.A {color:#4fbeae;}
.info_txt {font-size:14px; color:#474747; margin:0 0 0 50px; width:calc(100% - 130px)}
.info_txt span.info_tit {font-size:16px;font-weight: 700;}

.info_txt span.b_tit {width:100px;display:inline-table; font-weight: 700;}
.info_txt span:not(.b_tit){width:calc(100% - 100px)}
ul.tag_area {margin:0 0 30px 0; display:block !important;}
ul.tag_area a {text-decoration: none;}
ul.tag_area li {margin:0 10px 10px 0; border:solid 1px #e6e6e6; font-size:14px; color:#000; border-radius: 3px; padding:4px 15px; display: inline-block; float:left;}
ul.tag_area li:hover {color:#fff; background:#f54747;}
ul.tag_area li.on {color:#fff; background:#f54747;}

.job_tit {font-size:20px; font-weight: 900; margin:0 0 30px 0;}

ul.service_area {margin:-23px;}
ul.service_area li {margin:23px; width:282px;float:left; display:inline-block; height:420px;}
.img_area {width:100%; height:178px; border-radius:10px;}
.img_area img {width:100%;}
.ser_tit {font-size:20px; color:#000; font-weight: 700; margin:20px 0; letter-spacing:-1px;}
.ser_stit {font-size:14px; color:#666; font-weight: 400; height:100px; letter-spacing: -1px; margin:20px 0;}
.go_btn {font-size:14px; color:#38bab2 !important;text-decoration: none;}

.pop_wrap {width:760px; border-radius: 10px; overflow: hidden; /* margin:0 auto;  */padding:0 0 50px 0;text-align: center;}
.pop_tit {font-size:17px; color:#fff; background:#07356f; margin:0; padding:15px 20px;}

.up_sign { margin:-40px 0 0 0; cursor: pointer;position:absolute;right:30px;}
.down_sign { margin:-40px 0 0 0; cursor: pointer;position:absolute;right:30px;}
.st_area {width:90%; display:block; line-height:25px;}
ul.step_ara {border-top:solid 1px #e6e6e6; border-bottom:solid 1px #e6e6e6; padding:40px 0; margin:40px 0 0 0;}
ul.step_ara li {font-size:17px; text-align: left;width:33.3%; }
.small_txt {font-size:15px; color:#666666; margin:20px 0 0 0;}
.start_btn.center {display:table; margin:50px auto;}
.center {text-align: center !important;}
.table.ty2 tr th.wid_100 {width:138px;}
.talk_box {padding:30px; color:#474747; font-size:15px; border-radius: 10px; margin:0 0 30px 0;}
.talk_box.orange {background: #fff5ec; }
.talk_box.red {background: #ffecf0; }
.talk_box.blue {background: #ecf6ff; }

.red_txt {color:#fd486a; font-size:30px; font-weight: 900;}
.blue_txt {color:#3d8ef1; font-size:30px; font-weight: 900;}

.t_txt_area {margin:0 0 15px 0; display:inline-block; text-align: left;}
.t_txt {margin:0 40px 0 10px; font-weight:400;}
.acodi {margin:0 0 20px 0;}
.acodi_pop {border:none; border-radius: 0; background: #fff; border-bottom:dotted 1px #cccccc;}
.acodi_pop:last-child {border:none;}

.hide_area {margin:20px 0 0 0; line-height:25px;}

.review_btn {width:100%; background:#073570; color:#fff !important; padding:5px 10px; border-radius:3px; font-size:13px;}
.right {text-align:right !important;}


.bar {display:block; height:12px; margin:5px 0; max-width:96% !important;}
.bar.green {background:#a4db83; }
.bar.gray {background:#cfcfcf; }
.bar.blue {background:#3d8ef1; }


.bar_num {font-size:13px; float:right; margin:-5px -20px 0 0;}
.mar-top0 {margin:0;}

.re_exam {display:flex; margin:-35px 0 15px 0; position:absolute; right:0;}
.re_exam li {display:flex; margin:0 0 0 30px; font-size:13px; color:#000; letter-spacing:-1px; }
.ex_rect {width:15px; height:15px; display:block; margin:3px 7px 0 0;}
.ex_rect.green {background:#a4db83;}
.ex_rect.gray {background:#cfcfcf;}


.category_submenu {margin:10px 0 0 10px; }
.category_submenu li {font-size:13px !important; color:#666 !important;}




@media screen and (max-width: 1024px){
	.ctain{width:90%;}
}

@media screen and (max-width: 768px){
	.ctain{width:90%; text-align: center;}
	.m_hide {display:none;}
	select {font-size:13px;}
	input.ty1 {width:100%;font-size:13px;}
	textarea {width:100%;font-size:13px;}
	div.flex, ul.flex {display:block;}
	.atit {width:100%; margin:0 0 10px 0; font-size:20px; text-align: center;}
	.s_tit {font-size:15px; margin:20px 0;}
	.font_14 {font-size:12px;}
	.font_15 {font-size:13px;}
	.font_17 {font-size:15px;}
	.font_22 {font-size:16px;}
	.font_24 {font-size:18px;}
	.small_txt {font-size:13px;}
	.header {padding:30px 0;}
	.tit_area {display:block;text-align:center; margin:0 0 20px 0;}
	.check_btn {font-size:12px;}
	.sub_txt {font-size:14px; margin:10px 0 0 0;}
	ul.sel_po_ul {float:none; text-align: center;}
	ul.sel_po_ul li {margin:0 0 30px 0;}
	.sel_po {font-size:14px;}
	.start_btn {margin:20px 0 0 0; display:inline-block;}

	.btn {width:auto; padding:0 10px;font-size:12px;}
	.h_box.result {padding:20px;}
	.result_txt {margin:0 0 30px 0;}
	.re_color {font-size:60px;}
	.table > thead > tr > th.t_tit {width:100%;}
	.h_box.info {padding:20px;}
	.label_txt{width:100%;margin:0 0 20px 0;}
	.info_txt {margin:0;width:100%}

	.info_txt .flex{flex-direction:column}
	.info_txt .flex span{text-align:left}
	.info_txt span.b_tit {width:100%;margin:0 0 5px 0;font-size:14px; color:#000;}
	.info_txt span:not(.b_tit) {width:100%}
	.info_txt {font-size:13px; text-align: center;}
	.s_tit span.exam {width:auto; display:block; margin:10px 0; font-size:13px;}
	ul.tag_area li {font-size:12px;}
	.job_tit {font-size:15px;margin:0 0 20px 0;}
	.table > thead > tr > th.t_tit {font-size:12px;}
	.table > thead > tr > th {font-size:12px;}
	.table > tbody > tr > td {font-size:12px;}
	.table.ty2 tr th {font-size:12px;width:30%;}
	.table.ty2 tr td {font-size:12px;width:70%; }
	.table.ty3 tr th {font-size:12px;width:30%;}
	.table.ty3 tr td {font-size:12px;width:70%; }
	.table.ty4 tr th {font-size:12px;width:5%;}
	.table.ty4 tr td {font-size:12px; }
	.h_box.wh {padding:20px 10px;}
	ul.service_area {margin:0;}
	ul.service_area li {width:100%;margin:0 0 40px 0;}
	.img_area {height:auto;}
	.ser_tit {font-size:15px;}
	.ser_stit {font-size:13px; height:auto; }
	.h_box {margin:0 0 20px 0;}
	.pre_wrap {padding:30px 0;}
	.pop_wrap {width:100%;}
	ul.step_ara {padding:0; }
	ul.step_ara li {width:100%; border-bottom:dotted 1px #ddd;text-align: center;font-size:14px; padding:20px 0;}

	input[type=radio].css-checkbox + label.css-label {font-size:13px; margin:0 0 10px 0; width:100%;}
	.input_area  {text-align: left; padding:0;}
	.red_txt {font-size:20px;}
	.blue_txt {font-size:20px;}

	/* svg {display:none;}
	#resultChart {display:none !important;} */

	.st_area {width:100%;}
	.up_sign, .down_sign { margin:20px auto  ; position:inherit;}

	.rt {width:100%; margin:0 0 20px 0; text-align:center; font-size:14px;}
	.talk_box {font-size:13px;}
	.guide_area {width:50%;}
	.font_30 {font-size:24px;}
	.rt2 {font-size:13px;}
	.h_box.result2 {padding:20px;}

	.re_exam {position:relative; margin:0 0 20px 0;}
	.re_exam li {margin:0 0 0 10px; font-size:12px;}

	.table.ty3 tr td.padding-0 {background:none;}


@media screen and (max-width: 420px){

}