@charset "utf-8";

/* 임대주택 아트웍 */
.rhArtwork_01 {
	background-image:url("../../images/portal/myhomeinfo/artwork/renthouse_art_01.jpg");
	background-position:0 0; 
	background-repeat:no-repeat;
	}

.rhArtwork_02 {
	background-image:url("../../images/portal/myhomeinfo/artwork/renthouse_art_02.jpg");
	background-position:0 0; 
	background-repeat:no-repeat;
	}

.rhArtwork_03 {
	background-image:url("../../images/portal/myhomeinfo/artwork/renthouse_art_03.jpg");
	background-position:0 10px; 
	background-repeat:no-repeat;
	}

.rhArtwork_04 {
	background-image:url("../../images/portal/myhomeinfo/artwork/renthouse_art_04.jpg");
	background-position:0 10px; 
	background-repeat:no-repeat;
	}

.rhArtwork_05 {
	background-image:url("../../images/portal/myhomeinfo/artwork/renthouse_art_05.jpg");
	background-position:0 0; 
	background-repeat:no-repeat;
	}

.rhArtwork_06 {
	background-image:url("../../images/portal/myhomeinfo/artwork/renthouse_art_06.jpg");
	background-position:0 50px; 
	background-repeat:no-repeat;
	}

.rhArtwork_07 {
	background-image:url("../../images/portal/myhomeinfo/artwork/renthouse_art_07.jpg");
	background-position:0 0; 
	background-repeat:no-repeat;
	}
	
.rhArtwork_08 {
	background-image:url("../../images/portal/myhomeinfo/artwork/renthouse_art_08.jpg");
	background-position:0 10px; 
	background-repeat:no-repeat;
	}
	
.rhArtwork_09 {
	background-image:url("../../images/portal/myhomeinfo/artwork/renthouse_art_09.jpg");
	background-position:0 10px;  
	background-repeat:no-repeat;
	}
	
.rhArtwork_10 {
	background-image:url("../../../../../images/portal/myhomeinfo/artwork/boon_main_title.jpg");
	background-position:0 10px; 
	background-repeat:no-repeat;
	}
	
.rhArtwork_11 {
	background-image:url("../../images/portal/myhomeinfo/artwork/renthouse_art_10.jpg");
	background-position:0 10px; 
	background-repeat:no-repeat;
	}	
.rhArtwork_12 {
	background-image:url("../../images/portal/myhomeinfo/artwork/finance_art_12.jpg");
	background-position:0 50px; 
	background-repeat:no-repeat;
	}
.rhArtwork_01 .financeIntro,
.rhArtwork_02 .financeIntro,
.rhArtwork_03 .financeIntro,
.rhArtwork_04 .financeIntro,
.rhArtwork_05 .financeIntro,
.rhArtwork_06 .financeIntro,	
.rhArtwork_07 .financeIntro,
.rhArtwork_08 .financeIntro,
.rhArtwork_09 .financeIntro,
.rhArtwork_10 .financeIntro,
.rhArtwork_11 .financeIntro,
.rhArtwork_12 .financeIntro  {
	height:338px;	
	}


/* 주거급여 아트웍 */
.jooArtwork {
	background-image:url("../../images/portal/myhomeinfo/artwork/joo_main.jpg");
	background-position:right bottom; 
	background-repeat:no-repeat;
	}

.jooArtwork_01 {
	background-image:url("../../images/portal/myhomeinfo/artwork/joo_art_01.jpg");
	background-position:100% 80%; 
	background-repeat:no-repeat;
	}

.jooArtwork_02 {
	background-image:url("../../images/portal/myhomeinfo/artwork/joo_art_02.jpg");
	background-position:100% 100%;
	background-repeat:no-repeat;
	}

.jooArtwork_04{
	background-image:url("../../images/portal/myhomeinfo/artwork/joo_art_04.jpg");
	background-position:100% 100%;
	background-repeat:no-repeat;
	}

.jooArtwork_01 .financeIntro,	
.jooArtwork_02 .financeIntro {
	height:308px;	
	}
		
/* 주택금융 아트웍 */
.hbArtwork {
	background-image:url("../../images/portal/myhomeinfo/artwork/hb_main.jpg");
	background-position:right bottom; 
	background-repeat:no-repeat;
	}

.hbArtwork_01 {
	background-image:url("../../images/portal/myhomeinfo/artwork/finance_art_01.jpg");
	background-position:90% 80%;
	background-repeat:no-repeat;
	}

.hbArtwork_02 {
	background-image:url("../../images/portal/myhomeinfo/artwork/finance_art_02.jpg");
	background-position:90% 80%;
	background-repeat:no-repeat;
	}

.hbArtwork_03 {
	background-image:url("../../images/portal/myhomeinfo/artwork/finance_art_03.jpg");
	background-position:90% 80%;
	background-repeat:no-repeat;
	}


.hbArtwork_04 {
	background-image:url("../../images/portal/myhomeinfo/artwork/finance_art_04.jpg");
	background-position:90% 80%;
	background-repeat:no-repeat;
	}


.hbArtwork_05 {
	background-image:url("../../images/portal/myhomeinfo/artwork/finance_art_05.jpg");
	background-position:90% 80%;
	background-repeat:no-repeat;
	}


.hbArtwork_06 {
	background-image:url("../../images/portal/myhomeinfo/artwork/finance_art_06.jpg");
	background-position:100% 50%;
	background-repeat:no-repeat;
	}


.hbArtwork_07 {
	background-image:url("../../images/portal/myhomeinfo/artwork/finance_art_07.jpg");
	background-position:95% 90%;
	background-repeat:no-repeat;
	}

.hbArtwork_08 {
	background-image:url("../../images/portal/myhomeinfo/artwork/finance_art_08.jpg");
	background-position:95% 90%;
	background-repeat:no-repeat;
	}

.hbArtwork_09 {
	background-image:url("../../images/portal/myhomeinfo/artwork/finance_art_09.jpg");
	background-position:95% 90%;
	background-repeat:no-repeat;
	}

.hbArtwork_10 {
	background-image:url("../../images/portal/myhomeinfo/artwork/finance_art_10.jpg");
	background-position:95% 90%;
	background-repeat:no-repeat;
	}
	
.hbArtwork_11 {
	background-image:url("../../images/portal/myhomeinfo/artwork/boon_main_title.jpg");
	background-position:95% 90%;
	background-repeat:no-repeat;
	}	
	
.hbArtwork_01 .financeIntro,
.hbArtwork_02 .financeIntro,
.hbArtwork_03 .financeIntro,
.hbArtwork_04 .financeIntro,
.hbArtwork_05 .financeIntro,	
.hbArtwork_07 .financeIntro,
.hbArtwork_08 .financeIntro,
.hbArtwork_09 .financeIntro,
.hbArtwork_10 .financeIntro,
.hbArtwork_11 .financeIntro {
	height:358px;	
	}

/* 주거복지사 아트웍 */
.jsArtwork {
	background-image:url("../../images/portal/myhomeinfo/artwork/js_main.jpg");
	background-position:right bottom; 
	background-repeat:no-repeat;
	}


/* 임대사업자 아트웍 */
.rbArtwork {
	background-image:url("../../images/portal/myhomeinfo/artwork/jo_main.jpg");
	background-position:right bottom; 
	background-repeat:no-repeat;
	}

/* 주거지원 아트웍 */
.jjArtwork_01 {
	background-image:url("../../images/portal/myhomeinfo/artwork/jj_main2.jpg");
	background-position:right bottom; 
	background-repeat:no-repeat;
	}

.jjArtwork_02 {
	background-image:url("../../images/portal/myhomeinfo/artwork/jj_main.jpg");
	background-position:right bottom; 
	background-repeat:no-repeat;
	}
	
.jjArtwork_03 {
	background-image:url("../../images/portal/myhomeinfo/artwork/jj_main3.jpg");
	background-position:right bottom; 
	background-repeat:no-repeat;
	}

.jjArtwork_01 .financeIntro,
.jjArtwork_02 .financeIntro,
.jjArtwork_03 .financeIntro {
	height:350px;	
	}
	

	
/* 서브탭메뉴 조정 */
#container .subWrap .subInfo UL.sMenu LI H3 A {	
	padding:0 11px;
	}

/* 안내 상단 */
#content .introHeadline {
	display:inline-block;
	width:1140px;
	height:180px;
	padding:36px 0 0 50px;
	margin-top:72px;
	}

#content .introHeadline.vis1 {
	background-color:#c9e0e8;
	background-image:url("../../images/portal/myhomeinfo/vis01.gif");
	background-position:90% 50%; 
	background-repeat:no-repeat;
	}

#content .introHeadline .guide {
	display:block;
	margin-bottom:30px;
	font-size:16px;
	line-height:120%;
	}

#content .introHeadline H4 {
	font-size:40px;
	color:#333;
	font-weight:bold;
	letter-spacing:-3px;
	}

#content .introHeadline H4 STRONG {
	color:#1d8db2;
	}

/* 안내 탭 */
#content .introTab {
	margin:40px 0 50px 0;
	text-align:center;
	}

#content .introTab LI {
	display:inline-block;
	/* *display:inline;
	*zoom:1; */
	}
	
#content .introTab2 LI {
    font-size: 21px;
    margin: 30px 485px;
    text-align: center;
    border-bottom:4px solid #333;
	color:#333;
	font-weight:bold;
	letter-spacing:-1px;
	padding:10px 11px;
	}

#content .introTab LI A {
	display:block;
	height:50px;
	line-height:48px;
	padding:0 10px;
	border-bottom:4px solid #e5e5e5;
	font-size:18px;
	letter-spacing:-1px;
	}

#content .introTab.ssize LI A {
	display:block;
	height:50px;
	line-height:48px;
	padding:0 15px;
	border-bottom:4px solid #e5e5e5;
	font-size:18px;
	letter-spacing:-1px;
	}

#content .introTab LI A.on {
	border-bottom:4px solid #333;
	color:#333;
	font-weight:bold;
	}

#content .introTab LI A:hover {
	border-bottom:4px solid #333;
	color:#333;
	font-weight:bold;
	}

/* 간격조정CSS */
#content .infoWrap .mt10 { margin-top:10px; }
#content .infoWrap .mb10 { margin-bottom:10px; }
#content .infoWrap .mt20 { margin-top:20px; }
#content .infoWrap .mt40 { margin-top:40px; }
#content .infoWrap .mb20 { margin-bottom:20px; }
#content .infoWrap .ml20 { margin-left:20px; }
#content .infoWrap .ml40 { margin-left:40px; }
#content .infoWrap .pl20 { padding-left:20px; }
#content .infoWrap .pl40 { padding-left:40px; }

/* 안내 컨텐츠 */
#content .infoWrap {
	overflow:hidden;
	margin-bottom:40px;
	}

#content .infoWrap H5 {
	height:50px;
	line-height:50px;
	padding-left:22px;
	font-size:21px;
	color:#333;
	font-weight:bold;
	letter-spacing:-2px;
	background:url("../../images/portal/content/ico_cir_01.gif") 3px 52% no-repeat;
	}

/* 주거급여 메인 */
#content .infoWrap .jooMain {
	height:480px; 
	padding:10px;
	font-size:16px;
	color:#333;
	line-height:130%;
	border-bottom:1px solid #e5e5e5;
	}

#content .infoWrap .jooMain H5 {
	margin-bottom:10px;
	padding:0;
	font-size:30px;
	color:#333;
	font-weight:bold;
	background:none;
	}

#content .infoWrap .jooMain H5 STRONG {
	color:#1d9eb2;
	}
	
#content .infoWrap .jooMain .intro {
	margin-bottom:10px;
	font-size:20px;
	line-height:130%;
	}

#content .infoWrap .jooMain .introOl {
	margin-top:20px;
	}

#content .infoWrap .jooMain .introOl H6 {
	margin-bottom:10px;
	font-size:18px;
	color:#cc3300;
	font-weight:bold;
	}

#content .infoWrap .jooMain .introOl LI {
	margin-bottom:5px;
	font-size:18px;
	color:#333;
	font-weight:bold;
	letter-spacing:-1px;
	}

#content .infoWrap .jooMain .introOl LI .note {
	display:block;
	margin-top:5px;
	padding-left:20px;
	font-size:14px;
	color:#578200;
	font-weight:normal;
	letter-spacing:0;
	}

/* 주택금융 메인 */
#content .infoWrap .financeMain {
	height:480px; 
	padding:10px;
	font-size:16px;
	color:#333;
	line-height:130%;
	border-bottom:1px solid #e5e5e5;
	}

#content .infoWrap .financeMain H5 {
	margin-bottom:10px;
	padding:0;
	font-size:30px;
	color:#333;
	font-weight:bold;
	background:none;
	}

#content .infoWrap .financeMain H5 STRONG {
	color:#1d9eb2;
	}
	
#content .infoWrap .financeMain .intro {
	margin-bottom:10px;
	font-size:20px;
	line-height:130%;
	}

/* 임대사업자 메인 */
#content .infoWrap .rbMain {
	height:480px; 
	padding:10px;
	font-size:16px;
	color:#333;
	line-height:130%;
	border-bottom:1px solid #e5e5e5;
	}

#content .infoWrap .rbMain H5 {
	margin-bottom:10px;
	padding:0;
	font-size:30px;
	color:#333;
	font-weight:bold;
	background:none;
	}

#content .infoWrap .rbMain H5 STRONG {
	/*color:#1d9eb2;*/
	color:#f29c06;
	}
	
#content .infoWrap .rbMain .intro {
	margin-bottom:10px;
	font-size:20px;
	line-height:130%;
	}

/* 주거복지사 메인 */
#content .infoWrap .jsMain {
	height:480px; 
	padding:10px;
	font-size:16px;
	color:#333;
	line-height:130%;
	border-bottom:1px solid #e5e5e5;
	}

#content .infoWrap .jsMain H5 {
	margin-bottom:10px;
	padding:0;
	font-size:30px;
	color:#333;
	font-weight:bold;
	background:none;
	}

#content .infoWrap .jsMain H5 STRONG {
	color:#f29c06;
	}
	
#content .infoWrap .jsMain .intro {
	margin-bottom:10px;
	font-size:20px;
	line-height:130%;
	}

/* 헤드라인 */
#content .infoWrap .introTitle {
	padding:30px;
	background:#fff;
	border:1px solid #ccc;
	font-size:16px;
	color:#333;
	line-height:130%;
	}

#content .infoWrap .introTitle.joo {
	background:url("../../images/portal/myhomeinfo/bg_joo.jpg") 95% 9px no-repeat;
	}

#content .infoWrap .introTitle .intro {
	margin-bottom:10px;
	font-size:20px;
	line-height:130%;
	}

#content .infoWrap .introTitle .intro STRONG {
	color:#333;
	}

#content .infoWrap .introTitle .introOl {
	margin-top:20px;
	}

#content .infoWrap .introTitle .introOl H6 {
	margin-bottom:10px;
	font-size:18px;
	color:#cc3300;
	font-weight:bold;
	}

#content .infoWrap .introTitle .introOl LI {
	margin-bottom:5px;
	font-size:18px;
	color:#333;
	font-weight:bold;
	letter-spacing:-1px;
	}

#content .infoWrap .introTitle .introOl LI .note {
	display:block;
	margin-top:5px;
	padding-left:20px;
	font-size:14px;
	color:#578200;
	font-weight:normal;
	letter-spacing:0;
	}

/* 최상단 박스 */
#content .infoWrap .renthouseIntro,
#content .infoWrap .financeIntro {
	margin-top:10px;
	padding:30px 40px;
	border:1px solid #ccc;
	font-size:16px;
	color:#333;
	line-height:130%;
	}

#content .infoWrap .renthouseIntro H5,
#content .infoWrap .financeIntro H5 {
	height:30px;
	line-height:30px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:0px;
	font-size:30px;
	color:#333;
	font-weight:bold;
	letter-spacing:-2px;
	background:none;
	}

#content .infoWrap .renthouseIntro .intro,
#content .infoWrap .financeIntro .intro {
	font-size:20px;
	line-height:130%;
	}

#content .infoWrap .renthouseIntro .hs,
#content .infoWrap .financeIntro .hs {
	display:block;
	font-size:20px;
	color:#cc6600;
	letter-spacing:-1px;
	line-height:130%;
	}

#content .infoWrap .renthouseIntro .desc,
#content .infoWrap .financeIntro .desc {
	overflow:hidden;
	padding:30px 0 0 0;
	/*border-bottom:1px solid #e5e5e5;*/
	}

#content .infoWrap .renthouseIntro .desc.noline,
#content .infoWrap .financeIntro .desc.noline {
	border-bottom:none;
	}

#content .infoWrap .renthouseIntro .desc DT,
#content .infoWrap .financeIntro .desc DT {
	clear:both;
	float:left;
	width:80px;
	height:30px;
	color:#333;
	font-weight:bold;
	}

#content .infoWrap .renthouseIntro .desc DD,
#content .infoWrap .financeIntro .desc DD {
	float:left;
	color:#666;
	}
/* 적격대출 */
#content .infoWrap .financeIntro .desc.ex {
	border-bottom:none;
	}

#content .infoWrap .financeIntro .desc.ex DT {
	width:180px;
	}
/* 주택연금 */
#content .infoWrap .financeIntro .desc.ex2 {
	border-bottom:none;
	}

#content .infoWrap .financeIntro .desc.ex2 .bb {
	float:left;
	width:250px;
	height:150px;
	margin-right:15px;
	margin-bottom:15px;
	border:1px solid #e5e5e5;
	}

#content .infoWrap .financeIntro .desc.ex2 .bb.clr {
	clear:both;
	}

#content .infoWrap .financeIntro .desc.ex2 .bb .bbt {
	padding:10px;
	border-bottom:1px solid #e5e5e5;
	background:#f5f5f5;
	font-size:15px;
	color:#333;
	font-weight:bold;
	}

#content .infoWrap .financeIntro .desc.ex2 .bb .bbc {
	padding:10px;
	text-align:center;
	}

#content .infoWrap .financeIntro .desc.ex2 .bb .bbc.al {
	text-align:left;
	}

#content .infoWrap .financeIntro .desc.ex2 .bb .bbc .bbBtn {
	margin-top:10px;
	}

#content .infoWrap .financeIntro .desc.ex2 .bb .bbc .bbBtn A {
	width:150px;
	height:10px;
	line-height:8px;
	font-size:13px;
	}

#content .infoWrap .financeIntro .desc.ex2 .bb .bbc .call {
	display:block;
	margin-top:20px;
	font-size:30px;
	color:#cc0000;
	font-weight:bold;
	}

#content .infoWrap .financeIntro .calBtn {
	margin-top:20px;
	} 

#content .infoWrap .financeIntro .ftype {
	overflow:hidden;
	margin-top:20px;
	}

#content .infoWrap .financeIntro .ftype .info {
	float:left;
	width:210px;
	margin-right:10px;
	padding:15px;
	border:1px solid #e5e5e5;
	font-size:14px;
	}

#content .infoWrap .financeIntro .ftype .info .type {
	display:block;
	margin-bottom:5px;
	color:#333;
	font-weight:bold;
	}

#content .infoWrap .financeIntro .ftype .info .con {
	margin-left:2px;
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:13px;
	color:#666;
	border-bottom:1px solid #e5e5e5;
	}

#content .infoWrap .financeIntro .ftype .calBtn {
	margin:0 auto;
	margin-left:15px;
	} 

#content .infoWrap .financeIntro .ftype .calBtn A {
	height:10px;
	line-height:8px;
	font-size:13px;
	} 


/* 기본 UL형식*/
#content .infoWrap .listBasic {
	margin-top:10px;
	}

#content .infoWrap .listBasic H6 {
	font-size:18px;
	color:#cc3300;
	font-weight:bold;
	}

#content .infoWrap .listBasic LI {
	margin-top:20px;
	margin-left:15px;
	line-height:130%;
	}

#content .infoWrap .listBasic LI STRONG {
	color:#cc3300;
	}

#content .infoWrap .listBasic UL LI {
	margin-bottom:10px;
	padding-left:20px;
	font-size:17px;
	color:#555;
	font-weight:bold;
	background:url("../../images/portal/content/ico_dot_03.gif") 5px 9px no-repeat;
	}
#content .infoWrap .listBasic UL LI .image-box {
	margin: 30px;
    width: 1000px;
    height: 220px;
    background:url("../../images/portal/content/ico_info_img09.png") no-repeat;
    background-size: contain;
    background-position: center;
}
#content .infoWrap .listBasic .bakgudNone {
	background:none;
	}
	
#content .infoWrap .listBasic .listInner .bakgud {
	padding-left:20px;
	background:url("../../images/portal/content/ico_dot_03.gif") 5px 9px no-repeat;
	}

#content .infoWrap .listBasic .bakgudNone UL.listInner LI.pdlf1{
	padding-left:20px;
	}

#content .infoWrap .listBasic .bakgudNone UL.listInner LI.pdlf2 {
	padding-left:48px;
	}

#content .infoWrap .listBasic OL LI {
	margin-bottom:10px;
	font-size:16px;
	color:#333;
	}

#content .infoWrap .listBasic.nochild LI {
	
	}

#content .infoWrap .listBasic LI UL.listInner {
	margin-top:10px;
	}

#content .infoWrap .listBasic LI UL.listInner LI {
	margin-top:10px;
	margin-left:0;
	padding-left:0px;
	background:none;
	color:#333;
	font-weight:normal;
	}
/* 불릿없는 LI */
#content .infoWrap .listBasic.nobull UL LI {
	margin-bottom:10px;
	padding-left:10px;
	font-size:17px;
	color:#555;
	font-weight:bold;
	background:none;
	}

#content .infoWrap .listBasic.nobull LI UL.listInner LI {
	margin-top:10px;
	margin-left:0;
	padding-left:10px;
	background:none;
	color:#333;
	font-weight:normal;
	}

#content .infoWrap .listBasic LI UL.listInner LI .wfix1 {
	width:80px;
	}

#content .infoWrap .listBasic LI UL.listInner LI .wfix2 {
	display:inline-block;
	width:150px;
	}

#content .infoWrap .listBasic LI UL.listInner LI .wfix3 {
	display:inline-block;
	width:150px;
	}

#content .infoWrap .listBasic LI UL.listInner LI .wfix4 {
	display:inline-block;
	width:150px;
	}

#content .infoWrap .listBasic LI UL.listInner p.list {
	margin:10px 0;
	padding-left:5px;
	background:none;
	font-size:15px;
	color:#666;
	font-weight:normal;
	line-height:150%;
	}

#content .infoWrap .listBasic LI UL.listInner span.list {
	display:block;
	margin:5px 0 10px 0;
	padding-left:15px;
	background:none;
	font-size:15px;
	color:#666;
	font-weight:normal;
	line-height:150%;
	}

#content .infoWrap .listBasic LI UL.listInner p.list STRONG,
#content .infoWrap .listBasic LI UL.listInner span.list STRONG {
	color:#333;
	}

/* 박스타입 리스트 */
#content .infoWrap .listBasic .boxlist {
	overflow:hidden;
	}

#content .infoWrap .listBasic .boxlist LI {
	float:left;
	width:18%;
	padding:30px;
	border:1px solid #e1e1e1;
	text-align:center;
	background:none;
	letter-spacing:-1px;
	}



/* note 설정 */
#content .infoWrap .note {
	clear:both;
	display:block;
	margin:10px 0;
	font-size:14px;
	color:#578200;
	}

#content .infoWrap .note.inline {
	display:inline-block;
	margin:0;	
	margin-left:15px;
	}

#content .infoWrap .listBasic LI .note {
	margin-top:5px;
	font-size:14px;
	color:#578200;
	font-weight:normal;
	}

#content .infoWrap .note A {
	font-size:14px;
	color:#578200;
	font-weight:bold;
	}

#content .infoWrap .note.in {
	margin-top:3px;
	padding-left:13px;
	}

#content .infoWrap .note.not {
	margin-top:0px;
	}

#content .infoWrap .note.nob {
	margin-bottom:0px;
	}

#content .infoWrap .note.ar{
	text-align:right;
	}

/* DIV 컨트롤 */
#content .infoWrap .contr {
	display:block;
	line-height:150%;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	}

#content .infoWrap .contr.mt5 {
	margin-top:5px;
	}

#content .infoWrap .contr.mt20 {
	margin-top:20px;
	}

#content .infoWrap .contr.mt40 {
	margin-top:40px;
	}

#content .infoWrap .contr.ml5 {
	margin-left:5px;
	}

#content .infoWrap .contr.ml10 {
	margin-left:10px;
	}

#content .infoWrap .contr.ml15 {
	margin-left:15px;
	}

#content .infoWrap .contr.ml20 {
	margin-left:20px;
	}

#content .infoWrap .contr.ml25 {
	margin-left:25px;
	}

#content .infoWrap .contr.mb20 {
	margin-bottom:20px;
	}

#content .infoWrap .contr.mb40 {
	margin-bottom:40px;
	}

#content .infoWrap .contr.fs13 {
	font-size:13px;
	color:#666;
	}

#content .infoWrap .contr.fs14 {
	font-size:14px;
	color:#666;
	}

#content .infoWrap .contr.fs15 {
	font-size:15px;
	color:#666;
	}

#content .infoWrap .contr.exceptype1 {
	width:654px;
	margin:0 auto;
	margin-top:40px;
	}

/* 기타설정 */
#content .infoWrap .noLi {
	display:block;
	padding:10px 5px;
	font-size:17px;
	color:#333;
	font-weight:bold;
	}	

#content .infoWrap .alink {
	display:block;
	margin:10px 0;
	font-size:16px;
	color:#0099ff;
	font-weight:bold;
	}

#content .infoWrap .unit {
	display:block;
	margin-bottom:5px;
	font-size:12px;
	color:#666;
	font-weight:normal;
	text-align:right;
	}

#content .infoWrap .imagearea {
	overflow:hidden;
	position:relative;
	padding:30px;
	border:1px solid #e5e5e5;
	text-align:center;
	}

#content .infoWrap .imagearea .fleft{
	float:left;
	margin-right:30px;
	}

#content .infoWrap .imagearea .imageguide {
	position:absolute;
	top:40px;
	left:40px;
	}

#content .infoWrap .imagearea .imageguide LI {
	font-weight:bold;
	text-align:left;
	}

#content .infoWrap TABLE {
	clear:both;
	}

#content .infoWrap SPAN.warningmessage {
	display:block;
	margin-top:5px;
	font-size:14px;
	color:#cc0000;
	font-weight:normal;
	}
	
#content TABLE .tdbox {
	display:block;
	text-align:left;
	}

#content TABLE .vtop {
	vertical-align:top;
	}

/* 인포박스 */
#content .infoWrap .infoBox {
	padding:20px;
	background:#f0f0f0;
	}

#content .infoWrap .infoBox H6 {
	height:35px;
	padding-left:25px;
	background:url("../../images/portal/myhomeinfo/ico_notice.gif") 0 2px no-repeat;
	border-bottom:1px solid #ccc;
	font-size:17px;
	color:#ff6600;
	font-weight:normal;
	line-height:100%;
	}

#content .infoWrap .infoBox .content {
	padding:20px 0 20px;
	font-size:16px;
	color:#333;
	font-weight:normal;
	}
	
#content .infoWrap .infoBox SPAN.listStrong {
	color:#333;
	font-weight:bold;
	}

#content .infoWrap .infoBox .content LI {
	margin:0;
	padding:8px 0;
	font-weight:normal;
	}

#content .infoWrap .infoBox .content LI .re {
	display:block;
	margin-bottom:5px;
	font-size:16px;
	color:#ae8312;
	}

#content .infoWrap .infoBox .infoBtn A {
	padding:5px 15px;
	font-size:14px;
	color:#fff;
	font-weight:normal;
	}

/* 화이트 박스(부정수급경고) */
#content .infoWrap .wBox {
	padding:30px;
	border:1px solid #e5e5e5;
	}

#content .infoWrap .wBox.warning {
	height:50px;
	padding-left:120px;
	background:url("../../images/portal/myhomeinfo/ico_warn.png") 35px 50% no-repeat;
	}

#content .infoWrap .wBox.warning .warnmessage {
	font-size:18px;
	color:#cc6600;
	font-weight:bold;
	letter-spacing:-1px;
	}

#content .infoWrap .wBox.warning .link {
	display:block;
	height:40px;
	line-height:40px;
	}

#content .infoWrap .wBox.warning .link A {
	font-size:14px;
	color:#0076a3;
	text-decoration:underline;
	}

/* 화이트 박스(상/하단정보) */
#content .infoWrap .wBox LI {
	height:30px;
	line-height:30px;
	margin-right:40px;
	font-size:16px;
	color:#333;
	background:none;
	}

#content .infoWrap .wBox LI STRONG {
	color:#ff6633;
	}

#content .infoWrap .wBox.inline {
	text-align:center;
	}

#content .infoWrap .wBox.inline.noline {
	border:none;
	border-bottom:1px solid #e5e5e5;
	}

#content .infoWrap .wBox.inline LI {
	display:inline-block;
	height:50px;
	line-height:40px;
	margin-right:40px;
	font-size:18px;
	color:#333;
	background:none;
	}

#content .infoWrap .wBox.inline LI.l1 {
	padding-left:70px;
	background:url("../../images/portal/myhomeinfo/ico_center.gif") 0 50% no-repeat;
	}

#content .infoWrap .wBox.inline LI.l2 {
	padding-left:70px;
	background:url("../../images/portal/myhomeinfo/ico_site.gif") 0 50% no-repeat;
	}

#content .infoWrap .wBox.inline LI STRONG {
	color:#cc6600;
	}

#content .infoWrap .wBox.inline LI A {
	font-size:14px;
	color:#0076a3;
	}

/* 그레이박스(부정수급신고) */
#content .infoWrap .grayBox {
	overflow:hidden;
	padding:10px;
	border:3px solid #e6e6e6;
	background:#f9f9f9;
	}

#content .infoWrap .content {
	padding:20px;
	font-size:16px;
	line-height:150%;
	}

#content .infoWrap .grayBox IMG {
	float:left;
	}	

#content .infoWrap .grayBox .denytx {
	float:left;
	margin:30px 0 0 20px;
	font-size:16px;
	line-height:150%;
	}	

#content .infoWrap .grayBox .content STRONG,
#content .infoWrap .grayBox .denytx STRONG {
	color:#cc6600;
	}	
/* 그레이박스 공급기관안내박스 */
#content .infoWrap .grayBox.govinfo  .tt {
	float:left;
	display:inline-block;
	margin-right:15px;
	padding:10px 15px;
	background:#eee;
	text-align:center;
	font-size:14px;
	color:#333;
	line-height:130%;
	}

#content .infoWrap .grayBox.govinfo .con {
	float:left;
	}

#content .infoWrap .grayBox.govinfo .spot {
	display:block;
	margin-bottom:7px;
	font-size:18px;
	color:#333;
	font-weight:bold;
	}

#content .infoWrap .grayBox.govinfo .leftLi LI {
	display:inline-block;
	height:40px;
	line-height:40px;
	margin-top:10px;
	margin-left:20px;
	padding-left:20px;
	font-size:15px;
	color:#333;
	border-left:1px solid #e5e5e5;
	}

#content .infoWrap .grayBox.govinfo .leftLi LI STRONG {
	font-size:20px;
	color:#005da4;
	}
	
#content .infoWrap .grayBox.govinfo .leftLi LI IMG {
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
	}

#content .infoWrap .grayBox.govinfo .leftLi LI A {
	font-size:13px;
	color:#03abf6;
	}
	
/* 스팟박스 */
#content .infoWrap .spotBox {
	overflow:hidden;
	margin:10px 0;
	padding:20px;
	border:4px solid #f9bb64;
	background:#f8f8f1;
	}

#content .infoWrap .spotBox .tt {
	float:left;
	display:inline-block;
	margin-right:15px;
	padding:10px 15px;
	background:#f9bb64;
	text-align:center;
	font-size:17px;
	color:#333;
	font-weight:bold;
	line-height:130%;
	}

#content .infoWrap .con {
	float:left;
	}

#content .infoWrap .spotBox .spot {
	display:block;
	margin-bottom:7px;
	font-size:18px;
	color:#333;
	font-weight:bold;
	}

#content .infoWrap .spotBox .leftLi LI {
	margin-top:10px;
	}

#content .infoWrap .spotBox .leftLi LI {
	display:inline-block;
	height:40px;
	line-height:40px;
	margin-left:20px;
	padding-left:20px;
	font-size:15px;
	color:#333;
	border-left:1px solid #e5e5e5;
	}

#content .infoWrap .spotBox .leftLi LI IMG {
	vertical-align:middle;
	}

#content .infoWrap .spotBox .leftLi LI A {
	font-size:13px;
	color:#03abf6;
	}


/* 예시박스 */
#content .infoWrap .examBox {
	position:relative;
	margin:10px 0;
	padding:20px 20px 20px 60px;
	border:4px solid #f9bb64;
	background:#f8f8f1;
	}

#content .infoWrap .examBox .exam {
	position:absolute;
	top:0px;
	left:-20px;
	width:66px;
	height:79px;
	background:url("../../images/portal/myhomeinfo/ico_exam.png") 0 0 no-repeat;
	text-indent:-9999px;
	}

#content .infoWrap .examBar {
	position:relative;
	margin:10px 0;
	padding:30px 20px 10px 70px;
	font-size:20px;
	color:#333;
	}

#content .infoWrap .examBar .exam {
	position:absolute;
	top:0px;
	left:0px;
	width:66px;
	height:79px;
	background:url("../../images/portal/myhomeinfo/ico_exam.png") 0 0 no-repeat;
	text-indent:-9999px;
	}

#content .infoWrap .exam.exnm1 {
	background:url("../../images/portal/myhomeinfo/ico_exam.png") 0 0 no-repeat;
	}

#content .infoWrap .exam.exnm2 {
	background:url("../../images/portal/myhomeinfo/ico_exam.png") 0 0 no-repeat;
	}
	
#content .infoWrap .exam.exnm3 {
	background:url("../../images/portal/myhomeinfo/ico_exam.png") 0 0 no-repeat;
	}

#content .infoWrap .exam.exnm4 {
	background:url("../../images/portal/myhomeinfo/ico_exam.png") 0 0 no-repeat;
	}

#content .infoWrap .exam.exnm5 {
	background:url("../../images/portal/myhomeinfo/ico_exam.png") 0 0 no-repeat;
	}
	
/* 버튼 나열하기 */
#content .infoWrap .btns_inline {
	overflow:hidden;
	margin:0;
	margin-top:20px;
	}

#content .infoWrap .btns_inline UL LI {
	float:left;
	margin:0;
	padding-left:5px;
	background:none;
	font-size:17px;
	color:#555;
	font-weight:normal;
	}

#content .infoWrap .btns_inline UL LI SPAN {
	height:40px;
	}

#content .infoWrap .btns_inline UL LI A {
	line-height:40px;
	font-size:14px;
	color:#555;
	font-weight:normal;
	}
	
#content .infoWrap .btns_inline_center {
	overflow:hidden;
	margin:0;
	margin-top:20px;
	text-align:center;
	}

#content .infoWrap .btns_inline_center UL LI {
/* 	float:left; */
	margin:0;
	padding-left:5px;
	background:none;
	font-size:17px;
	color:#555;
	font-weight:normal;
	}

#content .infoWrap .btns_inline_center UL LI SPAN {
	height:40px;
	}

#content .infoWrap .btns_inline_center UL LI A {
	line-height:40px;
	font-size:14px;
	color:#555;
	font-weight:normal;
	}


/* 신청절차 */
#content .infoWrap .listInner .procedure {
	overflow:hidden;
	padding:20px;
	border:1px solid #e5e5e5;
	}

#content .infoWrap .listInner .procedure DT {
	position:relative;
	float:left;
	width:20%;
	height:80px;
	padding-top:30px;
	/*border-top:1px solid #fff;
	border-bottom:1px solid #809934;
	 background:url("../../images/portal/myhomeinfo/bg_step01.png") 0px 0px no-repeat;*/
	background-color:#bbd178;
	font-size:18px;
	font-weight:bold;
	color:#336600;
	text-align:center;
	}

#content .infoWrap .listInner .procedure DT.dtH {
	height:30px;
	padding:25px 0;
	}

#content .infoWrap .listInner .procedure DT.stepbg {
	/* background:url("../../images/portal/myhomeinfo/bg_step02.png") 0px 0px no-repeat; */
	background-color:#e0c063;
	color:#993300;
	}

#content .infoWrap .listInner .procedure DT .step {
	position:absolute;
	top:5px;
	left:12px;
	font-size:14px;
	color:#fff;
	}

#content .infoWrap .listInner .procedure DT .proT{
	display:block;
	padding-top:10px;
	font-size:14px;
	font-weight:normal;
	}

#content .infoWrap .listInner .procedure DD {
	float:left;
	width:70%;
	height:80px;
	padding:30px 5% 0 5%;
	border-top:1px solid #fff;
	/* border-bottom:1px solid #809934; */
	background-color:#f1f1f1;
	font-size:15px;
	}

#content .infoWrap .listInner .procedure DD.ddh1 {
	height:110px;
	}

#content .infoWrap .listInner .procedure DT.dth1 {
	height:30px;
	padding:40px 0;
	}

#content .infoWrap .listInner .procedure DD.ddh2 {
	height:130px;
	}

#content .infoWrap .listInner .procedure DT.dth2 {
	height:30px;
	padding:50px 0;
	}

#content .infoWrap .listInner .procedure DT,
#content .infoWrap .listInner .procedure DD {
	margin-bottom:10px;
	}
#content .infoWrap .listInner .procedure DD .note {
	color:#578200;
	}

#content .infoWrap .procedure DD .ddT {
	display:block;
	margin:18px 30px;
	font-size:14px;
	color:#333;
	vertical-align:middle;
	}

#content .infoWrap .listInner .procedure DD .ddT1 {
	display:block;
	margin:28px 30px;
	font-size:14px;
	color:#333;
	vertical-align:middle;
	}

#content .infoWrap .listInner .procedure DD.onerow {
	height:70px;
	padding:40px 5% 0 5%;
	}

#content .infoWrap .listInner .procedure DD.threerow {
	height:90px;
	padding:20px 5% 0 5%;
	}
	
#content .infoWrap .listInner .procedure DD.fourrow {
	height:100px;
	padding:10px 5% 0 5%;
	}
		
/* 주택금융 신청절차 */
#content .infoWrap .jkStep {
	overflow:hidden;
	}

#content .infoWrap .jkStep DL {
	position:relative;
	display:inline-block;
	width:187px;
	height:250px;
	padding-right:20px;
	/* *display:inline;
	*zoom:1; */
	background:url("../../images/portal/myhomeinfo/guideimg/jk_stepbg.gif") 0px 0px no-repeat;
	vertical-align:top;
	}

#content .infoWrap .jkStep DL DT {
	height:66px;
	padding-top:25px;
	font-size:20px;
	color:#333;
	font-weight:bold;
	text-align:center;
	letter-spacing:-1px;
	}

#content .infoWrap .jkStep DL DT .num {
	position:absolute;
	top:5px;
	left:8px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	}

#content .infoWrap .jkStep DL DD {
	padding:10px;
	font-size:14px;
	color:#666;
	font-weight:normal;
	letter-spacing:-1px;
	text-align:left;
	}

#content .infoWrap .jkStep DL DD.arr {
	position:absolute;
	top:20px;
	right:-10px;
	}

#content .infoWrap .jkStep.small DL {
	position:relative;
	display:inline-block;
	width:157px;
	height:200px;
	padding-right:20px;
	/* *display:inline;
	*zoom:1; */
	background:url("../../images/portal/myhomeinfo/guideimg/jk_stepbg_s.gif") 0px 0px no-repeat;
	vertical-align:top;
	}

/* 임대주택 UL LIST */
#content .infoWrap .ulList {
	overflow:hidden;
	margin-bottom:20px;
	}

#content .infoWrap .ulList LI {
	float:left;
	width:289px;
	margin-right:11px;
	border-bottom:2px solid #e5e5e5;
	}

#content .infoWrap .ulList LI.last {
	width:290px;
	margin-right:0;
	}

#content .infoWrap .ulList LI .lt {
	height:40px;
	line-height:38px;
	background:#6cb5cd;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	}

#content .infoWrap .ulList LI .lm {
	height:60px;
	line-height:58px;
	font-size:18px;
	color:#0076a3;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #ccc;
	}

#content .infoWrap .ulList LI .lb {
	padding:20px;
	height:120px;
	background:#f5f5f5;
	}

#content .infoWrap .ulList LI .lb LI {
	float:none;
	width:100%;
	border:none;
	height:24px;
	line-height:22px;
	font-size:15px;
	}

#content .infoWrap .ulList.averageview {
	overflow:hidden;
	}

#content .infoWrap .ulList.averageview LI {
	overflow:hidden;
	float:left;
	width:191px;
	height:47px;
	line-height:45px;
	margin:0 11px 11px 0;
	padding:0 19px;
	border:none;
	background:#f0f0f0;
	}

#content .infoWrap .ulList.averageview LI.last {
	margin-right:0;
	}

#content .infoWrap .ulList.averageview LI .anum {
	float:left;
	font-size:14px;
	}

#content .infoWrap .ulList.averageview LI .earn {
	float:right;
	font-size:14px;
	}

#content .infoWrap .ulList.averageview LI .earn STRONG {
	font-size:18px;
	color:#333;
	font-weight:bold;
	letter-spacing:-1px;
	}

#content .btns {
	margin-bottom:120px;
	text-align:center;
	}

#content .btns .topBtn A {
	width:150px;
	font-size:16px;
	color:#333;
	}

/* 인트로토탈 */
#container #slideArea {
	position:relative;
	margin-top:-5px;
	min-width:1380px;
	}
/* 임대주택 배경 */
#container .totalvis1 {
	margin-top:-1px;
	background:url("../../images/portal/myhomeinfo/intro_bck01.jpg") 50% 0% no-repeat;
	}
/* 주거급여 배경 */
#container .totalvis2 {
	margin-top:-1px;
	background:url("../../images/portal/myhomeinfo/intro_bck02.jpg") 50% 0% no-repeat;
	}
/* 주택금융 배경 */	
#container .totalvis3 {
	margin-top:-1px;
	background:url("../../images/portal/myhomeinfo/intro_bck03.jpg") 50% 0% no-repeat;
	}
/* 주거지원 배경 */	
#container .totalvis4 {
	margin-top:-1px;
	background:url("../../images/portal/myhomeinfo/intro_bck04.jpg") 50% 0 no-repeat;
	}
/* 신혼희망타운 배경 */	
#container .totalvis5 {
	margin-top:-1px;
	background:url("../../images/portal/myhomeinfo/intro_bck06.jpg") 50% 0 no-repeat;
	}
#container #slideBtn .prevBtn {
	position:absolute;
	top:420px;
	left:48px;
	display:block;
	}

#container #slideBtn .nextBtn {
	position:absolute;
	top:420px;
	right:48px;
	display:block;
	}

#container #slideBtn .slideposition {
	overflow:hidden;
	position:absolute;
	top:225px;
	right:100px;
	display:block;
	}

#container #slideBtn .slideposition LI {
	float:left;
	margin-left:5px;
	}

#container  .introWrap {
	width:1155px;
	margin:0 auto;
	padding:90px 0 0 35px;
	}

#container  .introWrap H4 {
	height:90px;
	font-size:72px;
	color:#1d8db2;
	letter-spacing:-2px;
	}

#container  .introWrap .hs {
	display:inline-block;
	height:90px;
	margin-left:10px;
	font-size:18px;
	color:#fff;
	line-height:120%;
	letter-spacing:-1px;
	border-bottom:2px solid #fff;
	}

#container  .menulist {
	margin-top:60px;
	margin-left:10px;
	}

#container  .menulist DT {
	clear:both;
	float:left;
	}

#container  .menulist DT A {
	display:block;
	width:180px;
	height:36px;
	line-height:32px;
	padding-left:5px;
	font-size:21px;
	color:#1d8db2;
	font-weight:bold;
	letter-spacing:-2px;
	}

#container  .menulist DT A:hover {
	background:#1d8db2;
	color:#fff;
	}

#container  .menulist DD {
	float:left;
	}

#container  .menulist DD A {
	display:block;
	height:36px;
	line-height:30px;
	padding:0 10px;
	font-size:18px;
	color:#333;
	letter-spacing:-1px;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	transition:all 0.2s ease;
	}

#container  .menulist DD A:hover {
	background:#1d8db2;
	color:#fff;
	}
	
#container  .menulist .noname {
	width: 180px;
	display: block;
	height: 36px;
	padding-left: 5px;
	}
	
#container  .menulist .menutitle {
	display:block;
	width:180px;
	height:36px;
	line-height:32px;
	padding-left:5px;
	font-size:21px;
	color:#1d8db2;
	font-weight:bold;
	letter-spacing:-2px;
	}

#container #slideArea .gbtns {
	position:absolute;
	top:586px;
	left:50%;
	margin-left:-214px;
	}

#container #slideArea .gbtns .gBtn {
	display:inline-block;
	}

#container #slideArea .gbtns .gBtn A {
	display:inline-block;
	width:210px;
	height:43px;
	line-height:41px;
	font-size:16px;
	text-align:center;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	}

/* 각Contents별 글자색 설정 */
/* 임대주택 */
#container .totalvis1 H4 {
	color:#1d8db2;
	}

#container .totalvis1 .menulist DT A {
	color:#1d8db2;
	}

#container .totalvis1 .menulist DT A:hover {
	background:#1d8db2;
	color:#fff;
	}

#container .totalvis1 .menulist DD A:hover {
	background:#1d8db2;
	color:#fff;
	}

#content .introHeadline.vis1 {
	background-color:#c9e0e8;
	background-image:url("../../images/portal/myhomeinfo/vis01.gif");
	background-position:90% 50%; 
	background-repeat:no-repeat;
	}

#content .introHeadline.vis1 H4 STRONG {
	color:#1d8db2;
	}

/* 주거급여 */
#container .totalvis2 H4 {
	color:#1d9eb2;
	}

#container .totalvis2 .menulist DT A {
	color:#1d9eb2;
	}

#container .totalvis2 .menulist DT A:hover {
	background:#1d9eb2;
	color:#fff;
	}

#container .totalvis2 .menulist DD A:hover {
	background:#1d9eb2;
	color:#fff;
	}

#content .introHeadline.vis2 {
	background-color:#d2e6e4;
	background-image:url("../../images/portal/myhomeinfo/vis02.gif");
	background-position:90% 70%; 
	background-repeat:no-repeat;
	}

#content .introHeadline.vis2 H4 STRONG {
	color:#1d9eb2;
	}
	
/* 주택금융 */
#container .totalvis3 H4 {
	color:#1d9eb2;
	}

#container .totalvis3 .menulist DT A {
	color:#1d9eb2;
	}

#container .totalvis3 .menulist DT A:hover {
	background:#1d9eb2;
	color:#fff;
	}

#container .totalvis3 .menulist DD A:hover {
	background:#1d9eb2;
	color:#fff;
	}

#content .introHeadline.vis3 {
	background-color:#d2e6e4;
	background-image:url("../../images/portal/myhomeinfo/vis02.gif");
	background-position:90% 70%; 
	background-repeat:no-repeat;
	}

#content .introHeadline.vis3 H4 STRONG {
	color:#1d9eb2;
	}
	
/* 주거지원 */
#container .totalvis4 H4 {
	color:#1d9eb2;
	}

#container .totalvis4 .menulist DT A {
	color:#1d9eb2;
	}

#container .totalvis4 .menulist DT A:hover {
	background:#1d9eb2;
	color:#fff;
	}

#container .totalvis4 .menulist DD A:hover {
	background:#1d9eb2;
	color:#fff;
	}

#content .introHeadline.vis4 {
	background-color:#d2e6e4;
	background-image:url("../../images/portal/myhomeinfo/vis02.gif");
	background-position:90% 70%; 
	background-repeat:no-repeat;
	}

#content .introHeadline.vis4 H4 STRONG {
	color:#1d9eb2;
	}

/* 주택거래 안내 */
#content .introHeadline.dealguide {
	margin-top:10px;
	background-color:#d2e6e4;
	background-image:url("../../images/portal/myhomeinfo/vis02.gif");
	background-position:90% 70%; 
	background-repeat:no-repeat;
	}

/* 은행박스 */
#content .infoWrap .bankBox {
	padding:40px 20px;
	border:1px solid #e5e5e5;
	text-align:center;
	}

#content .infoWrap .bankBox LI {
	display:inline-block;
	width:180px;
	margin-bottom:40px;
	}

#content .infoWrap .bankBox UL.bankList LI {
	display:inline-block;
	width:180px;
	margin-bottom:40px;
	padding-bottom:40px; 
	border-bottom:1px solid #e5e5e5;
	}

#content .infoWrap .bankBox LI .telnum {
	display:block;
	padding-top:10px;
	font-size:16px;
	color:#666;
	}

/* 최상단 뎁스 */
#content .infoWrap .topIntro {
	margin-top:10px;
	padding:30px 10px;
	background:#fff;
	border-bottom:1px solid #ccc;
	font-size:16px;
	color:#333;
	line-height:130%;
	}

#content .infoWrap .topIntro H5 {
	height:30px;
	line-height:30px;
	margin-top:10px;
	margin-bottom:20px;
	padding-left:0px;
	font-size:30px;
	color:#333;
	font-weight:bold;
	letter-spacing:-2px;
	background:none;
	}

#content .infoWrap .topIntro .intro {
	font-size:20px;
	line-height:130%;
	}

#content .infoWrap .topIntro .hs {
	display:block;
	font-size:20px;
	color:#cc6600;
	letter-spacing:-1px;
	line-height:130%;
	}


/* 주택유형 안내 */
#content .infoWrap.housetype {
	position:relative;
	}
	
#content .infoWrap.housetype .listBasic {
	min-height:200px;
	padding-bottom:30px;
	border:1px solid #e5e5e5;
	}

#content .infoWrap.housetype .housesample {
	position:absolute;
	top:100px; 
	right:20px;
	}
	
/* border dotted class */
#content .infoWrap .dotted{
	padding:30px;
	border : 1px dotted black;
	height: auto;
    width: 687px;
    margin-top: 24px;
	}
#content .infoWrap .dotted ul li.li{
    font-size: 17px;
    line-height: 26px;
}
	
/* 마이홈포털은 */
#content .myhomeportal {
	padding:60px 0;
	text-align:center;
	}

#content .myhomeGuide H6 {
	font-size:19px;
	}

#content .myhomeGuide LI  {
	font-size:15px !important;
	}

#content .myhomeGuide LI.pb15 {
	font-size:16px !important;
	color:#e4833a !important;
	font-weight:bold;
	}


	

	
/* 청년주거지원 css 추가*/

/* 청년주거지원 아트웍 */
.ythArtwork {
	background:url("../../images/portal/myhomeinfo/artwork/youth_art.jpg");
	background-position:center 0;
	background-repeat: repeat-x;
	height:600px;
	}	
	
/* 청년주거지원 메뉴 */
#content .ythMenuWrap {
	text-align:center;
	padding-top:380px;
	}

#content .ythMenuWrap LI {
	display:inline-block;
	}

#content .ythMenuWrap LI A.rollover img{
	display:inline;
	}

#content .ythMenuWrap LI A.rollover img.over{
	display:none;
	}

#content .ythMenuWrap LI A.rollover:hover{
	display:inline;
	}

#content .ythMenuWrap LI A.rollover:hover img{
	display:none;
}

#content .ythMenuWrap LI A.rollover:hover img.over{
	display:inline;
}
	
/*청년주거지원 링크*/
#content .infoWrap .slink{
	width:202px;
	height:206px;
	text-align:center;
	background:url("../../images/portal/content/youth_bg_link.png") 0 0px no-repeat;
	float:left;
	padding-left:10px;
	}
#content .infoWrap .slink LI{
	margin-top:80px;
}	
	
#content .infoWrap .slink LI A{
	color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:1;
	}
	
/*청년주거지원 컨텐츠 background none 설정 */
#content .infoWrap .listBasic .noBg {
	background:none;
	}

/* 2018-06-21 css 추가 */
.btns_addArea {
	margin:20px;
	padding-bottom:100px;
	text-align:center;
	border-bottom:1px solid #e5e5e5;
	}

.btns_addArea .btnAdd {
	display:inline-block;
	}

.btns_addArea .btnAdd A {
	display:block;
	padding:7px 40px 9px;
	background:#333;
	font-size:14px;
	color:#fff;
	}
	
.btns_del {
	padding:0px 0 10px;
	text-align:right;
	border-bottom:1px solid #e5e5e5;
	}

.btns_del .btn_delete {
	display:inline-block;
	}

.btns_del .btn_delete A {
	display:block;
	padding:5px 10px 7px;
	background:#cc0000;
	font-size:11px;
	color:#fff;
	}

.resultTD {
	height:250px;
	font-size:30px !important;
	color:#000;
	background:#f5f5f5;
	}

.resultTD STRONG {
	font-size:36px;
	color:#cc0000;
	}

/* 2018-06-28 계산기 CSS 추가 */
.houseCal { margin-bottom:30px; }

.houseCal .h5 {
	position:relative;
	height:82px;
	line-height:82px;
	margin-top:30px;
	padding-left:120px;
	background-color:#707683;
	font-size:20px;
	color:#fff;
	letter-spacing:-1px;
	}

.houseCal .h5 strong {
	color:#fcb943;
	}

.houseCal .h5 .woman {
	position:absolute;
	bottom:0;
	left:33px;
	display:block;
	width:61px;
	height:109px;
	background:url("../../images/portal/common/housewoman.png");
	}

.houseCal .calQues li {
	padding:20px;
	border-bottom:1px solid #e5e5e5;
	}

.houseCal .calQues li.last {
	border-bottom:none;
	}

.houseCal .calQues li dl {
	overflow:hidden;
	}

.houseCal .calQues li dt {
	float:left;
	width:330px;
	height:35px;
	padding-left:30px;
	font-size:19px;
	color:#333;
	font-weight:800;
	letter-spacing:-1px;
	vertical-align:top;
	}

.houseCal .calQues li dt .qqq {
	display:inline-block;
	font-size:30px;
	color:#fcb943;
	font-weight:900;
	line-height:100%;
	}

.houseCal .calQues li dd {
	float:left;
	min-width:120px;
	height:25px;
	padding-top:10px;
	font-size:16px;
	color:#333;
	font-weight:200;
	vertical-align:top;
	}

.houseCal .calQues li dd input[type="radio"]{
	width:20px;
	height:20px;
	vertical-align:top;
	}

.houseCal .calQues li dd label {
	padding-left:5px;
	}
	
/* 청년주거지원 추가 */
#content .infoWrap .warpStyle {
	width: 100%;
	height: 477px;
	padding: 55px 75px 15px;
	box-sizing: border-box;
}
#content .infoWrap .warpStyle.info01 {
	background: url(../../images/portal/content/youth_01_img1.jpg) center no-repeat;
	background-size: 100% auto;
}
#content .infoWrap .warpStyle.info02 {
	background: url(../../images/portal/content/youth_02_img1.jpg) center no-repeat;
	background-size: 100% auto;
}
#content .infoWrap .warpStyle.info03 {
	background: url(../../images/portal/content/youth_03_img1.jpg) center no-repeat;
	background-size: 100% auto;
}
#content .infoWrap .warpStyle p {
	color: #333;
	font-size: 21px;
	letter-spacing: -2px;
	line-height: 30px;
}
#content .infoWrap p em.color01 {
	font-style: normal;
	font-weight: bold;
	color: #cc3300;
}
#content .infoWrap p em.color02 {
	font-style: normal;
	font-weight: bold;
	color: #333;
}
#content .infoWrap .warpStyle ul {
	margin-top: 25px;
}
#content .infoWrap .warpStyle ul li {
	padding: 25px 0 0;
	display: inline-block;
	vertical-align: top;
	margin: 0 -2px;
	width: 195px;
	min-height: 260px;
	border: 8px solid #fcc93c;
	border-radius: 25px;
	box-sizing: border-box;
	text-align: center;
}
#content .infoWrap .warpStyle ul li i {
	display: block;
	min-height: 90px;
}
#content .infoWrap .warpStyle ul li p {
	margin-top: 15px;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
}
#content .infoWrap .warpStyle ul li + li {
	border: 8px solid #74c3a2;
	margin-left: 15px;
}
#content .infoWrap .warpStyle ul li + li + li{
	border: 8px solid #dc5b7b;
	margin-left: 15px;
}
#content .infoWrap .warpStyle2 .notice {
	margin-left: 30px;
	display: block;
	color: #578200;
	font-size: 18px;
	letter-spacing: -2px;
	line-height: 20px;
}
#content .infoWrap .warpStyle2.bdLine {
	width: 100%;
	height: 100%;
	padding: 20px 60px 40px;
	box-sizing: border-box;
	border: 17px solid #f1f1f1;
}
#content .infoWrap .warpStyle2.bdLine dl:nth-child(2) {
	border-bottom: 0;
}
#content .infoWrap .warpStyle2.bdLine dl dt {
	width: 210px;
}
#content .infoWrap .warpStyle2.bdLine dl dt i {
	width: 80px;
}
#content .infoWrap .warpStyle2.bdLine ul li {
	padding: 25px 20px;
	display: inline-block;
	vertical-align: top;
	background: #e88abc;
	width: 190px;
	height: 170px;
	box-sizing: border-box;
	text-align: center;
	box-shadow: 0px 5px 10px #eee;
}
#content .infoWrap .warpStyle2.bdLine ul {
	margin-top: 20px;
	text-align: center;
}
#content .infoWrap .warpStyle2.bdLine ul li p {
	margin-bottom: 15px;
	min-height: 50px;
	color: #fff;
	font-size: 22px;
	letter-spacing: -2px;
	line-height: 25px;
	font-weight: bold;
}
#content .infoWrap .warpStyle2.bdLine dl dd {
	border-left: 1px solid #e4e4e4;
}
#content .infoWrap .warpStyle2.bdLine ul li + li {
	margin-left: 10px;
	background: #9ac2e6;
}
#content .infoWrap .warpStyle2.bdLine ul li + li + li {
	background: #6b96cd;
}
#content .infoWrap .warpStyle2.bdLine ul li + li + li + li {
	background: #decbad;
}
#content .infoWrap .warpStyle2.bdLine ul li + li + li + li + li {
	background: #9cd380;
}
#content .infoWrap .warpStyle2 .numberWarp {
	padding-left: 75px;
	position: relative;
}
#content .infoWrap .warpStyle2 .bullet {
	position: absolute;
	top: 0;
	left: 0;
	width: 52px;
	height: 52px;
	background: #7a7a7a;
	border-radius: 100%;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	line-height: 50px;
}
#content .infoWrap .warpStyle2 dl {
	border-bottom: 1px dotted #9d9d9d;
	padding: 20px 0;
	margin-bottom: 20px;
}
#content .infoWrap .warpStyle2 dl:after {
	content:"";
	clear: both;
	display: block;
}
#content .infoWrap .warpStyle2 dl dt {
	padding: 0 30px;
	display: inline-block;
	vertical-align: top;
	width: 230px;
	box-sizing: border-box;
}
#content .infoWrap .warpStyle2 dl dt p {
	display: inline-block;
	vertical-align: middle;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	line-height: 26px;
	letter-spacing: -2px;
}
#content .infoWrap .warpStyle2 dl dt i {
	display: inline-block;
	width: 105px;
}
#content .infoWrap .warpStyle2 dl dd {
	padding-left: 30px;
	display: inline-block;
	vertical-align: middle;
	min-height: 100px;
	border-left: 1px solid #bcbcbc;
	box-sizing: border-box;
}
#content .infoWrap .warpStyle2 dl dd strong {
	display: block;
	color: #333;
	font-size: 22px;
	line-height: 35px;
	letter-spacing: -2px;
}
#content .infoWrap .warpStyle2 dl dd p {
	color: #333;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: -2px;
	margin-bottom: 15px;
}
#content .infoWrap .warpStyle2 dl dd p.title {
	color: #666;
	font-size: 21px;
	line-height: 28px;
	letter-spacing: -2px;
	margin-bottom: 0;
}
#content .infoWrap .warpStyle2 dl dd span {
	padding-left: 20px;
	margin-top: 20px;
	display: inline-block;
	color: #333;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -2px;
}
#content .infoWrap .warpStyle2 dl dd span:before {
	content:"*";
	margin-left: -15px;
	padding-right: 10px;
}
#content .infoWrap .warpStyle3 p {
	color: #333;
	font-size: 21px;
	letter-spacing: -2px;
	line-height: 30px;
}
#content .infoWrap .warpStyle3 ul {
	margin-top: 15px;
	box-sizing: border-box;
	border: 1px solid #f1f1f1;
}
#content .infoWrap .warpStyle3 ul li {
	padding-left: 55px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 0 -2px;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	color: #333;
	font-size: 21px;
	letter-spacing: -2px;
	line-height: 30px;
	box-sizing: border-box;
}
#content .infoWrap .warpStyle3 ul li i {
	display: inline-block;
	vertical-align: middle;
	width: 135px;
	height: 135px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	font-style: normal;
	background: #74c3a2;
	border-radius: 100%;
	box-sizing: border-box;
	line-height: 135px;
	text-align: center;
	letter-spacing: -2px;
}
#content .infoWrap .warpStyle3 ul li + li {
	padding-left: 20px;
}
#content .infoWrap .warpStyle3 ul li + li i {
	background: #fcc93c;
}
#content .infoWrap .warpStyle3 ul li > div {
	margin-left: 15px;
	display: inline-block;
	vertical-align: middle;
}
#content .infoWrap .warpStyle3 ul li p {
	margin-bottom: 15px;
	color: #333;
	font-size: 18px;
	letter-spacing: -2px;
	line-height: 24px;
}
#content .infoWrap .warpStyle3 ul li span {
	display: block;
	color: #666;
	font-size: 16px;
	letter-spacing: -2px;
	line-height: 20px;
}