@charset "utf-8";
/* 자가진단 메인 */
BODY.bgSelfcheck {
	background:url("../../images/portal/selfcheck/bg_selfcheck.gif") 0 300px repeat-x;
	}

 .selfchkWrap {
	text-align:center;
	}
	
 .selfchkWrap .note {
	padding:28px 0 0px;
	font-size:14px;
	line-height:200%;
	}

 .selfchkWrap .note .tt {
	display:block;
	font-size:21px;
	color:#333;
	font-weight:bold;
	letter-spacing:-2px;
	}

 .selfchkWrap .note STRONG {
	color:#cc6600;
	}

.help {
    clear:both;
	display:block;
	margin:5px 30px;
	padding-top:15px;
	font-size:14px;
	color:#578200;
	background-size:12px;
	font-weight:normal;
	}

 .selfchkWrap .help {
	display:block;
	padding-top:20px;
	font-size:14px;
	color:#669900;
	letter-spacing:-1px;
	}
	
 .chkSelect {
	margin-top:-10px;
	}

.chkSelect LI {
	vertical-align:top;
	}

.chkSelect LI A {
	display:block;
	height:120px;
	border:1px solid #e3e3e2;
	}

.chkSelect LI .a {
	display:block;
	padding-top:30px;
	font-size:22px;
	color:#333;
	font-weight:bold;
	line-height:130%;
	letter-spacing:-2px;
	text-align:center;
	}

.chkSelect LI.img01 {
	background:url("../../images/mbl/content/bg_selfchk_list1.png") 5px 0 no-repeat;
	background-size: 340px 240px;
	}

.chkSelect LI.img02 {
	background:url("../../images/mbl/content/bg_selfchk_list2.png") 5px 0 no-repeat;
	background-size: 340px 240px;
	}

.chkSelect LI.img03 {
	background:url("../../images/mbl/content/bg_selfchk_list3.png") 5px 0 no-repeat;
	background-size: 340px 240px;
	}
	
 .selfchkWrap .chkSelect LI.on A {
	color:#333;
	}

.selfchkWrap .chkSelect LI A IMG {
	display:block;
	margin:0 auto;
	padding:35px 0 29px;
	}

 .selfchkWrap .allchk {
	padding:22px;
	font-size:16px;
	}

 .selfchkWrap .allchk INPUT {
	width:22px;
	height:22px;
	padding:2px;
	border:1px solid #ccc;
	vertical-align:middle;
	}

 .selfchkWrap .btns_c {
	margin:5px 0px 335px 0px;
	}
	
.btns_c {
	margin:10px;
	text-align:center;
	}	
	
.btns_c .selfchkBtn A {
	padding:20px 60px 20px 40px;
	font-size:22px;
	color:#333;
	font-weight:bold;
	letter-spacing:-3px;
	background-image:url("../../images/mbl/content/ico_arr_next_bold.png");
	background-position:90% 50%;
	background-repeat:no-repeat;
	}

.btns_c .selfchkBtn A:hover {
	background-color:#ffd35e;
	}

/* 자가진단 진행단계 표시 */
 .stepSign {
	margin:35px 0;
	height:34px;
	text-align:center;
	background:url("../../images/portal/selfcheck/bg_step_line.png") 0 0 repeat-x;
	}

 .stepSign .here {
	display:inline-block;
	margin:0 10px;
	background:url("../../images/portal/selfcheck/bg_step_on.png") 0 0 repeat-x;
	}

 .stepSign .here UL {
	height:34px;
	background:url("../../images/portal/selfcheck/bg_step_on_left.png") 0 0 no-repeat;
	}

 .stepSign .here UL LI {
	height:34px;
	line-height:32px;
	padding:0 20px;
	background:url("../../images/portal/selfcheck/bg_step_on_right.png") 100% 0 no-repeat;
	font-size:15px;
	color:#f0631b;
	font-weight:bold;
	}

 .stepSign .other {
	display:inline-block;
	margin:0 10px;
	background:#d5d5d5;
	}

 .stepSign .other UL {
	height:34px;
	padding-left:20px;
	background:url("../../images/portal/selfcheck/bg_step_left.png") 0 0 no-repeat;
	}

 .stepSign .other LI {
	display:inline-block;
	height:34px;
	line-height:32px;
	padding:0 20px;
	background:url("../../images/portal/selfcheck/bg_step_lll.png") 100% 50% no-repeat;
	font-size:15px;
	color:#fff;
	}

 .stepSign .other LI.last {
	padding-right:40px;
	background:url("../../images/portal/selfcheck/bg_step_right.png") 100% 0 no-repeat;
	}

/* 자가진단 단계 CSS */
 .note {
	margin:0px 0 28px 8px;
	font-size:14px;
	}

 .selfcheckStep {
	overflow:hidden;
	margin-bottom:120px;
	}

 .selfcheckStep .stepWrap {
	position:relative;
	border-top:1px solid #3b3b3b;
	}

 .selfcheckStep .stepWrap.noborder {
	border-top:none;
	}
	
 .selfcheckStep .stepWrap .selfchkStep1,
 .selfcheckStep .stepWrap .selfchkStepOther {
	min-height:800px;
	border:0px solid #e5e5e5;
	}

 .selfcheckStep H5 {
	height:37px;
	line-height:33px;
	margin:0;
	margin-bottom:10px;
	background:#707683;
	border:1px solid #626875;
	font-size:18px;
	color:#fff;
	letter-spacing:-2px;
	}

/*
 .selfcheckStep .stepWrap H5 .step_num {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:85px;
	height:37px;
	padding-left:15px;
	background:url("../../images/portal/selfcheck/bg_step.png") 0 0 no-repeat;
	font-size:14px;
	color:#fff568;
	letter-spacing:0;
	}
*/

 .selfcheckStep H5 .step_num {
	padding-left:10px;
	font-size:15px;
	color:#ffde00;
	font-weight:bold;
	letter-spacing:0;
	}
	
 .selfcheckStep .helpWrap H5,
 .selfcheckStep .historyWrap H5 {
	height:37px;
	line-height:35px;
	margin:0;
	padding:0 0 0 15px;
	background:#f5f5f5;
	border:none;
	border-bottom:1px solid #e5e5e5;
	font-size:15px;
	color:#666;
	font-weight:bold;
	}
/* 질문영역 */
 .selfcheckStep .stepWrap .qAaea {
	margin:27px;
	padding:0 0 37px 0;
	background:url("../../images/mbl/content/dotline.png") 0 100% repeat-x;
	}

/* 2021.02.26 */
.selfcheckStep .stepWrap .selfchkStep1 .qAaea DT span.num{
	font-size: 21px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: -3px;
	text-align: center;
    color: #CCCCCC;
    float: left;
    margin: 0;
    position: absolute;
    top: 1px;
    left: -2px;
    width: 17px;    
}

.selfcheckStep .stepWrap .selfchkStep1 .qAaea DT span.num::before{
	border-top: 1px solid #CCCCCC;
	width: 45px;
    height: 0px;
	transform: rotate(-25deg);
    content: "";
    position: absolute;
    top: 16px;
    left: -10px;
}
.selfcheckStep .stepWrap .selfchkStep1 .qAaea DT span.num::after {
    border-right: 33px solid transparent;
    border-bottom: 28px solid #FFFFFF;
	width: 0px;
    height: 0px;
	transform: rotate(-66deg);
    content: "";
    position: absolute;
    top: 5px;
    left: -7px;
}

.selfcheckStep .stepWrap .selfchkStep1 .qAaea DT.qChild {
	height: 53px;
    line-height: 25px;
    padding-left: 34px;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    letter-spacing: -3px;
    position: relative;
}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea DT {
	height:53px;
	line-height:25px;
	padding-left:23px;
	font-size:16px;
	color:#333;
	font-weight:bold;
	letter-spacing:-2px;
	position: relative;
	margin-right: -20px;
	}

.selfcheckStep .stepWrap .selfchkStep1 .qAaea DD.qspanChild {
    position: relative;
    padding: 0 0 10px 37px;
    font-size: 14px;
}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea DD {
	position:relative;
	padding:0 0 10px 24px;
	font-size:14px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea DD LABEL{
	display: inline-block;
    width: 105px;
    height: 0px;
    font-size: 14px;
    letter-spacing: -1px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea DD.dy {
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #e5e5e5;;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea DD.dv {
	margin-top:10px;
	}
	
 .selfcheckStep .stepWrap .qAaea DD .chkBox {
	display:inline-block;
	margin-bottom:5px;
	text-align:center;
	background:#eee;
	border:1px solid #ccc;
	}

 .selfcheckStep .stepWrap .qAaea DD .chkBox:hover {
	background:#666;
	border:1px solid #444;
	}

 .selfcheckStep .stepWrap .qAaea DD .chkBox:hover A {
	color:#fff;
	}
	
 .selfcheckStep .stepWrap .qAaea DD .chkBox A {
	display:block;
	min-width:100px;
	padding:10px 0 12px;
	font-size:14px;
	color:#777;
	}

 .selfcheckStep .stepWrap .qAaea DD .chkBox.sq {
	vertical-align:top;
	}

 .selfcheckStep .stepWrap .qAaea DD .chkBox.lg {
	padding:-1 10px;
	}
	
 .selfcheckStep .stepWrap .qAaea DD .chkBox.on {
	background:#f7c541;
	border:1px solid #dea91e;
	}

 .selfcheckStep .stepWrap .qAaea DD .chkBox.on A {
	color:#333;
	font-weight:bold;
	}

 .selfcheckStep .stepWrap .qAaea DD .chkBox.sq A {
	width:60px;
	padding:18px 0 20px;
	}

 .selfcheckStep .stepWrap .qAaea DD .chkBox.aw A {
	width:130px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea DD.dy .tt,
 .selfcheckStep .stepWrap .selfchkStep1 .qAaea DD.dv .tt {
	display:inline-block;
	width:84px;
	}
	
 .selfcheckStep .stepWrap .qAaea DD INPUT[type=text] {
	width:90px;
	height:26px;
	padding:2px;
	padding-left:10px;
	font-family:"맑은 고딕","Malgun Gothic", "나눔고딕", "NanumGothic", "ng", "dotum", "돋움";
	font-size:14px;
	font-weight:bold;
	border:1px solid #999;
	}

 .selfcheckStep .stepWrap .qAaea DD INPUT[type=radio] {
	width: 22px;
	height: 22px;
	padding: 2px;
	border: 1px solid #333;
	vertical-align: middle;
	}

.selfcheckStep .stepWrap .qAaea DD INPUT[type=hidden] {
    width: 22px;
    height: 22px;
    padding: 2px;
    border: 1px solid #333;
    vertical-align: middle;
    display: table-cell;
}

 .selfcheckStep .stepWrap .qAaea DD INPUT[type=checkbox] {
	width:22px;
	height:22px;
	border:1px solid #ccc;
	vertical-align:middle;
	}
	
.selfcheckStep .stepWrap .selfchkStep1 .qAaea DD LABEL.checkLabel {
    display: inline-block;
    width: 200px;
    height: 30px;
    font-size: 14px;
    letter-spacing: -1px;
}
	
 .selfcheckStep .stepWrap .qAaea DD SELECT {
	width:150px;
	height:28px;
	padding:2px;
	border:2px solid #333;
	font-size:14px;
	color:#666;
	font-weight:bold;
	margin-bottom: 2px;
	}

 .selfcheckStep .stepWrap .qAaea #youthHousDd_A_1 SELECT {
	width:75px;
	height:28px;
	padding:2px;
	border:2px solid #333;
	font-size:14px;
	color:#666;
	font-weight:bold;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea DD .calBtn {
	display:inline-block;
	margin-top:8px;
	}

.selfcheckStep .stepWrap .selfchkStep1 .qAaea DD .calBtn A {
	display:inline-block;
	height:20px;
	padding-left:19px;
	background:url("../../images/mbl/content/ico_cal.png") 0 2px no-repeat;
	font-size:13px;
	color:#c89613;
	letter-spacing:-1px;
	vertical-align:middle;
	}	

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q5 DD.dy > SPAN {
	margin-right:50px;
	margin-bottom:5px;
	}
	
 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q5 DD .tt {
	display:inline-block;
	width:84px;
	letter-spacing:-1px;
	}
	
 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q7 DD .tt {
	display:inline-block;
	width:84px;
	letter-spacing:-1px;
	}
	
 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q9 DD .tt {
	display:inline-block;
	width:84px;
	letter-spacing:-1px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q10 DD .tt {
	display:inline-block;
	width:84px;
	letter-spacing:-1px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q11 DD .tt {
	display:inline-block;
	width:84px;
	letter-spacing:-1px;
	}
	
 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q13 DD .tt {
	display:inline-block;
	width:84px;
	letter-spacing:-1px;
	}	

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q14 DD .tt {
	display:inline-block;
	width:84px;
	letter-spacing:-1px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q16 DD .tt {
	display:inline-block;
	width:84px;
	letter-spacing:-1px;
	}
	
 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q17 DD .tt {
	display:inline-block;
	width:84px;
	letter-spacing:-1px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q19 DD .tt {
	display:inline-block;
	width:84px;
	letter-spacing:-1px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q20 DD .tt {
	display:inline-block;
	width:84px;
	letter-spacing:-1px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q22 DD .tt {
	display:inline-block;
	width:84px;
	letter-spacing:-1px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q23 DD .tt {
	display:inline-block;
	width:84px;
	letter-spacing:-1px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q6 DD .tt {
	display:inline-block;
	width:100px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q8 DD .tt {
	display:inline-block;
	width:100px;
	}
	
 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q12 DD .tt {
	display:inline-block;
	width:100px;
	}	

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q15 DD .tt {
	display:inline-block;
	width:100px;
	}	
.divNum {
	position: relative;
    left: -10px;
}
/*  .selfcheckStep .stepWrap .selfchkStep1 .qAaea .q6 DD .tt.lt {
	margin-left:80px;
	} */

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .exBox {
	min-height:100px;
	margin-top:35px;
	padding:25px 20px 30px;
	border:1px solid #e5e5e5;
	background:#f1f1f1;
	}

.selfcheckStep .stepWrap .selfchkStep1 .qAaea .exBox H6 {
	padding-left:17px;
	font-size:14px;
	color:#333;
	font-weight:bold;
	letter-spacing:-2px;
	background:url("../../images/mbl/content/ico_cir_01.gif") 0 3px no-repeat;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .exBox .descrip {
	padding:10px 0;
	font-size:14px;
	margin-left:17px;
	letter-spacing: -1px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .exBox .descrip UL {
	margin-left:18px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .exBox .descrip LI {
	height:20px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .exBox .descrip .spot {
	font-size:13px;
	color:#333;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .exBox .descrip .spot STRONG {
	color:#cc3300;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .exBox .refer {
	display:block;
	padding:5px 0;
	font-size:13px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea .exBox .unit {
	display:block;
	height:20px;
	text-align:right;
	}

 .selfcheckStep .stepWrap .exBox .note {
	margin:0;
	padding:0;
	margin-top:10px;
	padding-left:10px;
	color:#578200;
	}
	
 .selfcheckStep .stepWrap .exBox .btns {
	margin-top:20px;
	text-align:center;
	}

 .selfcheckStep .stepWrap .exBox .btns .mscBtn A {
	height:10px;
	line-height:8px;
	font-size:13px;
	}

 .selfcheckStep .stepWrap .qAaea DD .helpBtn {
	position:absolute;
	right:10px;
	bottom:-25px;
	}

 .selfcheckStep .stepWrap .qAaea DD .helpBtn.ot {
	bottom:20px;
	}

 .selfcheckStep .stepWrap .btns_c {
	padding-bottom:90px;
	text-align:center;
	}

 .selfcheckStep .stepWrap .btns_c .prevBtn A {
	width:100px;
	height:20px;
	line-height:18px;
	font-size:14px;
	}

 .selfcheckStep .stepWrap .btns_c .nextBtn A {
	width:100px;
	/* height:20px; */
	height:auto;
	line-height:18px;
	font-size:14px;
	}
	
 .selfcheckStep .stepWrap .btns_c .saveBtn A {
    width:247px;
    height:20px;
    line-height:18px;
    font-size:14px;
    }

/* 도움말 */
 .selfcheckStep .helpWrap {
	float:right;
	width:320px;
	border:1px solid #ccc;
	border-top:1px solid #3b3b3b;
	}

 .selfcheckStep .helpWrap .help {
	overflow-y:scroll;
	height:153px;
	padding:10px;
	}

 .selfcheckStep .helpWrap .help LI {
	
	}

 .selfcheckStep .helpWrap .help LI A {
	display:block;
	padding:5px;
	font-size:14px;
	}

 .selfcheckStep .helpWrap .help LI A:hover {
	background:#f8e383;
	}
/* 선택내역 */
.selfcheckStep .historyWrap {
	min-height:200px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #3b3b3b;
	}

.selfcheckStep .historyWrap .historyTab {
	overflow:hidden;
	margin:10px;
	text-align:center;
	background:#f5f5f5;
	}

.selfcheckStep .historyWrap .historyTab DIV {
	float:left;
	width:33%;
	}

 .selfcheckStep .historyWrap .historyTab DIV A {
	display:block;
	height:34px;
	line-height:32px;
	margin-right:-1px;
	padding:0 10px;
	font-size:12px;
	border:1px solid #666;
	}
	
 .selfcheckStep .historyWrap .historyTab DIV A.on {
	background:#fff;
	color:#333;
	font-weight:bold;
	border-bottom:1px solid #fff;
	}
	
 .selfcheckStep .historyWrap .history {
	overflow-y:scroll;
	height:300px;
	}

 .selfcheckStep .historyWrap .history UL {
	margin-top:-10px;
	padding:10px;
	}
	
 .selfcheckStep .historyWrap .history LI {
	overflow:hidden;
	height:24px;
	padding:5px;
	background:url("../../images/mbl/content/dotline.png") 0 100% repeat-x;
	}

 .selfcheckStep .historyWrap .history LI .data{
	float:left;
	font-size:14px;
	color:#333;
	font-weight:bold;
	}

 .selfcheckStep .historyWrap .history LI .choice {
	float:right;
	font-size:14px;
	color:#cc310a;
	font-weight:bold;
	}
/* 예상주거복지혜택 */
 .selfcheckStep .historyWrap .ex_benefit {
	padding:10px;
	}

 .selfcheckStep .historyWrap .ex_benefit H6 {
	height:30px;
	font-size:14px;
	color:#666;
	font-weight:bold;
	letter-spacing:-1px;
	}

 .selfcheckStep .historyWrap .ex_benefit UL {
	overflow:hidden;
	}

 .selfcheckStep .historyWrap .ex_benefit LI {
	float:left;
	width:73px;
	height:70px;
	line-height:70px;
	margin-right:0px;
	text-align:center;
	background-color:#fff;
	border-right:1px solid #e5e5e5;
	font-size:14px;
	}

 .selfcheckStep .historyWrap .ex_benefit LI.last {
	margin-right:0;
	}

 .selfcheckStep .historyWrap .ex_benefit LI.on {
	line-height:105px;
	color:#333;
	font-weight:bold;
	background-color:#f7c541;
	background-image:url("../../images/portal/selfcheck/bg_benefit_on.gif");
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:1px solid #f7c541;
	}

 .selfcheckStep .historyWrap .resultBtn {
	padding:10px 0;
	text-align:center;
	background:#f5f5f5;
	border-top:1px solid #e5e5e5;
	}

 .selfcheckStep .historyWrap .resultBtn A {
	height:auto;
	line-height:auto;
	padding:0;
	padding:10px 25px;
	font-size:14px;
	}

/* 스텝-other */
 .selfcheckStep .stepWrap .selfchkStepOther {
	min-height:800px;
	padding-top:10px;
	border:1px solid #ccc;
	}

 .selfcheckStep .stepWrap .selfchkStepOther .qAaea {
	margin:27px;
	padding:0 0 20px 0;
	}

 .selfcheckStep .stepWrap .selfchkStepOther .qAaea DL {
	overflow:hidden;
	}

 .selfcheckStep .stepWrap .selfchkStepOther .qAaea DT {
	float:left;
	width:115px;
	padding:5px 0 0 5px;
	font-size:16px;
	color:#333;
	font-weight:bold;
	line-height:130%;
	letter-spacing:-1px;
	}

 .selfcheckStep .stepWrap .selfchkStepOther .qAaea DD {
	float:right;
	width:650px;
	position:relative;
	padding:0 0 10px 30px;
	font-size:14px;
	border-left:1px solid #e5e5e5;
	}

 .selfcheckStep .stepWrap .selfchkStepOther .qAaea DL.qCk LABEL {
	display:inline-block;
	width:186px;
	height:40px;
	font-size:14px;
	letter-spacing:-2px;
	}

 .selfcheckStep .stepWrap .selfchkStep1 .qAaea DL.qCk LABEL {
	display:inline-block;
	width:230px;
	height:30px;
	font-size:14px;
	letter-spacing:-2px;
	}
	
 .selfcheckStep .stepWrap .selfchkStep1 .qAaea DL.qCk2 LABEL {
	display:-moz-inline-stack;
	display:inline-block;
	width:230px;
	height:40px;
	font-size:12px;
	letter-spacing:-2px;
	line-height:14px;
	}

 .selfcheckStep .stepWrap .selfchkStepOther .qAaea DD .qTit {
	display:block;
	padding-bottom:10px;
	}
	
 .selfcheckStep .stepWrap .selfchkStep1 .qAaea DD .qTit {
	display:block;
	padding-bottom:10px;
	}

 .selfcheckStep .stepWrap .qAaea DD.dd1 {
	padding-bottom:25px;
	}

 .selfcheckStep .stepWrap .qAaea DD.dd2 {
	padding-top:25px;
	border-top:1px solid #eee;
	}

/* 자가진단 결과 */
 .selfcheckStep .resultSummary {
	height:37px;
	line-height:33px;
	margin-top:20px;
	margin-bottom:20px;
	background:#fff;
	/*
	background-image:url("../../images/portal/selfcheck/ico_docu.png");
	background-position:30px 50%;
	background-repeat:no-repeat;
	*/
	font-size:14px;
	color:#333;
	letter-spacing:-2px;
	}

 .selfcheckStep .resultSummary .step_com {
	display:inline-block;
	margin-right:10px;
	padding-left:10px;
	font-size:16px;
	color:#f56946;
	font-weight:bold;
	letter-spacing:-2px;
	}
	
 .selfcheckStep .resultSummary .bya {
	display:inline-block;
	margin:0 2px;
	padding:0px 10px 2px;
	background:#f56946;
	color:#fff;
	font-weight:bold;
	}

.btns_c13 {
	margin:10px;
	text-align:center;
	}
	
SPAN.btn_orange13 {
	display:block;
	margin:0 auto;
	margin-bottom:5px;
	background:#fff;
	background:#f5b846;
	}

SPAN.btn_orange13 A {
	display:inline-block;
	height:24px;
	line-height:20px;
	padding:10px 20px;
	font-size:16px;
	color:#fff;
	letter-spacing:-1px;
	text-align:center;
	text-shadow:none;
	}

SPAN.btn_orange_modifi A {
	display:inline-block;
	height:24px;
	line-height:20px;
/* 	padding:10px 10px; */
	font-size:14px;
	color:#fff;
	letter-spacing:-1px;
	text-align:center;
	text-shadow:none;
	}


/* 결과창 */

.selfcheckStep .stepWrap .resultWin {
	overflow:hidden;
	position:relative;
	border-top:1px solid #ccc;
	}
	
.selfcheckStep .stepWrap .resultWin .headline {
	height:60px;
	line-height:58px;
	padding-left:95px;
	border-bottom:1px solid #e5e5e5;
	font-size:15px;
	color:#333;
	font-weight:bold;
	letter-spacing:-2px;
	background:#f5f5f5;
	}

 .selfcheckStep .stepWrap .resultWin .headline .bya {
	position:absolute;
	top:0;
	left:8px;
	display:block;
	width:76px;
	height:70px;
	padding-top:13px;
	line-height:120%;
	background:url("../../images/mbl/content/bg_selfchk_res.png") 0 0 no-repeat;
	font-size:16px;
	color:#fff;
	letter-spacing:0;
	text-align:center;
	}

 .selfcheckStep .stepWrap .resultWin .headline .bya.ot {
	height:78px;
	padding-top:5px;
	}

 .selfcheckStep .stepWrap .resultWin .headline .foldBtn {
	position:absolute;
	top:17px;
	right:15px;
	}

 .selfcheckStep .stepWrap .resultWin .headline .foldBtn A {
	width:20px;
	height:20px;
	padding:0px 3px 5px;
	}


	
 .selfcheckStep .stepWrap .resultWin .resultView {
	padding:30px 15px 20px 15px;
	}

 .selfcheckStep .stepWrap .resultWin .resultView H6 {
	height:20px;
	line-height:20px;
	padding-left:20px;
	font-size:18px;
	color:#333;
	font-weight:bold;
	letter-spacing:-1px;
	background:url("/images/mbl/content/ico_cir_01.gif") 3px 6px no-repeat;
	}

 .selfcheckStep .stepWrap .resultWin .resultView H6 .note {
	margin-left:5px;
	font-size:13px;
	color:#999;
	font-weight:normal;
	}
	
 .selfcheckStep .stepWrap .resultWin .resultView H7 {
	height:20px;
	line-height:20px;
	padding-left:20px;
	font-size:18px;
	color:#333;
	font-weight:bold;
	letter-spacing:-1px;
	background:url("/images/mbl/content/ico_cir_01_b.gif") 3px 6px no-repeat;
	}

 .selfcheckStep .stepWrap .resultWin .resultView H7 .impt {
	color: #FFFFFF;
    background-color: #2980b9;
    padding: 2px 8px 5px 7px;
    margin-right: 1px;
}	

 .selfcheckStep .stepWrap .resultWin .resultView.nofloat {
	float:none;
	}

 .selfcheckStep .stepWrap .resultWin .resultView .exBox {
	min-height:100px;
	padding:5px 10px 10px;
	background:#fff;
	}

 .selfcheckStep .stepWrap .resultWin .resultView .rr_result {
 	overflow: hidden;
    margin: 10px 0;
    border: 4px solid #f9bb64;
    background: #f8f8f1;
	}
	
 .selfcheckStep .stepWrap .resultWin .resultView .rr_result .rr {
	height: 20px;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    padding: 10px;
    background: #f9bb64;
    color: #fff;
    text-shadow: none;
	}

 .selfcheckStep .stepWrap .resultWin .resultView .hb_result LI {
	height:40px;
	text-align:right;
	padding-right:20px;
	}

 .selfcheckStep .stepWrap .resultWin .resultView .hb_result .dt {
	display:inline-block;
	width:140px;
	margin-right:10px;
	font-size:16px;
	color:#333;
	font-weight:bold;
	text-align:right;
	}
	
.selfcheckStep .stepWrap .resultWin .resultView .hb_result .retxt {
	display:inline-block;
	font-size:18px;
	color:#f1631b;
	font-weight:bold;
	text-align:right;
	}	

 .selfcheckStep .stepWrap .resultWin .resultView .hb_result .dt.wd {
	width:40px;
	}

.selfcheckStep .stepWrap .resultWin .resultView INPUT[type=text] {
	width:100px;
	height:30px;
	padding-right:20px;
	line-height:28px;
	font-size:16px;
	color:#f1631b;
	font-weight:bold;
	text-align:right;
	}	

 .selfcheckStep .stepWrap .resultWin .resultView INPUT[type=radio] {
	width:18px;
	height:18px;
	}

 .selfcheckStep .stepWrap .resultWin .resultView .guideBtn A {
	height:5px;
	line-height:4px;
	font-size:13px;
	font-weight:normal;
	}

.selfcheckStep .stepWrap .metainfo {
	padding:20px 20px 40px 20px;
	text-align:center;
	}

.selfcheckStep .stepWrap .metainfo LI { 
	display:inline; 
	padding:0 5px;
	margin-bottom:5px;
	}

.selfcheckStep .stepWrap .metainfo LI A {
	padding:10px;
	border:1px solid #e5e5e5;
	font-size:13px;
	}

/* 임대주택 검색필터 */
 .selfcheckStep .stepWrap .resultView .filterArea {
	margin-top:20px;
	padding:0px 30px 15px 30px;
	background:#fff;
	text-align:center;
	}

 .selfcheckStep .stepWrap .resultView .filterArea DL {
	overflow:hidden;
	width:auto;
	display:inline-block;
	margin:0 auto;
	}

 .selfcheckStep .stepWrap .resultView .filterArea DT {
	float:left;
	width:auto;
	margin-top:5px;
	padding:0 10px;
	text-align:left;
	font-weight:bold;
	}

 .selfcheckStep .stepWrap .resultView .filterArea DT.hide {
	display:none;
	}
	
 .selfcheckStep .stepWrap .resultView .filterArea DD {
	float:left;
	width:auto;
	padding-right:10px;
	text-align:left;
	}

 .selfcheckStep .stepWrap .resultView .filterArea DD SELECT {
	width:120px;
	height:30px;
	padding:2px;
	border:1px solid #ccc;
	font-size:14px;
	color:#666;
	vertical-align:top;
	}

 .selfcheckStep .stepWrap .resultView .filterArea DD INPUT[type=text] {
	width:200px;
	height:24px;
	line-height:22px;
	padding:2px;
	border:1px solid #ccc;
	font-size:14px;
	color:#666;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	}

 .selfcheckStep .stepWrap .filterArea .searchBtn {
	vertical-align:top;
	}

 .selfcheckStep .stepWrap .filterArea .searchBtn A {
	width:70px;
	height:28px;
	line-height:25px;
	padding:0;
	font-size:14px;
	color:#fff;
	text-align:center;
	}
	
/* 임대주택 검색필터22 */
 .selfcheckStep .stepWrap .nsearchArea {
	padding:10px 10px;
	background:#fff;
	}

 .selfcheckStep .stepWrap .nsearchArea DL {
	overflow:hidden;
	width:auto;
	display:inline-block;
	margin:0 auto;
	}

 .selfcheckStep .stepWrap .nsearchArea DT {
	float:left;
	width:auto;
	margin-top:5px;
	padding:0 10px;
	text-align:left;
	font-weight:bold;
	}

 .selfcheckStep .stepWrap .nsearchArea DT.hide {
	display:none;
	}
	
 .selfcheckStep .stepWrap .nsearchArea DD {
	float:left;
	width:auto;
	padding-right:5px;
	text-align:left;
	}

 .selfcheckStep .stepWrap .nsearchArea DD SELECT {
	width:100px;
	height:30px;
	line-height:18px;
	padding:2px;
	border:1px solid #ccc;
	font-size:14px;
	color:#666;
	vertical-align:top;
	}

 .selfcheckStep .stepWrap .nsearchArea DD INPUT[type=text] {
	width:200px;
	height:24px;
	line-height:22px;
	padding:2px;
	border:1px solid #ccc;
	font-size:14px;
	color:#666;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	}

 .selfcheckStep .stepWrap .nsearchArea .searchBtn {
	vertical-align:top;
	margin-top:0px;
	}

 .selfcheckStep .stepWrap .nsearchArea .searchBtn A {
	width:70px;
	height:10px;
	line-height:10px;
	padding:2px;
	font-size:14px;
	color:#333;
	text-align:center;
	margin-top: .5em;
	margin-bottom: .5em;
	}	

.fTab {
	overflow:hidden;
	background:#fff;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	
	}
	
/* 임대주택 테이블조정 */
 .selfcheckStep .stepWrap .resultRent {
	margin-bottom:20px;
	}

 .selfcheckStep .stepWrap .resultRent TD {
	height:40px;
	line-height:150%;
	padding:0 10px;
	}

	
 .selfcheckStep .stepWrap .resultRent TD.spot {
	font-size:12px;
	color:#333;
	font-weight:bold;
	/*background:url("../../images/portal/content/ico_dot_01.gif") 12px 15px no-repeat;*/
	}

/* 임의 생성 */
.numbChild {
	font-size			: 	19px;
    font-weight			: 	bold;
    line-height			: 	16px;
    letter-spacing		: 	-3px;
    text-align			: 	center;
    color				: 	#CCCCCC;
    float				: 	left;
    margin				: 	0;
    position			: 	absolute;
    top					: 	4px;
    left				: 	-23px;
    width				: 	78px;	
}

.numb {
	font-size			: 	21px;
    font-weight			: 	bold;
    line-height			: 	16px;
    letter-spacing		: 	-3px;
    text-align			: 	center;
    color				: 	#CCCCCC;
    float				: 	left;
    margin				: 	0;
    position			: 	absolute;
    top					: 	3px;
    left				: 	-2px;
    width				: 	17px;
}
.checkTitle {
    height: 35px;
    line-height: 33px;
    padding-left: 20px;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    letter-spacing: -2px;
    background: url(../../images/mbl/content/ico_cir_01.gif) 3px 52% no-repeat;
    position: relative;
    left: -14px;
    margin-bottom: 7px;
}
#content .selfcheckStep .stepWrap .selfchkStep1 .qAaea .numb {
	font-size			: 	21px;
    font-weight			: 	bold;
    line-height			: 	16px;
    letter-spacing		: 	-3px;
    text-align			: 	center;
    color				: 	#CCCCCC;
    float				: 	left;
    margin				: 	0;
    position			: 	absolute;
    top					:	 1px;
    left				: 	-2px;
    width				: 	17px;
}
#content .selfcheckStep .stepWrap .selfchkStep1 .qAaea .qspan{
    position			:	relative;
    padding				: 	0 0 10px 64px;
    font-size			: 	14px;
}
#content .selfcheckStep .stepWrap .selfchkStep1 .qAaea .qChild {
    height				:	53px;
    line-height			: 	43px;
    padding-left		: 	81px;
    font-size			: 	18px;
    color				: 	#333;
    font-weight			: 	bold;
    letter-spacing		: 	-1px;
}
#content .selfcheckStep .stepWrap .selfchkStep1 .qAaea .numbChild {
    font-size: 19px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: -3px;
    text-align: center;
    color: #CCCCCC;
    float: left;
    margin: 0;
    position: absolute;
    top: 4px;
    left: -22px;
    width: 78px;
}
#content .selfcheckStep .stepWrap .selfchkStep1 .qAaea .qspanChild {
    position			: 	relative;
    padding				: 	0 0 10px 132px;
    font-size			: 	14px;
}

.selfcheckStep .stepWrap .selfchkStep1 .qAaea .costBox {
	position: relative;
    padding: 0 0 10px 12px;
    font-size: 14px;
}
.selfcheckStep .stepWrap .selfchkStep1 .qAaea .costBox LABEL {
	font-size: 14px !important;
    position: relative;
    color: black !important;
    top: -10px;
}


/* 행복주택 결과 */
 .selfcheckStep .stepWrap .resultHappy {
	text-align:center;
	}

 .selfcheckStep .stepWrap .resultHappy .guide {
	display:block;
	height:40px;
	font-size:16px;
	}

 .selfcheckStep .stepWrap .resultHappy .guide STRONG {
	color:#009bcb;
	}

/* 결과 없을시 */
 .selfcheckStep .infoWrap .stitle {
	display:block;
	height:32px;
	font-size:16px;
	color:#333;
	font-weight:bold;
	}

 .selfcheckStep .hs {
	display:block;
	font-size:14px;
	color:#666;
	}
	
 .selfcheckStep .infoWrap .hs {
	display:block;
	padding-bottom:30px;
	font-size:14px;
	color:#666;
	}

 .selfcheckStep .wizardLinkList {
	overflow:hidden;
	margin-top:20px;		
	}

 .selfcheckStep .wizardLinkList LI {
	float:left;
	margin-right:10px;
	}
	
SPAN.btn_white {
	display:inline-block;
	background:#fff;
	border:1px solid #ccc;
	}

SPAN.btn_white A {
	display:inline-block;
	height:24px;
	line-height:20px;
	padding:10px 20px;
	color:#666;
	text-align:center;
	}	
	
SPAN.btn_orange {
	display:inline-block;
	background:#f5b846;
	}

SPAN.btn_orange A {
	display:inline-block;
	height:24px;
	line-height:20px;
	padding:10px 20px;
	color:#fff;
	text-align:center;
	}	
	
SPAN.btn_green {
	display:inline-block;
	background:#47c83e;
	}

SPAN.btn_green A {
	display:inline-block;
	height:24px;
	line-height:20px;
	padding:10px 20px;
	color:#fff;
	text-align:center;
	}	
	
.chBtn {
	position:absolute;
	top:75px;
	right:15px;
	border: 1px solid #e5e5e5;
    background: #fff ;
	font-size:14px;
    font-weight: bold;
    color: #333;
    padding:10px;
	}	

/* 2021.03.22 청년가구수 버튼 */
.selfcheckStep .youthBtn {
	margin-left: 27px;
	margin-right: 27px;
	padding: 0 0 28px 0;
}

.selfcheckStep .totalOn {
	background: url(../../images/mbl/content/dotline.png) 0 100% repeat-x;
}

.selfcheckStep .youthBtn a {
	display: block;
    min-width: 100px;
    padding: 10px 0 6px;
}

.selfcheckStep .youthBtn a:hover {
	background-color:#ffd35e;	
}
.selfcheckStep .youthBtn .on{
	background: #f7c541;
    border: 1px solid #dea91e;
}
.selfcheckStep .youthBtn .on A{
	color: #333;
    font-weight: bold;
}
	
	
/*말풍선*/

.selfcheckStep .ballon {
    position: absolute;
    width: 33px;
    height: 16px;
    left: 264px;
    bottom: 47px;
    background: #484848;
    color: white;
    border-radius: 5px;
    padding: 4px 8px 6px;
}


.selfcheckStep .ballon:after {
    border-top: 8px solid #484848;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 0px solid transparent;
    content: "";
    position: absolute;
    top: 26px;
    left: 16px;
}	

.selfcheckStep .ageCkBtn {
   padding-left : 4px;
}

/**/

.youthHousCntr {
	text-align: center;
}

.youthHousCntr #searchBtn{
	background-color: #ffcc00;
}

#showNum li:nth-child(1), #showNum li:nth-child(3){
	position: relative;
    padding: 15px 0 15px 30px;
    background-color: #bbd178;
    font-size: 15px;
    font-weight: bold;
    color: #336600;
    text-shadow: none;
    text-align: center;
}

#showNum li:nth-child(2), #showNum li:nth-child(4){
	margin-bottom: 10px;
    padding: 15px 15px 15px 30px;
    border-top: 1px solid #fff;
    background-color: #f1f1f1;
    font-size: 15px;
    text-shadow: none;
    text-align: center;
}



/* 테이블DL변환css */
.tableDisplay {
	
	}

.tableDL {
	display:none;
	}
		
.tableDL DT {
	margin-top:10px;
	padding:10px 20px;
	background:#ddd;
	font-size:15px;
	color:#333;
	font-weight:bold;
	}

.tableDL DD {
	padding:10px 20px;
	padding-left:30px;
	font-size:14px;
	color:#666;
	font-weight:normal;
	line-height:120%;
	border-bottom:1px solid #e5e5e5;
	background:url("../../images/mbl/content/ico_dot_01.gif") 20px 12px no-repeat;
	}

.tableDL DD.ex {
	padding-left:20px;
	background:none;
	font-size:16px;
	color:#333;
	font-weight:normal;
	}



/* ~ 640px : 모바일 ----------- */
@media only screen 
and (max-width : 640px)
{	
	.tableDisplay {
		display:none;
		}

	.tableDL {
		display:block;
		}
}