@charset "utf-8";

.full_wrapper .housta .footer { border:0; padding-bottom:30px; max-width:1300px;  }
.full_wrapper .housta .footer .footerLogo { margin-bottom:0;}
.housta .footer .footerLogo p img {width: 140px;}

a.btnMore { display:inline-block; width:26px; height:26px; margin:0; background:url(/houstar/image/common/icon_comm.png) no-repeat -120px 0; font-size:0; line-height:0; vertical-align:middle; }

.mainTopArea { position:relative; max-width:1440px; margin:0 auto; }
.mainTopArea .mainTopSlide > div { float:left; width:33.33%; box-sizing:border-box; text-align:center; padding-top:40px; }
.mainTopArea .mainTopSlide > div { background:url(/houstar/image/main/bg_main_top_01.png) repeat center top; }
.mainTopArea .mainTopSlide > div.topArea02 { background-image:url(/houstar/image/main/bg_main_top_02.png); }
.mainTopArea .mainTopSlide > div.topArea03 { background-image:url(/houstar/image/main/bg_main_top_03.png); }

.mainTopArea .mainTopSlide > div { text-align:center; padding:40px 0 30px 0; }
.mainTopArea .mainTopSlide > div .tit { position:relative; z-index:2; }
.mainTopArea .mainTopSlide > div .tit strong { position:relative; display:inline-block; font-size:34px; font-weight:normal; color:rgba(0,0,0,0.8); text-align:center; line-height:44px; }
.mainTopArea .mainTopSlide > div .tit strong button { position:absolute; top:56px; right:-30px; display:block; height:40px; }
.mainTopArea .mainTopSlide > div .tit strong button[aria-expanded="true"]:after { content:''; display: block; margin-top:29px; width:0; height: 0; border-bottom: 7px solid #4b3a3e; border-right: 7px solid transparent; border-left: 7px solid transparent; margin-left:4px;   }
.mainTopArea .mainTopSlide > div > a { display:inline-block; margin-top:20px; font-size:15px; color:#5d5d5d; border-bottom:1px solid #545150; }
.mainTopArea .mainTopSlide > div .data { position:relative; margin:30px auto 0; max-width:360px; height:260px; background:url(/houstar/image/main/bg_main_data_01.png) no-repeat 50% 0; }
.mainTopArea .mainTopSlide > div.topArea02 .data { background:url(/houstar/image/main/bg_main_data_02.png) no-repeat 50% 0; }
.mainTopArea .mainTopSlide > div.topArea03 .data { background:url(/houstar/image/main/bg_main_data_03.png) no-repeat 50% 0; }
.mainTopArea .mainTopSlide > div .data.up {background-position:50% -520px;}
.mainTopArea .mainTopSlide > div .data.down {background-position:50% -260px;}

.mainTopArea .mainTopSlide > div .data > span { position:relative; float:left; font-size:18px; text-align:center; color:#fff; padding-top:250px; font-family:"Verdana", sans-serif; }
.mainTopArea .mainTopSlide > div .data > span .date { font-weight:300; font-family:"Verdana", sans-serif; letter-spacing:0; }
.mainTopArea .mainTopSlide > div .data > span.txt1 {width:100px; margin-left:-5px;}
.mainTopArea .mainTopSlide > div .data > span.txt1 .num { color:#554347; top:0px; }
.mainTopArea .mainTopSlide > div.topArea01 .data > span.txt1 .num {top:15px;}
.mainTopArea .mainTopSlide > div .data > span .num { position:absolute; top:0; left:0; width:100%; text-align:center; font-size:26px; }
.mainTopArea .mainTopSlide > div .data > span .num span { display:block; font-size:14px; color:#606060; margin-bottom:8px; font-family: "notoKrR", sans-serif;  }
.mainTopArea .mainTopSlide > div .data > span.txt2 { float:right; width:116px; font-family:"Verdana", sans-serif; }
.mainTopArea .mainTopSlide > div.topArea01 .data > span.txt2 {width:123px}
.mainTopArea .mainTopSlide > div .data > span.txt2 .num { top:0; left:50%; transform:translateX(-50%); display:inline-block; width:auto; padding:12px 10px; font-size:26px; background:#c74354; border-radius:3px;}
.mainTopArea .mainTopSlide > div .data > span.txt2 .num:before {content:''; display:block; position:absolute; bottom:-5px; left:50%; margin-left:-5px; width:0; height:0;border-top:5px solid #c74354;border-right:5px solid transparent; border-left:5px solid  transparent;border-bottom:0;}
.mainTopArea .mainTopSlide > div.topArea01 .data > span.txt2 .num {top:15px;left:49%;}
.mainTopArea .mainTopSlide > div.topArea02 .data > span.txt2 .num {background:#cbc22c;}
.mainTopArea .mainTopSlide > div.topArea02 .data > span.txt2 .num:before {border-top:5px solid #cbc22c;}
.mainTopArea .mainTopSlide > div.topArea03 .data > span.txt2 .num {background:#56c09c;}
.mainTopArea .mainTopSlide > div.topArea03 .data > span.txt2 .num:before {border-top:5px solid #56c09c;}
.mainTopArea .mainTopSlide > div .data > span.txt3 { position:absolute; float:inherit; top:40px; left:50%; font-size:22px; padding:70px 0 0 0; width:200px; text-align:right; box-sizing:border-box; margin-left:-100px; color:#333; text-align:center;}
.mainTopArea .mainTopSlide > div.topArea02 .data > span.txt3 {top:25px;}
.mainTopArea .mainTopSlide > div .data > span.txt3:before { content:''; position:absolute; top:0; left:50%; margin-left:-15px; display:block; width:110px; height:110px; background:url(/houstar/image/main/icon_main_data.png) no-repeat 0 0; }
.mainTopArea .mainTopSlide > div.topArea02 .data > span.txt3:before { background-position:-120px 0; }
.mainTopArea .mainTopSlide > div.topArea03 .data > span.txt3:before { background-position:-240px 0; }
.mainTopArea .mainTopSlide > div .data > span.txt3 .num { position:relative; display:inline-block; width:auto; top:inherit; left:initial; padding-left:5px;  font-size:22px; }
.mainTopArea .mainTopSlide > div .data.up > span.txt3 .num, 
.mainTopArea .mainTopSlide > div .data.down > span.txt3 .num { padding-left:30px; }

.mainTopArea .mainTopSlide  > div.topArea01 .data.up > span.txt1 .num {top:70px;}
.mainTopArea .mainTopSlide  > div.topArea01 .data.up > span.txt2 .num {top:15px;}
.mainTopArea .mainTopSlide  > div.topArea02 .data.up > span.txt1 .num {top:40px;}
.mainTopArea .mainTopSlide  > div.topArea03 .data.up > span.txt1 .num {top:50px;}
           
.mainTopArea .mainTopSlide  > div.data.down > span.txt1 .num {top:0;}
.mainTopArea .mainTopSlide  > div.topArea01 .data.down > span.txt2 .num {top:70px;}
.mainTopArea .mainTopSlide  > div.topArea02 .data.down > span.txt2 .num {top:40px;}
.mainTopArea .mainTopSlide  > div.topArea03 .data.down > span.txt2 .num {top:50px;}
             
.mainTopArea .mainTopSlide  > div .data.up > span.txt3 {color:#cf434f;}
.mainTopArea .mainTopSlide  > div .data.down > span.txt3 {color:#2c82c4;}
.mainTopArea .mainTopSlide  > div .data.up > span.txt3 span:after { content:''; position:absolute; display:block; width:23px; height:16px; bottom:0; left:0; background:url(/houstar/image/main/icon_main_data.png) no-repeat 0 -130px;  }
.mainTopArea .mainTopSlide  > div .data.down > span.txt3 span:after { content:''; position:absolute; display:block; width:23px; height:16px; bottom:0; left:0; background:url(/houstar/image/main/icon_main_data.png) no-repeat -40px -130px;  }

.mainTopArea .tips-pnl { display:none; position:absolute; width:100%; top:94px; }
.mainTopArea .tips-pnl .tips-txts { position:relative; display:block; background:#625356; font-family:NotoKrL; border:4px solid #4b3a3e; color:#fff; width:90%; margin:0 auto; padding:23px 20px; font-size:16px; text-align:left; box-sizing:border-box; }
.mainTopArea .tips-pnl .ui-tip-close { position:absolute; top:0; right:0; color:transparent; line-height:0; font-size:0; width:25px; height:25px; background:url(/houstar/image/common/icon_comm.png) no-repeat -240px -50px;    }

.mainSrvArea { position: relative; max-width:1440px; margin:0 auto; padding:35px 0; }
.mainSrvArea li { float:left; width:16.66%; text-align:center; }
.mainSrvArea li a { position:relative; display:inline-block; font-size:20px; color:#333; padding-top:66px; height:90px; box-sizing:border-box; }
.mainSrvArea li a:hover {color:#cd424e; border-bottom:1px solid #cd424e;}
.mainSrvArea li a:before { content:''; display:block;  position:absolute; top:0; left:50%; width:67px; height:50px; margin-left:-33.5px; background:url(/houstar/image/main/icon_main_links.png) no-repeat 0 0;  }
.mainSrvArea li a.ico02:before { background-position:-70px 0; }
.mainSrvArea li a.ico03:before { background-position:-140px 0; }
.mainSrvArea li a.ico04:before { background-position:-210px 0; }
.mainSrvArea li a.ico05:before { background-position:-280px 0; }
.mainSrvArea li a.ico06:before { background-position:-350px 0; }
.mainSrvArea br { display:none; }

.bx-wrapper .bx-controls { clear:both; margin-top:10px; text-align:center; line-height:0; font-size:0; }
.bx-wrapper .bx-controls .bx-pager-item { display:inline-block; vertical-align:top; height:8px; margin:0 5px;  line-height:0; font-size:0;}
.bx-wrapper .bx-controls .bx-pager-item a { display:inline-block; vertical-align:top; width:8px; height:8px; background:#bcbcbc; line-height:0; font-size:0; color:transparent; border-radius:15px; }
.bx-wrapper .bx-controls .bx-pager-item a.active { background:#e17481; width:15px; }

.mainLifeArea { background:url(/houstar/image/main/bg_main_biz.jpg) no-repeat center top; background-size:cover; padding: 50px 0; margin-top: 85px; }
.mainLifeArea > div { text-align:center; box-sizing:border-box; max-width: 1120px; margin: 0 auto;}
.mainLifeArea > div h1 b {color: #036eb8;}
.mainLifeArea .ui-tab { padding:0; margin:30px 0 0 0; }
.mainLifeArea .ui-tab-btns li { display:inline-block; line-height:0; font-size:0; margin: 0px 15px;}
.mainLifeArea .ui-tab-btns { position: relative;  text-align: center; line-height:0; font-size:0; padding:20px 0 0 0; max-width:1440px; margin:0 auto;  }
.mainLifeArea .ui-tab-btn { width:153px; height:175px; display:block; padding:0; border:0; background:#fff; }
.mainLifeArea .ui-tab-btn.selected { background-position:-280px -223px; }
.mainLifeArea .ui-tab-btn.selected span { border-bottom:0; }
.mainLifeArea .ico02 .ui-tab-btn.selected { background-position:-560px -223px; }
.mainLifeArea .ico03 .ui-tab-btn.selected { background-position:-840px -223px; }
.mainLifeArea .ui-tab-btn span { position:relative; display:inline-block; padding-top:37px; font-size:22px; line-height:32px; color:#6f5f62; }
.mainLifeArea .ui-tab-btn .num_txt {display: block; padding-top: 47px; font-size: 38px;}
.mainLifeArea .ico02 .ui-tab-btn span:before { background-position:-930px -60px; }
.mainLifeArea .ico03 .ui-tab-btn span:before { background-position:-990px -60px; }
.mainLifeArea .ui-tab-btn.selected span:before { background-position:-870px 0; }
.mainLifeArea .ico02 .ui-tab-btn.selected span:before { background-position:-930px 0; }
.mainLifeArea .ico03 .ui-tab-btn.selected span:before { background-position:-990px 0; }
.mainLifeArea .ui-tab-pnls { width:100%; margin:0 auto; text-align:center; }
.mainLifeArea .lc-conts ul { max-width:1180px; width:100%; display:table; margin:0 auto; }
.mainLifeArea .lc-conts ul li { position:relative; display:table-cell; width:25%; height:124px; border-left:1px solid #e6e5e5; box-sizing:border-box; vertical-align:middle; }
.mainLifeArea .lc-conts ul li:first-child:before { display:none; }
.mainLifeArea .lc-conts ul li:before { content:''; display:block; position:absolute; top:54px; margin:0 0 0 -10px; left:0; width:20px; height:20px; background:url(/houstar/image/main/icon_main_lc.png) no-repeat -1100px -50px; }
.mainLifeArea .lc-conts ul li:first-child { border-left:0; }
.mainLifeArea .lc-conts ul li a { display:block; color:#554246; }
.mainLifeArea .lc-conts ul li a + a { margin-top:10px; }
.mainLifeArea .lc-conts ul li span { display:inline-block; border-bottom:1px solid #fff; color:#554246; font-size:22px; line-height:24px;}
.mainLifeArea .lc-conts ul li a:hover span { border-bottom:1px solid #cd424e; color:#cd424e; }
.mainLifeArea .lc-conts.step02 ul { width:1090px; max-width:1090px;  }
.mainLifeArea .lc-conts.step02 ul li { width:33.33%; }
.mainLifeArea .lc-conts.step03 ul { width:200px; max-width:200px; }
.mainLifeArea .lc-conts.step03 ul li { width:200px; }

.mainLifeArea .ui-tab-pnl { padding-top:30px; }
.mainLifeArea .ui-tab-pnl .btn-prev, 
.mainLifeArea .ui-tab-pnl .btn-next { position:absolute; top:25px;  width:50px; color:transparent; height:50px; background:url(/houstar/image/main/icon_main_lc.png) no-repeat -1090px 0;  }
.mainLifeArea .ui-tab-pnl .btn-prev { left:50%; margin-left:-400px }
.mainLifeArea .ui-tab-pnl .btn-next { right:50%; margin:0 -400px 0 0; background-position:-1140px 0; }
.mainLifeArea .ui-tab-pnl > strong { display:block; text-align:center; font-size:34px; line-height:38px; color:#cd424e; }
.mainLifeArea .ui-tab-pnl > div { border:1px solid #e6e5e5; margin-top:20px; border-width:1px 0; background:#fcfcfc; }
.mainLifeArea .ui-tab-pnl > div > div { max-width:1440px; width:100%; margin:0 auto; box-sizing:border-box; }



.contsBox > h1 {  font-size:46px; line-height:60px; font-weight:normal; color:#333; text-align:left; }
.contsBox > h1 button { margin:-3px 0 0 10px; }
.contsBox > p { margin-top:10px; font-size:16px; line-height:20px; color:#666; text-align:center; }

.bizMapBox { position:relative; max-width:1300px; margin:40px auto 0 auto; background:#fff;  }
.bizMapBox:after { content:''; display:block; clear:both; }
.bizMapBox > div { float:left; width:50%; box-sizing:border-box; height:540px;  }
.bizMapBox .map { background:#f1f9fc; height:100%; box-sizing:border-box; }
.bizMapBox .mapNav { position:absolute; top:60px; left:50%; width:200px; margin-left:-100px; text-align:center; }
.bizMapBox .mapNav span { display:inline-block; width:70px; height:70px; background:#554246; line-height:72px; border-radius:36px; color:#fff; font-size:20px; font-family:NotoKrL; }
.bizMapBox .mapNav span.txt { position:relative; background:none; color:#554246; border-radius:0; width:initial; font-size:16px; }
.bizMapBox .mapNav span.txt:before, 
.bizMapBox .mapNav span.txt:after { content:''; display:block; position:absolute; top:20px; left:0; width:100%; height:1px; background:#bcbcbc;  }
.bizMapBox .mapNav span.txt:after { top:50px; }
.bizMapBox .conts .msg { position:relative; padding-top:200px; font-size:20px; color:#7a7a7a; font-family:NotoKrL; line-height:24px; }
.bizMapBox .conts .msg:before { content:''; display:block; margin:0 auto 20px auto; width:48px; height:69px; background:url(/houstar/image/common/ico_bizmap.png) no-repeat 0 0; }

.bizMapBox.step01 .map { padding-top:50px; }
.bizMapBox.step01 .mapNav .subNav { display:none; }

.houInfoArea { position:relative; max-width:1300px; margin:0 auto; box-sizing:border-box; text-align:center;  }
.houInfoArea .ui-tab-btns { width:360px; margin:60px auto 0 auto; }
.houInfoArea .ui-tab-btns li { float:left; width:50%; }
.houInfoArea .ui-tab-btns li a { position:relative; font-size:20px; width:100%; font-family:NotoKrL; color:#787878; line-height:50px; border:1px solid #bcbcbc; background:#fff; }
.houInfoArea .ui-tab-btns li a.selected { background:#cd424e; color:#fff; border:1px solid #cd424e; right:-1px; z-index:1; }
.houInfoArea .ui-tab-btns li:first-child + li a.selected { right:0; left:-1px; }
.houInfoArea .contsBox { padding-bottom:60px; }
.houInfoArea .ui-tab-pnls { background:#625356; max-width:1330px; margin:-25px auto 0 auto; box-sizing:border-box; padding:80px 30px 50px 30px; }
.houInfoArea .ui-tab-pnls:after { content:''; display:block; clear:both }
.houInfoArea .stat-t { position:absolute; display:block; top:0; left:0; z-index:2; padding-left:20px; text-align:left; color:#fff; font-weight:normal; font-size:24px; margin-left:10px;  }
.houInfoArea .stat-u { position:absolute; top:0; right:5px; color:#cfc6c8; z-index:2; font-size:14px; margin-left:10px; font-family: 'NotoKrL'; }
.houInfoArea .ui-tab-pnls img { width:100%; height:auto; }
.houInfoArea .ui-tab-pnls .highcharts-container { width:550px; }
.houInfoArea .ui-tab-pnl.selected, 
.houInfoArea .ui-tab-pnl[aria-hidden='false'] { display:inherit; }
.houInfoArea .ui-tab-pnl,
.houInfoArea .ui-tab-pnl[aria-hidden='true']{ display:inherit; }
.houInfoArea .ui-tab-pnl .slide-box { padding-top:18px; }

.houInfoArea .bx-wrapper,
.houInfoArea .houInfoConts { position:relative;  }
.houInfoArea .houInfoConts img { width:100%; height:auto; }
.houInfoArea .houInfoConts .slide-box { padding-top:30px; }
.houInfoArea .houInfoBox { background:#625356; max-width:1330px; margin:50px auto 0 auto; box-sizing:border-box; padding:50px 30px 50px 30px; }

.mainInfoArea { background:#f5f5f5;  }
.mainInfoArea .contsBox{ position: relative; max-width:1180px; margin:0 auto; padding:30px 0 50px 0; }
.mainInfoArea .contsBox h1 { padding-bottom:45px; }
.mainInfoArea li { position:relative; float:left; width:20%; text-align:center; }
.mainInfoArea li:first-child:after { display:none; }
.mainInfoArea li:after { content:''; display:block; position:absolute; top:0; left:0;  width:1px; height:100px; background:#e4e4e4;   }
.mainInfoArea li a { position:relative; display:inline-block; font-size:24px; color:#333; padding-top:120px; line-height:26px; }
.mainInfoArea li a .link_num {text-decoration: underline; font-size: 40px; margin-top: 34px; display: inline-block;}
.mainInfoArea li a:hover {color:#036eb8; }
.mainInfoArea li a:before { content:''; display:block;  position:absolute; top:0; left:50%; width:100px; height:110px; margin-left:-50px; background:url(/houstar/image/main/icon_main_links.png) no-repeat 0 -411px;  }
.mainInfoArea li a.ico02:before { background-position:-110px -411px; }
.mainInfoArea li a.ico03:before { background-position:-220px -411px; }
.mainInfoArea li a.ico04:before { background-position:-330px -411px; }
.mainInfoArea li a.ico05:before { background-position:-440px -411px; }

.mainNotiArea { background:#036eb8; }
.mainNotiArea:after {}
.mainNotiArea .contsBox { position: relative; max-width:1300px; margin:0 auto; box-sizing:border-box; background:#036eb8;  }
.mainNotiArea .contsBox:after { content:''; display:block; clear:both;  }
.mainNotiArea .contsBox > div { float:left; width:50%; background:#036eb8; position:relative;  }
.mainNotiArea .contsBox > div dl {color:#fff;line-height:83px;height:83px;font-size:18px;box-sizing: border-box;width:100%;padding-left:95px; }
.mainNotiArea .contsBox > div dl dt { float:left; width:90px; font-family:"NotoKrM", sans-serif;margin-left:-90px; }
.mainNotiArea .contsBox > div dl dd { float:right; width: 100%; box-sizing: border-box; padding-right:130px; }
.mainNotiArea .contsBox > div dl dd a.title { position:relative;float:left;display:block;font-family:"NotoKrL", sans-serif;color:#fff;width: 100%;padding-right: 100px;box-sizing: border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow: ellipsis; }
.mainNotiArea .contsBox > div dl dd a.title span { display:block;position:absolute;top:0;right:0;font-size:15px; font-family: "Verdana", sans-serif;opacity:0.6; }
.mainNotiArea .contsBox > div .btnMore { position:absolute; top:29px; right:0; background:url(/houstar/image/common/icon_comm.png) no-repeat -120px 0; background-size:400px auto; }
.mainNotiArea .contsBox > div.noti .btnMore { right:70px;   }
.mainNotiArea .contsBox > div.noti:after { content:''; display:block; position:absolute; top:20px; right:0; width:1px; height:44px; background:#fff; opacity:0.6 }
.mainNotiArea .contsBox > div.data dl { padding-left:160px;padding-right:0 }
.mainNotiArea .contsBox > div.data dl dd { padding-right:60px; }

/* main hichart */
.houInfoArea .highcharts-container .highcharts-legend-item rect { width:12px !important; height:12px !important;  border-radius:50% ; }
.houInfoArea .highcharts-container .highcharts-axis path { opacity:0 !important; }
.houInfoArea .highcharts-container .highcharts-legend-item text:hover{ color:#fff !important; fill: #fff !important;}

@media (min-width: 1091px) {		
	.mainLifeArea h1 span { display:inline-block; color:transparent; width:169px; height:39px; font-size:0; line-height:0;  vertical-align:middle; background:url(/houstar/image/main/txt_life_cycle.png) no-repeat 0 0; }
}

 @media (max-width: 1090px) {
/* 	br.pbr { display:none; } */
.housta .gnbArea h1 {margin-top: 5px !important;}
	.mainLifeArea {margin-top:0}
	.mainSrvArea li a { font-size:15px; padding-top:50px; }
	.mainSrvArea li a:before { width:55px; height:42px; margin-left:-27.5px; background-size:350px auto; background-position:0 -30px; }
	.mainSrvArea li a.ico02:before { background-position:-55px -30px; }
	.mainSrvArea li a.ico03:before { background-position:-110px -30px; }
	.mainSrvArea li a.ico04:before { background-position:-165px -30px; }
	.mainSrvArea li a.ico05:before { background-position:-220px -30px; }
	.mainSrvArea li a.ico06:before { background-position:-275px -30px; }	
	.mainSrvArea br { display:block; }
	
	.houInfoArea .ui-tab-pnl { padding-bottom:40px; }
	.houInfoArea .houInfoConts .bx-viewport { padding-bottom:40px; }
	.houInfoArea .houInfoBox { padding:80px 130px 0 130px; }
	.houInfoArea .bx-controls { position:absolute; margin:0; bottom:-15px; width:100%; }
	.mainLifeArea .ui-tab-btns li:nth-child(n+3) {margin-top: 20px}
}
 @media screen and (min-width: 768px) and (max-width: 1090px) {  	
	
/* 	br.mtbr { display:block; } */
/* 	br.mbr { display:none; } */
	.mainLifeArea .ui-tab-btns:before { margin-left:-274px; width:548px; height:170px;  }
	.mainLifeArea .ui-tab-btn { width:202px; height:220px; background-position:0 -950px; }
	.mainLifeArea .ui-tab-btn.selected { background-position:-220px -950px; }
	.mainLifeArea .ico02 .ui-tab-btn.selected { background-position:-440px -950px; }
	.mainLifeArea .ico03 .ui-tab-btn.selected { background-position:-660px -950px; }
	.mainLifeArea .ui-tab-btn span { padding-top:30px; font-size:24px;  }
	.mainLifeArea .ui-tab-btns li:first-child + li { margin:0 50px; }
	.mainLifeArea .ui-tab-btn span:before { top:62px; margin-left:-20px; width:40px; height:40px; background-position:-870px -130px; }
	.mainLifeArea .ico02 .ui-tab-btn span:before { background-position:-910px -130px; }
	.mainLifeArea .ico03 .ui-tab-btn span:before { background-position:-950px -130px; }
	.mainLifeArea .ui-tab-btn.selected span:before { background-position:-870px -170px; }
	.mainLifeArea .ico02 .ui-tab-btn.selected span:before { background-position:-910px -170px; }
	.mainLifeArea .ico03 .ui-tab-btn.selected span:before { background-position:-950px -170px; }
	
	.mainLifeArea .lc-conts.step02 ul { width:100%; }
	.mainLifeArea .lc-conts.step02 ul li { width:33.33%; }	
	
	.mainLifeArea .lc-conts ul li a {  }	
	
	.mainLifeArea .ui-tab-pnl .btn-prev { top:24px; margin-left:-250px; }
	.mainLifeArea .ui-tab-pnl .btn-next { top:24px; margin-right:-250px; }
	.mainNotiArea .contsBox > div { height:102px; }
	.mainNotiArea .contsBox > div dl { padding-left:120px; }
	.mainNotiArea .contsBox > div dl dd,
	.mainNotiArea .contsBox > div.data dl dd { padding-right:85px; }
	.mainNotiArea .contsBox > div dl dd a.title { padding-right:0; }
	.mainNotiArea .contsBox > div dl dd a.title span { top:55px; right:inherit; left:0; line-height:20px;   }
	.mainNotiArea .contsBox > div.data dl { padding-left:120px; }
	.mainNotiArea .contsBox > div.noti .btnMore { right:30px; }
	.mainNotiArea .contsBox > div .btnMore { right:30px; }
	
	.mainNotiArea .contsBox > div.noti:after { height:64px; }
	
	.houInfoArea .ui-tab-pnls { padding:80px 130px 0 130px; }	
	.houInfoArea .bx-controls { position:absolute; margin:0; bottom:-30px; width:100%; }
	.bx-wrapper .bx-controls .bx-pager-item { height:15px; margin:0 10px; }
	.bx-wrapper .bx-controls .bx-pager-item a { width:15px; height:15px;  }
	.bx-wrapper .bx-controls .bx-pager-item a.active { background:#cd424e;  }
	
	.mainTopArea .tips-pnl { top:50px; }
	.mainTopArea .mainTopSlide > div .tit strong button { top:14px; height:20px; }
	
	
	
}

@media only all and (max-width:767px) {
/* 	br.mtbr { display:block; } */
/* 	br.mbr { display:block; } */
	a.btnMore { width:15px; height:15px; background-position:-60px -20px; background-size:200px auto;  }
	
	.contsBox > h1 { padding-top:40px; font-size:25px; line-height:28px; padding: 40px 20px 0 20px;}
	.mainLifeArea { position:relative;  margin-top: 0; padding: 0; word-break: keep-all;}
	.mainLifeArea > div {padding-bottom: 30px;}
	.mainLifeArea .ui-tab-btn .num_txt {padding-top: 34px; font-size: 30px;}
	.mainLifeArea .ui-tab { margin-top:25px; }
	.mainLifeArea .ui-tab-pnl .btn-prev, .mainLifeArea .ui-tab-pnl .btn-next { display:none; }
	.mainLifeArea .ui-tab-btns { padding-top:30px; } 
	.mainLifeArea .ui-tab-btns:before { margin-left:-127px; width:254px; height:87px;  background-size:600px auto; }
	.mainLifeArea .ui-tab-btn { width:101px; height:105px; background-position:0 0; background-size:600px auto; }
	.mainLifeArea .ui-tab-btn.selected { background-position:-110px 0; }
	.mainLifeArea .ico02 .ui-tab-btn.selected { background-position:-220px 0; }
	.mainLifeArea .ico03 .ui-tab-btn.selected { background-position:-330px 0; }
	.mainLifeArea .ui-tab-btns li { position:relative; }	
	.mainLifeArea .ui-tab-btns li:after { content:''; position:absolute; top:38px; left:0; margin-left:-19px; display:block; width:18px; height:18px;  background-size:600px auto; }
	.mainLifeArea .ui-tab-btns li:first-child:after { display:none; } 
	.mainLifeArea .ui-tab-btns li:first-child + li { margin:0 20px; }
	.mainLifeArea .ui-tab-pnl > strong { font-size:19px; line-height:24px; }
	.mainLifeArea .ui-tab-btn span { padding-top:20px; font-size:14px; line-height:18px;  }
	.mainLifeArea .ui-tab-btn span:before { top:28px; margin-left:-15px; width:30px; height:26px; background-size:600px auto; background-position:-435px -30px; }
	.mainLifeArea .ico02 .ui-tab-btn span:before { background-position:-465px -30px; }
	.mainLifeArea .ico03 .ui-tab-btn span:before { background-position:-495px -30px; }
	.mainLifeArea .ui-tab-btn.selected span:before { background-position:-435px 0; }
	.mainLifeArea .ico02 .ui-tab-btn.selected span:before { background-position:-465px 0; }
	.mainLifeArea .ico03 .ui-tab-btn.selected span:before { background-position:-495px 0; }
	.mainLifeArea .ui-tab-pnl {padding-top:18px; }
	
	.mainLifeArea .lc-conts ul li + li { margin:0; }
	.mainLifeArea .lc-conts ul li a { position:relative; display:inline-block; box-sizing:border-box; line-height:62px; }
	.mainLifeArea .lc-conts ul li a span { font-size:14px; line-height:18px; vertical-align:middle; }
	.mainLifeArea .lc-conts ul li a + a { margin:0 0 0 30px;  }
	.mainLifeArea .lc-conts ul li a + a:before { content:''; display:block; position:absolute; top:25px; left:-16px; width:1px; height:10px; background:#bcbcbc;     } 
	.mainLifeArea .lc-conts ul { position:relative; width:100%; }
	.mainLifeArea .lc-conts ul li { float:left; width:50%; height:62px; }
	.mainLifeArea .lc-conts ul li:before { width:14px; height:14px; top:25px; margin-left:-7px; background-position:-575px -40px; background-size:600px auto; }
	.mainLifeArea .lc-conts ul li > span { display:inline-block; font-size:14px; line-height:61px; vertical-align:middle; }
	.mainLifeArea .lc-conts.step01 ul li:nth-child(3) { position:absolute; top:62px; right:0; border-top:1px solid #e6e5e5; }
	.mainLifeArea .lc-conts.step01 ul li:nth-child(4) { border-top:1px solid #e6e5e5; }	
	.mainLifeArea .lc-conts.step01 ul li:nth-child(2):before { margin:0 0 0 -9px; top:25px; }
	.mainLifeArea .lc-conts.step01 ul li:nth-child(3):before { top:0; left:50%; margin:-7px 0 0 -7px; transform:rotate(90deg)}
	.mainLifeArea .lc-conts.step01 ul li:nth-child(4):before { left:inherit; right:0; margin:0 -7px 0 0; top:25px; transform:rotate(180deg) }
	.mainLifeArea .lc-conts.step02 ul { width:100%; }
	.mainLifeArea .lc-conts.step02 ul li { width:33.33%; }
	.mainLifeArea .lc-conts.step03 ul li { width:100%;}
		
	.mainNotiArea .contsBox > div {clear:both;float: left;width:100%;height: 50px;overflow: hidden;  } 
	.mainNotiArea .contsBox > div dl { line-height:52px; height: 50px; padding-right:15px; padding-left:72px; }
	.mainNotiArea .contsBox > div dl dt { margin-left: -85px; width: 85px; font-size:12px; }
	.mainNotiArea .contsBox > div.data { border-top:1px solid #fff;  }	
	.mainNotiArea .contsBox > div dl dd a.title { font-size:12px; padding-right:70px; } 
	.mainNotiArea .contsBox > div dl dd a.title span { font-size:12px; }
	.mainNotiArea .contsBox > div .btnMore,
	.mainNotiArea .contsBox > div.noti .btnMore { top:50%; right:15px; margin-top:-7.5px; background-position:-60px -20px; background-size:200px auto; }
	.mainNotiArea .contsBox > div.noti:after { display:none; }
	.mainNotiArea .contsBox > div.data dl { padding-left:72px;  }
	.mainNotiArea .contsBox > div.data dl dt, 
	.mainNotiArea .contsBox > div dl dt { width:57px; margin-left:-57px;  }	
	.mainNotiArea .contsBox > div dl dd, 
	.mainNotiArea .contsBox > div.data dl dd { padding-right:30px; }
	.mainNotiArea .contsBox > div.data dl { padding-right:15px; }	
	
	.mainInfoArea .contsBox { padding:35px 0 35px 0; }
	.mainInfoArea .contsBox h1 { padding-bottom:30px; }
	.mainInfoArea li a { font-size:12px; line-height:16px;  }
	.mainInfoArea li:after { display:none; }
	.mainInfoArea li a { padding-top:70px; }
	.mainInfoArea li a:before { width:60px; height:60px; margin-left:-30px; background-size:350px auto; background-position:5px -200px  }
	.mainInfoArea li a.ico02:before { background-position:-50px -200px }
	.mainInfoArea li a.ico03:before { background-position:-106px -200px; }
	.mainInfoArea li a.ico04:before { background-position:-160px -200px; }
	.mainInfoArea li a.ico05:before { background-position:-216px -200px; }
	.mainInfoArea li a .link_num {font-size: 30px;}
		
	.houInfoArea .contsBox { padding-bottom:50px; }
	.houInfoArea .ui-tab-btns { width:100%; margin:30px 0 0 0; }
	.houInfoArea .ui-tab-pnl { padding-bottom:30px; }
	.houInfoArea .ui-tab-pnls { padding:30px 25px 0 25px; margin:0; }		
	.houInfoArea .stat-t { font-size:17px; }
	.houInfoArea .ui-tab-btns li a { border-width:1px 0; line-height:45px; font-size:14px;  }
	.houInfoArea .ui-tab-btns li a.selected { right:0;}
	.houInfoArea .ui-tab-btns li:first-child + li a.selected { left:0; }
	.houInfoArea .bx-controls { bottom:-20px; }
	.houInfoArea .houInfoBox { margin:30px 0 0 0; padding:30px 25px 0 25px; position:relative;  }
	.houInfoArea .houInfoConts .bx-viewport{ padding:0 0 20px 0; }
	.mainTopArea .mainTopSlide > div > a { margin-top:15px; font-size:14px; line-height:18px;  }
	.mainTopArea .mainTopSlide > div { padding:30px 0 20px 0;  }
	.mainTopArea .mainTopSlide > div .tit strong { font-size:25px; line-height:28px; }
	.mainTopArea .mainTopSlide > div .data { margin:0 auto; width:310px; height:215px; background: url(/houstar/image/main/bg_main_data_01_mo.png) no-repeat 50% -430px; background-size:315px auto;}
	.mainTopArea .mainTopSlide > div .data > span { width:116px; margin-left:0; padding:205px 0 0 0;   }
	.mainTopArea .mainTopSlide > div.topArea01 .data > span.txt1 .num { top:30px;  }
	.mainTopArea .mainTopSlide > div .data > span .num { font-size:20px; }
	.mainTopArea .mainTopSlide > div .data > span .num span { font-size:11px; margin-bottom:0; }
	.mainTopArea .mainTopSlide > div .data > span { font-size:13px; }
	.mainTopArea .mainTopSlide > div.topArea01 .data > span.txt2 { width:116px; }
	.mainTopArea .mainTopSlide > div .data > span.txt2 .num { font-size:20px; padding:7px 10px; margin-left:3px; }
	.mainTopArea .mainTopSlide > div.topArea01 .data > span.txt2 .num { top:30px; }
	.mainTopArea .mainTopSlide > div .data > span.txt1 { width:116px; margin-left: 0; }
	.mainTopArea .mainTopSlide > div .data > span.txt3 { padding-top:43px; font-size:17px; top:58px; }
	.mainTopArea .mainTopSlide > div .data > span.txt3 .num { font-size:17px; margin-left:-5px;  }
	.mainTopArea .mainTopSlide > div .data.up > span.txt3 .num,
	.mainTopArea .mainTopSlide > div .data.down > span.txt3 .num { padding-left:20px; margin-left:0; }
	.mainTopArea .mainTopSlide > div .data > span.txt3:before { width:75px; height:65px; background-size:225px auto; background-position:0 -85px; }
	.mainTopArea .mainTopSlide > div .data > span.txt3 span:after {  }
	.mainTopArea .mainTopSlide > div .data.up { background-position:0 0; }
	.mainTopArea .mainTopSlide > div .data.up > span.txt3 span:after { width:17px; height:12px; bottom:3px; background-position:-75px -65px; background-size:225px auto; }
	.mainTopArea .mainTopSlide > div.topArea01 .data.up > span.txt2 .num { top:27px; }
	.mainTopArea .mainTopSlide > div .data.down { background-position:0 -215px; }
	.mainTopArea .mainTopSlide > div .data.down > span.txt3 span:after { width:17px; height:12px; bottom:3px; background-position:-100px -65px; background-size:225px auto;}
	.mainTopArea .mainTopSlide > div.topArea02 .data { background: url(/houstar/image/main/bg_main_data_02_mo.png) no-repeat 50% -430px; background-size:315px auto;}
	.mainTopArea .mainTopSlide > div.topArea02 .data > span.txt3:before { background-position:-75px -85px }
	.mainTopArea .mainTopSlide > div.topArea02 .data > span.txt1 .num,
	.mainTopArea .mainTopSlide > div.topArea02 .data > span.txt2 .num { top:11px; }
	.mainTopArea .mainTopSlide > div.topArea02 .data > span.txt3 { top:48px; }
	.mainTopArea .mainTopSlide > div.topArea02 .data.up > span.txt1 .num { top:44px; }
	.mainTopArea .mainTopSlide > div.topArea02 .data.up { background-position:0 0; }
	.mainTopArea .mainTopSlide > div.topArea02 .data.down { background-position:0 -215px; }
	.mainTopArea .mainTopSlide > div.topArea02 .data.down > span.txt3 { top:55px; }	
	.mainTopArea .mainTopSlide > div.topArea03 .data { background: url(/houstar/image/main/bg_main_data_03_mo.png) no-repeat 50% -430px; background-size:315px auto;}
	.mainTopArea .mainTopSlide > div.topArea03 .data > span.txt1 .num { top:25px; }
	.mainTopArea .mainTopSlide > div.topArea03 .data > span.txt2 .num { top:25px; }
	.mainTopArea .mainTopSlide > div.topArea03 .data > span.txt3:before { background-position: -150px -85px; }
	.mainTopArea .mainTopSlide > div.topArea03 .data.up { background-position:0 0; }
	.mainTopArea .mainTopSlide > div.topArea03 .data.up > span.txt1 .num { top:68px; }
	.mainTopArea .mainTopSlide > div.topArea03 .data.down { background-position:0 -215px; }
	.mainTopArea .mainTopSlide > div.topArea03 .data.down > span.txt2 .num { top:67px; }	
	.mainTopArea .mainTopSlide > div .tit strong button { top:3px; height:25px;  }
	
	.mainSrvArea { padding-bottom:30px; }
	
	.mainTopArea .tips-pnl { top:39px; } 
	.mainTopArea .mainTopSlide > div .tit strong button[aria-expanded="true"]:after { display:none; }
	.mainTopArea .tips-pnl .tips-txts { font-size:12px; line-height:16px; padding:10px 35px 10px 15px;  }
	.mainTopArea .tips-pnl .ui-tip-close { top:5px; right:6px;  width: 20px; height: 20px; background: url(/houstar/image/common/icon_comm.png) no-repeat -120px 0; background-size: 200px auto; }
	
	/* main hichart */
	.houInfoArea .highcharts-legend-item text { font-size:12px !important; }
	.houInfoArea .highcharts-axis-labels text { font-size:11px !important; }
	
	.mainLifeArea .ui-tab-btns li:nth-child(n+3) {margin-top: 10px;}
	.mainLifeArea .ui-tab-btns li:nth-child(n+3) > a > img {width: 101px;}
}