@charset "utf-8";

.po-txt { color:#036eb8; }

[class^="txt-info"]{ position:relative; padding-left:10px; font-size:16px; line-height:20px; color:#fff; } /* text */
[class^="txt-info"]:before { content:''; position:absolute; top:6px; left:0; display:block; width:6px; height:7px; background:url('/houstar/image/common/bul_txts.png') no-repeat;   }

.txt-info-b { color:#000;  }
.txt-info-b:before { background-position:-10px 0; }
.content .txt {color: #333; font-size: 20px; font-family: 'NotoKrL'; line-height: 32px; word-break: keep-all;}

.bg-info-box { margin:88px 0 0 0; padding:105px 16% 105px 16%; background-image:url('/houstar/image/bg/bg_potal_info01.png'); background-repeat:no-repeat; background-size:cover; box-sizing:border-box; }
.bg-info-box > div { background:rgba(255,255,255,.9); padding:55px 5%; text-align:center; font-size:18px; line-height:26px; color:#484848; font-family: 'NotoKrL'; }
.bg-info-box .txts { font-size:30px; line-height:38px; }
.bg-info-box .title { display:block; font-size:30px; margin-bottom:15px; line-height:38px; }
.bg-info-box .title:after { content:''; display:block; width: 20px;  height: 1px; margin:15px auto 0; background:#484848; }
.bg-info-box .title .mbr { display:none; }
.bg-info-box.life-cycle { background-image:url(/houstar/image/bg/bg_lifecycle.png) }
.bg-info-box.info-guide { margin-bottom:66px; background-image:url(/houstar/image/bg/bg_info_guide.png) }

.bg-state-box {max-width:1440px; height:400px; margin:80px 0 0; background:url('/houstar/image/bg/bg_state01.png') no-repeat 50% 0;}
.bg-state-box.state2 {background-image:url('/houstar/image/bg/bg_state02.png');}
.bg-state-box.state3 {background-image:url('/houstar/image/bg/bg_state03.png');}
.bg-state-box > div {text-align:center; color:#fff;}
.bg-state-box > div strong {display:block; padding:105px 0 30px; font-family: 'NotoKrM'; font-size:30px; font-weight:normal;}
.bg-state-box > div p {font-family: 'NotoKrL'; font-size:18px; line-height:26px; color:rgba(255,255,255,0.7)}
.bg-state-box > div p:before {content:''; display:block; width:20px; height:1px; margin:0 auto 20px; background:#fff;}
.bg-state-box > div .btn-wrap {margin-top:55px; white-space:nowrap; }
.bg-state-box > div .btn-main {width:158px; height:46px; line-height:46px; font-size:16px;}

/* 01.통계 정보 */
.graph-wrap { margin:80px 0 0 0; background:#ddd;  box-sizing:border-box; min-height:500px;  }

.bg-info-box.pri-info { background:url('/houstar/image/bg/bg_privacy_info01.png') no-repeat; background-size:cover;}
.bg-info-box.biz-info { background:url('/houstar/image/bg/bg_biz_info01.png') no-repeat; background-size:cover;}

.my-gua-box { padding-top:45px; }
.my-gua-box > p { text-align:center; font-size:16px;  }
.my-gua-box .tabmenu01 { width:100%; max-width:1440px; margin:0 auto; padding:55px 95px 83px 95px; box-sizing:border-box; }
.my-gua-box .tabmenu01 li { position:relative; width:25%;  margin-top:0; }
.my-gua-box .tabmenu01 li:before { content:''; position:absolute; display:block; top:20px; left:0; width:1px; height:110px; background:#e5e5e5;  }
.my-gua-box .tabmenu01 li:first-child:before { display:none; }
.my-gua-box .tabmenu01 li a { position:relative; height:inherit; padding:175px 56px 0 56px; background:none; border:0; }
.my-gua-box .tabmenu01 li a > span { display:block; border:1px solid #bcbcbc; height:70px; border-radius:35px; box-sizing:border-box; font-size:20px; line-height:70px; color:#6f5f62; font-family: 'NotoKrL';  }
.my-gua-box .tabmenu01 li a:before { content:''; z-index:2; position:absolute; display:block; top:0; left:50%; margin-left:-75px; width:150px; height:150px; background:url('/houstar/image/bg/bg_privacy_tabs.png') no-repeat 0 0; }
.my-gua-box .tabmenu01 li.my-gua02 a:before { background-position:-180px 0; }
.my-gua-box .tabmenu01 li.my-gua03 a:before { background-position:-360px 0; }
.my-gua-box .tabmenu01 li.my-gua04 a:before { background-position:-540px 0; }
.my-gua-box .tabmenu01 li a.selected:before { background-position:0 -180px; }
.my-gua-box .tabmenu01 li.my-gua02 a.selected:before { background-position:-180px -180px; }
.my-gua-box .tabmenu01 li.my-gua03 a.selected:before { background-position:-360px -180px; }
.my-gua-box .tabmenu01 li.my-gua04 a.selected:before { background-position:-540px -180px; }
.my-gua-box .tabmenu01 li a.selected > span { border-color:#d05f68; background:#d05f68; color:#fff;  }
.my-gua-box .tabmenu01.my-biz-tabs { padding:55px 135px 83px 135px; }
.my-gua-box .tabmenu01.my-biz-tabs li { width:20%; z-index:1; }
.my-gua-box .tabmenu01.my-biz-tabs li:first-child { margin-left:0; }
.my-gua-box .tabmenu01.my-biz-tabs li:before { display:none; }
.my-gua-box .tabmenu01.my-biz-tabs a { padding:175px 0 0 0; z-index:1; }
.my-gua-box .tabmenu01.my-biz-tabs li a > span.txts { line-height:22px; padding:13px 0 0 0; }
.my-gua-box .tabmenu01.my-biz-tabs li a > span.txts span { display:block; font-size:16px; }
.my-gua-box .tabmenu01.my-biz-tabs li .add-txts { z-index:999; position:absolute; top:15px; left:0; width:130px; line-height:22px; box-sizing:border-box; padding-top:22px;  text-align:center; margin-left:-98px; border-radius:54px; height:107px; font-size:18px; background:rgba(175,175,204,.5); color:#6f5f62; }
.my-gua-box .tabmenu01.my-biz-tabs li a:before { background:url('/houstar/image/bg/bg_biz_tabs.png') no-repeat 0 0; }
.my-gua-box .tabmenu01.my-biz-tabs li.my-biz02 a:before { background-position:-180px 0; }
.my-gua-box .tabmenu01.my-biz-tabs li.my-biz03 a:before { background-position:-360px 0; }
.my-gua-box .tabmenu01.my-biz-tabs li.my-biz04 a:before { background-position:-540px 0; }
.my-gua-box .tabmenu01.my-biz-tabs li.my-biz05 a:before { background-position:-720px 0; }
.my-gua-box .tabmenu01.my-biz-tabs li.my-biz01:after, 
.my-gua-box .tabmenu01.my-biz-tabs li.my-biz03:after { content:''; display:block; position:absolute; top:54px; right:-51px; width:32px; height:32px; background:url('/houstar/image/bg/bg_biz_tabs.png') no-repeat -900px 0; }
.my-gua-box .tabPnls { background:#f9f9f9; border-top:1px solid #e9e9e9;  }
.my-gua-box .tabPnls:before { content:''; position:absolute; top:-1px; left:50%; width:48px; margin-left:-24px;  height:25px; background:url('/houstar/image/bg/bg_myguabox_arr.png') no-repeat 0 0; }
.my-gua-box .tabPnl { width:100%; max-width:1440px; margin:0 auto; padding:50px 135px 160px 135px; box-sizing:border-box;  }
.my-gua-box .tabPnl h4 { font-size:40px; text-align:center; margin-bottom:40px; }
.my-gua-box .tabPnl li { position:relative; margin-top:20px; padding:45px 400px 45px 50px; border:1px solid #e9e9e9; background:#fff; font-size:30px; }
.my-gua-box .tabPnl li .add-txts { font-size:18px; }
.my-gua-box .tabPnl li .btnTip { margin-left:10px; } 
.my-gua-box .tabPnl li .btns { position:absolute; display:block; width:306px; top:50%; height:46px; margin-top:-23px; right:30px;  }
.my-gua-box .tabPnl li .btns > a { display:inline-block; height:46px; width:calc(50% - 5px); text-align:center; margin-right:5px; color:#666; line-height:46px; font-size:16px; border:1px solid #e9e9e9; box-sizing:border-box; }
.my-gua-box .tabPnl li .btns > a + a { margin:0 0 0 5px; }
.my-gua-box .tabPnl li .btns > a span { position:relative; padding-left:30px; }
.my-gua-box .tabPnl li .btns > a span:before { content:''; position:absolute; width:30px; height:20px; top:0; left:0; background:url('/houstar/image/common/icon_comm.png') no-repeat 0 -100px; }
.my-gua-box .tabPnl li .btns > a.btn_pjoin span:before { background-position:-30px -100px; }
.my-gua-box .tabPnl li .btns > a:only-child { width:100%; margin:0; }

.stat-info-tips > div { background:#625356; border:4px solid #4b3a3e; box-sizing:border-box; color:#f9f9f9; font-family:NotoKrL; }
.stat-info-tips > div .info-list { margin:30px 0; display:table;  }
.stat-info-tips > div .info-list:after { content:''; display:block; clear:both; }  
.stat-info-tips > div .info-list li { display:table-cell; position:relative; border:1px solid rgba(255,255,255,0.3); border-width:0 0 0 1px; width:33.33%; box-sizing:border-box; padding:70px 50px 0 50px; font-size:16px;  }
.stat-info-tips > div .info-list li:first-child { border:0; }
.stat-info-tips > div .info-list li strong { display:block; font-size:20px; margin-bottom:10px; }
.stat-info-tips > div .info-list li:before { content:''; display:block; position:absolute; top:10px; left:50px; width:49px; height:44px; background:url('/houstar/image/bg/bg_statinfo_tips.png') no-repeat 0 0; }
.stat-info-tips > div .info-list li.in02:before { background-position:-60px 0; }
.stat-info-tips > div .info-list li.in03:before { background-position:-120px 0; }
.stat-info-tips .info-txts { background:#6f5f62; padding:40px 50px 40px 50px; }
.stat-info-tips .info-txts > strong { display:block; position:relative; padding-left:20px; font-size:20px; margin-bottom:15px; }
.stat-info-tips .info-txts > strong:before { content:''; position:absolute; top:1px; left:0; width:16px; height:16px; background:url('/houstar/image/bg/bg_statinfo_tips.png') no-repeat -180px 0; }
.stat-info-tips .info-txts li { position:relative; font-size:16px; padding-left:12px; line-height:24px; }
.stat-info-tips .info-txts li:before { content:''; display:block; width:4px; height:1px; background:#f9f9f9; position:absolute; top:10px; left:0; }

.my-sta-acco .ui-acco-btn { display:block; position:static; padding:175px 0 0 0; text-align:center; box-sizing:border-box; }
.my-sta-acco .ui-acco-btn.selected span.tit { border-color:#d05f68; background:#d05f68; color:#fff;  }
.my-sta-acco .ui-acco-btn span:before { display:none; }
.my-sta-acco .ui-acco-btn span.tit { display:block; margin:0 auto; width:220px; text-align:center; border: 1px solid #bcbcbc; height:70px; border-radius: 35px; box-sizing: border-box; font-size: 20px; line-height: 70px; color:#6f5f62; font-family: 'NotoKrL';  }
.my-sta-acco .ui-acco-btn span.tit:before { content:''; z-index:2; position:absolute; display:block; top:0; left:50%; margin-left:-75px; width:150px; height:150px; background:url('/houstar/image/bg/bg_privacy_tabs.png') no-repeat 0 0; }
.my-sta-acco .ui-acco-btn span.tit.txts { line-height: 22px; padding: 13px 0 0 0; }
.my-sta-acco .ui-acco-btn span.tit.txts span { display:block; color:#6f5f62; font-size:16px; }
.my-sta-acco .ui-acco-btn span.tit.txts span:before { display:none; }
.my-sta-acco .ui-acco-btn.selected span.tit.txts span { color:#fff; }
.my-sta-acco .ui-acco-tit.my-sta01 .ui-acco-btn span.tit:before { background-position:0 0; }
.my-sta-acco .ui-acco-tit.my-sta02 .ui-acco-btn span.tit:before { background-position: -180px 0; }
.my-sta-acco .ui-acco-tit.my-sta03 .ui-acco-btn span.tit:before { background-position: -360px 0; }
.my-sta-acco .ui-acco-tit.my-sta04 .ui-acco-btn span.tit:before { background-position: -540px 0; }
.my-sta-acco .ui-acco-btn.selected span.tit:before { background-position: 0 -180px; }
.my-sta-acco .ui-acco-tit.my-sta01 .ui-acco-btn.selected span.tit:before  { background-position:0 -180px; }
.my-sta-acco .ui-acco-tit.my-sta02 .ui-acco-btn.selected span.tit:before { background-position:-180px -180px; }
.my-sta-acco .ui-acco-tit.my-sta03 .ui-acco-btn.selected span.tit:before { background-position:-360px -180px; }
.my-sta-acco .ui-acco-tit.my-sta04 .ui-acco-btn.selected span.tit:before { background-position:-540px -180px; }
.my-sta-acco .ui-acco-btn:before { content: ''; position:absolute; display:block; top:20px; left:0; width:1px; height:110px; background:#e5e5e5; }
.my-sta-acco .ui-acco-tit.my-sta01 .ui-acco-btn:before,
.my-sta-acco .ui-acco-pnl .btn-close  { display:none; }
.my-sta-acco .ui-acco-pnl { padding:55px 0 165px 0; border-top:0; background:transparent; }
.my-sta-acco .ui-acco-pnl:before { content:''; position: absolute; top: 0; left: 50%; width: 48px; margin-left: -24px; height: 25px;  background: url(/houstar/image/bg/bg_myguabox_arr.png) no-repeat 0 0;}
.my-sta-acco.my-indi-acco .ui-acco-btn:before { content:''; display:block; position:absolute; top:54px; left:-16px; width:32px; height:32px;  background: url(/houstar/image/bg/bg_biz_tabs.png) no-repeat -900px 0 }
.my-sta-acco.my-indi-acco .ui-acco-tit .add-txts { z-index:10; position:absolute; top:21px; right:-65px; width:130px; line-height:22px; box-sizing:border-box; padding-top:22px; text-align:center; margin-left:-98px; border-radius:54px; height:107px; font-size:18px; background:rgba(175,175,204,.5); color:#6f5f62; }
.my-sta-acco.my-indi-acco .ui-acco-tit.my-sta03 .ui-acco-btn:before,
.my-sta-acco.my-indi-acco .ui-acco-tit.my-sta05 .ui-acco-btn:before { display:none; }
.my-sta-acco.my-indi-acco .ui-acco-btn span.tit { width:180px; }
.my-sta-acco.my-indi-acco .ui-acco-btn span.tit:before { background:url('/houstar/image/bg/bg_biz_tabs.png') no-repeat 0 0; }
.my-sta-acco.my-indi-acco .ui-acco-tit.my-sta05 .ui-acco-btn span.tit:before { background-position:-720px 0; }
.my-sta-acco.my-indi-acco .ui-acco-tit.my-sta05 .ui-acco-btn.selected span.tit:before { background-position:-720px -180px; }
.my-sta-acco.my-indi-acco > span.add-txts { display:none; }
.my-sta-acco { border: 0; max-width: 1170px; width: 100%; margin: 50px auto 0 auto; box-sizing:border-box;  }
.my-sta-acco h4 { font-size:40px; text-align:center; margin-bottom:40px; font-family:NotoKrR; }
.my-sta-acco .my-gua-list li { position:relative; margin-top:20px; padding:45px 400px 45px 50px; color:#000; border:1px solid #e9e9e9; background:#fff; font-size:30px; }
.my-sta-acco .my-gua-list li .add-txts { font-size:18px; }
.my-sta-acco .my-gua-list li .btnTip { margin-left:10px; } 
.my-sta-acco .my-gua-list li .btns { position:absolute; display:block; width:306px; top:50%; height:46px; margin-top:-23px; right:30px; line-height:0; font-size:0;   }
.my-sta-acco .my-gua-list li .btns > a { display:inline-block; height:46px; width:calc(50% - 5px); text-align:center; margin-right:0; color:#666; line-height:46px; font-size:16px; border:1px solid #e9e9e9; box-sizing:border-box; }
.my-sta-acco .my-gua-list li .btns > a + a { float:right; margin:0; }
.my-sta-acco .my-gua-list li .btns > a span { position:relative; padding-left:30px; }
.my-sta-acco .my-gua-list li .btns > a span:before { content:''; position:absolute; width:30px; height:20px; top:0; left:0; background:url('/houstar/image/common/icon_comm.png') no-repeat 0 -100px; }
.my-sta-acco .my-gua-list li .btns > a.btn_pjoin span:before { background-position:-30px -100px; }
.my-sta-acco .my-gua-list li .btns > a:only-child { width:100%; margin:0; }

.my-sta-warp { position:relative; background:#f9f9f9; }
.my-sta-warp > p { padding-top:50px; text-align:center; }
.my-sta-warp > p.mo { display:none; }
.my-sta-warp:before { content:''; position:absolute; display:block; top:0; left:0; right:0;  background:#fff; height:442px; border-bottom:1px solid #ddd; }
.my-sta-acco { padding:340px 15px 0 15px; margin-top:30px; }	

/* .my-tips { max-width:1100px; width:100%; left:0; right:0; z-index:99; margin:auto;} */
.my-tips { display: none;  position: absolute; top: 0; z-index: 200;  width: 100%;  left: 0;  right: 0;  font-size: 11px;   }
.my-tips > div { max-width:1100px; width:100%; left:0; right:0; z-index:99; margin:auto; }
.my-tips .btn-close { display:none; }



.life-cycle-wrap > p { padding-top: 50px; text-align: center; }
.lc-box { margin-top:50px; height:988px; background:url(/houstar/image/bg/bg_life_cycle_box.png) no-repeat center top; background-size: cover; }
.lc-box .conts { max-width:1024px; width:100%; margin:0 auto; } 
.lc-box .conts > div { position:relative; margin:0 auto; width:796px; height:687px; padding:145px 0 0 0;  background:url(/houstar/image/bg/bg_life_cycle_line.png) no-repeat 0 145px;   }
.lc-step-list li { position:absolute; display:table; width:200px; height:200px; box-sizing:border-box; text-align:center; color:#6f5f62; background:url(/houstar/image/icon/icon_life_cycle.png) no-repeat 0 0 }
.lc-step-list li a,
.lc-step-list li > span  { display:table-cell; text-align:center; vertical-align:middle; }
.lc-step-list li a > span { font-size:20px; border-bottom:1px solid #6f5f62;  }
.lc-step-list li a:hover > span { color:#cd424e; border-bottom:1px solid #cd424e; }
.lc-step-list li > span > span { font-size:20px; }
.lc-step-list li a > span span { font-size:16px; padding-top:5px;  }
.lc-step-list li.step3, .lc-step-list li.step4, .lc-step-list li.step5 { background-position:-210px 0; }
.lc-step-list li.step6 {  background-position:-420px 0; }
.lc-step-list.cycle li.step1 { top:50px; left:50%; margin-left:-100px; }
.lc-step-list.cycle li.step2 { top:163px; right:20px; }
.lc-step-list.cycle li.step3 { top:439px; right:-74px; }
.lc-step-list.cycle li.step4 { top:717px; right:16px;}
.lc-step-list.cycle li.step5 { top:717px; left:50%; margin-left:-100px; }
.lc-step-list.cycle li.step6 { top:717px; left:16px }
.lc-step-list.cycle li.step7 { top:439px; left:-74px;  }
.lc-step-list.cycle li.step8 { top:163px; left:20px;  }
.lc-step-list.cycle li.step9 { top:276px; left:50%; margin-left:-100px;  }
.lc-step-list li a:before,
.lc-step-list li > span:before  { content:''; display:block; width:60px; height:53px; margin:0 auto 20px auto; background:url(/houstar/image/icon/icon_life_cycle.png) no-repeat 0 -227px; }
.lc-step-list li.step2 a:before { height:49px; background-position:-60px -231px; }
.lc-step-list li.step3 a:before { height:51px; background-position:-120px -229px; }
.lc-step-list li.step4 > span:before { height:46px; background-position:-180px -235px; }
.lc-step-list li.step5 a:before { height:45px; background-position:-240px -235px; }
.lc-step-list li.step6 a:before { height:46px; background-position:-300px -234px; }
.lc-step-list li.step7 a:before { height:59px; background-position:-360px -221px; } 
.lc-step-list li.step8 a:before { height:48px; background-position:-420px -232px; }
.lc-step-list li.step9 a:before { height:37px; background-position:-480px -243px; }
.lc-box .conts > div .summary { position:absolute; top:535px; left:50%; width:160px; height:130px; margin-left:-80px; line-height:0; font-size:0; color:transparent; background:url(/houstar/image/icon/icon_life_cycle.png) no-repeat -630px 0 }

.modal-lifecycle { max-width:1110px; width:90%; border:3px solid #4b3a3e; box-sizing:border-box  }
.ui-modal.modal-lifecycle .ui-modal-wrap { background:#6f5f62; color:#fff; }
.ui-modal.modal-lifecycle .ui-modal-header { padding:35px 40px 0 40px; box-sizing:border-box; background:#625356; }
.ui-modal.modal-lifecycle .ui-modal-header h1 { font-size:30px; padding:0 0 24px 0;  line-height:36px; border-bottom:1px solid #746568; font-weight:normal; }
.ui-modal.modal-lifecycle .ui-modal-header h1 br { display:none; }
.ui-modal.modal-lifecycle .ui-modal-header .po-txt { color:#fc6673; }
.ui-modal.modal-lifecycle .ui-modal-header > div { padding:30px 0; }
.ui-modal.modal-lifecycle .ui-modal-cont { padding:0 40px; background:#6f5f62; }
.ui-modal.modal-lifecycle .ui-modal-cont > div { position:relative; padding:30px 0 40px 160px; }
.ui-modal.modal-lifecycle .ui-modal-cont > div + div { border-top:1px solid #625356; }
.ui-modal.modal-lifecycle .ui-modal-cont > div h2 { position:absolute; top:40px; left:0; color:#fff; font-size:20px; font-weight:normal; }
.ui-modal.modal-lifecycle .ui-modal-cont > div h2:before { content:''; display:inline-block; width:15px; height:15px; margin-right:10px; background:url(/houstar/image/common/icon_comm.png) no-repeat -140px -200px   }
.ui-modal.modal-lifecycle .ui-modal-cont > div li { position:relative; float:left; font-size:16px; width:33.33%; margin-top:10px; padding-left:10px; box-sizing:border-box;  }
.ui-modal.modal-lifecycle .ui-modal-cont > div li.hf { width:50%; }
.ui-modal.modal-lifecycle .ui-modal-cont > div li:before { content:''; display:block; position:absolute; top:7px; left:0; width:3px; height:3px; background:#fff; border-radius:1.5px;  }
.ui-modal.modal-lifecycle .ui-modal-cont > div li a { display:inline-block; border-bottom:1px solid #fff; font-family:NotoKrL; }
.ui-modal.modal-lifecycle .lb-radio,
.ui-modal.modal-lifecycle .lb-radio.checked span { color:#fff; }
.ui-modal.modal-lifecycle .lb-radio { margin-right:92px; }
.ui-modal.modal-lifecycle .lb-radio + span { margin-left:5px; }
.ui-modal.modal-lifecycle .btn-close { top:39px; right:40px; width:22px; height:22px; font-size:0; line-height:0; color:transparent; background:url(/houstar/image/common/icon_comm.png) no-repeat -100px -200px  }
.ui-modal.modal-lifecycle .ui-modal-header > div button { display:inline-block; height:40px; padding:0 25px; vertical-align:middle; font-size:16px; background:#fff; box-sizing:border-box; }
.ui-modal.modal-lifecycle .ui-modal-header > div button span { position:relative; display:block; padding-left:20px; margin-top:-2px; }
.ui-modal.modal-lifecycle .ui-modal-header > div button span:before { content:''; position:absolute; top:5px; left:0; width:14px; height:11px; display:block; background:url(/houstar/image/common/icon_comm.png) no-repeat -160px -200px  }

.lc-tab-box.mShow { display:none; }

/* 02. 주택도시사업자 */

.bizMapBox { position:relative; max-width:1300px; margin:0 auto; background:#fff; border:1px solid #e5e5e5; text-align:center;  }
.bizMapBox:after { content:''; display:block; clear:both; }
.bizMapBox > div { float:left; width:50%; box-sizing:border-box; height:520px;  }
.bizMapBox .map-l { background:#f1f9fc; height:100%; box-sizing:border-box; }
.bizMapBox .map-l .mapImg { position:relative; display:inline-block; margin:40px 0 0 33px; }
.bizMapBox .map-l .mapImg span.mapTip { display:none; position: absolute; }
.bizMapBox .map-l .mapImg span.mapTip em { position:relative; display:block; border-radius:3px; font-size:13px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); height:29px; padding:3px 20px 0 20px; box-sizing:border-box;  border:1px solid #dae0e3; }
.bizMapBox .map-l .mapImg span.mapTip em:after { content:''; position:absolute; bottom:-10px; left:50%; margin-left:-9px;  display:block; width:18px; height:10px; background:url('/houstar/image/common/bg_maptip.png') no-repeat 0 0;  }
.bizMapBox .mapNav, 
.bizMapBox .subNav { position:absolute; top:60px; left:50%; width:70px; margin-left:-35px; text-align:center; }
.bizMapBox .mapNav span,
.bizMapBox .subNav 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 .subNav > div { position:absolute; top:0; left:107px; width:400px; text-align:left;  }
.bizMapBox .subNav span.txt { display:none; position:relative; background:none; color:#554246; border-radius:0; width:auto; font-size:16px; }
.bizMapBox .subNav span.txt:before, 
.bizMapBox .subNav span.txt:after { content:''; display:block; position:absolute; top:20px; left:0; width:100%; height:1px; background:#bcbcbc;  }
.bizMapBox .subNav span.txt:after { top:50px; }
.bizMapBox .conts {background:#fff;}
.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 .subNav { display:none; }
.bizMapBox .conts .map { display:none; }
.bizMapBox.subOn .conts .map { display:block; padding-top:50px; }
.bizMapBox.subOn .subNav { display:block; }
.bizMapBox.subOn span.cho,
.bizMapBox.subOn .conts .msg { display:none; }
.bizMapBox .conts h5.title { display:none; }

.map-search {display:none;}

/* 03. 주택소비자 가이드 */
.iframeConts > div { width:750px; margin:0 auto; }

/* 04. 참여광장 */
.bg-info-box.sns-info { background-image:url('/houstar/image/bg/bg_join_sns.png'); }
.bg-info-box.sns-info .title:after {display:none}

.go-list { margin:-24px 0 0 -2%;  }
.go-list li { position:relative; float:left; width:31.3%; height:375px; margin:24px 0 0 2%; line-height:24px; padding:60px 37px 37px; color:#787878; font-size:16px; border:1px solid #e5e5e5; background:#f9f9f9; box-sizing:border-box; }
.go-list li strong { position:relative; display:block; font-size:20px; line-height:38px; color:#333; padding-top:90px; margin-bottom:25px; }
.go-list li > span { position:absolute; bottom:45px; right:40px; }
.go-list li > span a { display:block; width:20px; height:20px; font-size:0; line-height:0; background:url(/houstar/image/common/icon_comm.png) no-repeat -100px -100px; } 
.go-list.sns-list li:before { content:''; display:block; position:absolute; top:60px; left:37px; width:60px; height:60px; background:url(/houstar/image/bg/bg_sns.png) no-repeat 0 0;   }
.go-list.sns-list li.tw:before { background-position:-160px 0; }
.go-list.sns-list li.fb:before { background-position:-80px 0; }
.go-list.sns-list li.in:before { background-position:-240px 0; }
.go-list.sns-list li.yt:before { background-position:-320px 0; }
.go-list.rate-list li strong { padding:0; font-size:28px; margin-bottom:15px; }
.go-list.rate-list li:before { content:''; display:block; position:absolute; bottom:43px; left:37px; width:100px; height:80px; background:url(/houstar/image/bg/bg_guide_rate.png) no-repeat 0 0;  }
.go-list.rate-list li.rate02:before { background-position:-100px 0; }
.go-list.rate-list li.rate03:before { background-position:-200px 0; }
.go-list.rate-list li.rate04:before { background-position:-300px 0; }
.go-list.rate-list li.rate05:before { background-position:-400px 0; }
.go-list.rate-list li.rate06:before { background-position:-500px 0; }

/* 05. 알림광장 */
.top-info-txts { text-align:center; font-size:18px; line-height:26px; color:#787878; }
.top-info-txts p { margin-bottom:40px; font-size:30px; line-height:40px; color:#333; }

.relate-info { margin:80px 0 0 0; padding:83px 0 0; height:416px; background:url('/houstar/image/bg/bg_relate_site.png') no-repeat; background-size:cover; box-sizing:border-box; }
.relate-info.bg2 {background:url('/houstar/image/bg/bg_relate_site02.png') no-repeat; }
.relate-info.bg3 {background:url('/houstar/image/bg/bg_relate_site03.png') no-repeat; }
.relate-info .relate-links { position:relative;  max-width: 1024px; width:100%;  margin:0 auto; box-sizing:border-box; }
.relate-info .links { margin-bottom:28px; padding:36px 130px 50px; background:rgba(255,255,255,0.9); font-size:0; word-spacing:0; text-align:center;}
.relate-info.bg2 .links {padding:36px 160px 50px;}
.relate-info .links a { position:relative; display:inline-block; margin:14px 5px 0; height:46px; line-height:43px; padding:0 20px; text-align:center; color:#484848; box-sizing:border-box; font-size:20px; border:1px solid #bfbfbf; border-radius:23px; }
.relate-info .txt-info {padding:0; text-align:center;}
.relate-info .txt-info:before {display:none;}
.relate-info .btns { position:absolute; top:250px; right:0; }
.relate-info .btns button { background:none; border:0; color:#fff; font-size:16px;  }
.relate-info .btns button:after { content:''; display:inline-block; width:17px; height:17px; margin-left:10px; vertical-align:middle;  background:url(/houstar/image/common/icon_comm.png) no-repeat -150px -100px; }
.relate-info.mo { display:none; }
.relate-conts { padding:10px 0 0 0; }
.relate-conts li { position:relative; float:left; width:25%; padding-left:13px; line-height:36px; box-sizing:border-box; }
.relate-conts li:before { content:''; position:absolute; top:17px; left:0; width:3px; height:3px; background:#666; border-radius:1.5px; }
.relate-conts li:hover a { color:#cd424e; border-bottom:1px solid #cd424e; }
.relate-conts li:hover:before { background:#cd424e; }
.relate-conts li a { border-bottom:1px solid #787878; }

/* 06. 주택도시금융연구원*/
.study-acco.ui-acco .pnl-box { padding:0 50px; }
.study-acco.ui-acco .pnl-box .txt { color:#333; font-size:22px; font-family: 'NotoKrL'; line-height:32px;  }
.study-acco.ui-acco .pnl-box h5.tit { margin:55px 0 20px 0; }
.study-box { width:100%; box-sizing:border-box; display:table; border-collapse:separate; margin-top:20px; border-spacing:12px 0; padding:50px 44px; background:url(/houstar/image/bg/bg_study_01.png) no-repeat; background-size:cover;  }
.study-box dl { position:relative; display:table-cell; width:33.33%; box-sizing:border-box; background:rgba(255,255,255,0.95); padding:35px 40px; }
.study-box dl dt { position:relative; color:#333; font-size:30px; padding-bottom:30px; margin-bottom:30px; line-height:36px; }
.study-box dl dt span { display:block; margin:15px 0 0 0; color:#787878; font-size:16px; line-height:24px; }
.study-box dl dt:after { content:''; position:absolute; bottom:0; left:0;  display:block; width:50px; height:1px; background:#787878;  }
.study-box dl dd li { position:relative; font-size:16px; padding-left:15px; margin-top:15px; line-height:24px;  }
.study-box dl dd li:after { content:''; position:absolute; top:10px; left:0; background:#787878; width:3px; height:3px; border-radius:50%;   }
.study-box dl dd li .add-txts { margin-top:3px; display:block; text-indent:-15px; padding-left:15px;  }
.study-box.bg02 { background-image:url(/houstar/image/bg/bg_study_02.png); }
.study-box.bg03 { background-image:url(/houstar/image/bg/bg_study_03.png); }
.study-box.bg11 { background-image:url(/houstar/image/bg/bg_study_11.png); }
.study-box.bg12 { background-image:url(/houstar/image/bg/bg_study_12.png); }
.study-box.bg13 { background-image:url(/houstar/image/bg/bg_study_13.png); }
.study-box.bg21 { background-image:url(/houstar/image/bg/bg_study_21.png); }
.study-box.bg22 { background-image:url(/houstar/image/bg/bg_study_22.png); }
.study-box.bg23 { background-image:url(/houstar/image/bg/bg_study_23.png); }

.survey-txt {padding:50px 30px 65px; font-size:18px; line-height:26px; }
.survey-txt .tit {margin-bottom:50px; font-family: 'NotoKrM'; font-size:30px; font-weight:normal;text-align:center;}
.survey-txt p {font-family: 'NotoKrL'; }
.survey-txt .listBulDot {margin:25px 0;}
.survey-txt .listBulDot li {margin-bottom:0; font-family: 'NotoKrL'; background-position:0 12px;}
.survey-txt .listBulDot li strong {font-family: 'NotoKrR';font-weight:normal;}
.survey-wrap { position:relative; padding:53px 0 150px; background:#f9f9f9; border-top:1px solid #e9e9e9;  }
.survey-wrap:before { content:''; position:absolute; top:-1px; left:50%; width:48px; margin-left:-24px;  height:25px; background:url('/houstar/image/bg/bg_myguabox_arr.png') no-repeat 0 0; }
.survey-wrap .survey-qna {max-width:1170px; margin:20px auto 0;}
.survey-wrap .tit {margin-bottom:40px; font-size:40px; text-align:center; font-weight:normal;}
.survey-qna {border:1px solid #e1e2e2;}
.survey-qna > p {position:relative; padding:30px 30px 30px 98px; line-height:30px; font-family: 'NotoKrL'; font-size:22px; background:#faf5f7;}
.survey-qna > p span {color:#6f5f62;}
.survey-qna > p em {position:absolute; top:50%; left:45px; margin-top:-18px; display:block; width:36px; height:36px; line-height:35px; font-family:Verdana; font-size:18px; color:#fff; background:#9f9596; text-align:center; border-radius:100%;}
.survey-qna > ul {padding:6px 46px; background:#fff;}
.survey-qna > ul > li {padding:16px 52px; border-top:1px solid #e5e5e5;}
.survey-qna > ul > li:first-child {border-top:0;}
.survey-qna > div {padding:30px 53px;background:#fff;}
.survey-qna > div .inp-textarea {height:196px; padding:24px 30px; box-sizing:border-box; font-family: 'NotoKrL'; font-size:18px;}
.survey-qna .result li {padding:20px 52px 17px;}
.survey-qna .result strong {display:inline-block; width:14%; font-family: 'NotoKrL'; font-size:18px; color:#787878; font-weight:normal; vertical-align:top; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow: ellipsis;}
.survey-qna .result [class*="rate"] {position:relative; display:inline-block; width:80%; font-family:Verdana; font-size:18px; color:#e45172; line-height:20px; vertical-align:top;}
.survey-qna .result [class*="rate"] i {display:inline-block; height:20px; background:#e45172;}
.survey-qna .result [class*="rate"] em {position:absolute; top:0; display:inline-block; padding-left:18px; }
.survey-qna .result .rate2 {color:#b18666}
.survey-qna .result .rate2 i {background:#b18666}
.survey-qna .result .rate3 {color:#a78995}
.survey-qna .result .rate3 i {background:#a78995}
.survey-qna .result .rate4 {color:#847d77;}
.survey-qna .result .rate4 i {background:#847d77;}
.survey-qna .result .rate5 {color:#6e86ae;}
.survey-qna .result .rate5 i {background:#6e86ae;}
.survey-qna .result2 {padding:27px 97px; font-family: 'NotoKrL'; font-size:18px; color:#666;}

.bg-state-box.state4 {padding: 0 14.5%; height:500px; background-image:url('/houstar/image/bg/bg_state04.png')}
.bg-state-box.state4 > div > p {padding-top:95px;}
.bg-state-box.state4 > div p:before {display:none;}
.bg-state-box.state4 > div .btn-wrap {margin-top:35px;}
.bg-state-box.state4 > div [class*="btn-main-ico"] {position:relative; width:158px; height:auto; line-height:1; padding:15px 0 15px 28px; font-size:16px;}
.bg-state-box.state4 > div [class*="btn-main-ico"] span:before {content:''; display:block; width:20px; height:20px; position:absolute; top:13px; left:32px; background:url('/houstar/image/common/icon_comm.png') -150px -300px no-repeat;}
.bg-state-box.state4 > div .btn-main-ico2 span:before {left:37px; background-position:-200px -300px;}
.bg-state-box.state4 .inner-box {margin-top:55px; padding:5% 19%; background:rgba(255,255,255,0.9)}
.bg-state-box.state4 .inner-box p {font-size:16px; color:#484848; line-height:24px;}

.certify-box {max-width:1440px; height:500px; margin:80px 0 0; background:url('/houstar/image/bg/bg_certify_box.png') no-repeat 50% 0;}
.certify-box > div {padding:100px 0; text-align:center;}
.certify-box > div p {font-family: 'NotoKrL'; font-size:18px; line-height:26px; color:#fff; opacity:0.7;}
.certify-box > div .btn-wrap {margin-top:48px;}
.certify-box > div [class*="btn-main"] {width:158px; height:46px; line-height:46px; font-size:16px;}
.certify-box .certify-form {width:326px; margin:48px auto 0;}
.certify-box .certify-form div {margin-top:14px;}
.certify-form input[class*="inp-"] {width:100%; height:46px; padding:0 10px 0 46px; font-size:16px; font-family: 'NotoKrL'; color:#666; background:#fff url('/houstar/image/icon/ico_certify.png') 17px 13px no-repeat; box-sizing:border-box;}
.certify-form input.inp-pw {background-position:17px -89px; }
.certify-form input[class*="inp-"].on,
.certify-form input[class*="inp-"]:focus {background-position:17px -37px;}
.certify-form input.inp-pw.on,
.certify-form input.inp-pw:focus {background-position:17px -139px;}
.certify-form input[class*="inp-"]::placeholder,
.certify-form input[class*="inp-"]::-webkit-input-placeholder,
.certify-form input[class*="inp-"]:-ms-input-placeholder  {color:#bbb;}

.boardStep {margin:0 30px; padding:100px 40px 80px; border-bottom:1px solid #e1e2e2;  }
.boardStep h5 {font-size:30px; color:#333; text-align:center;}
.boardStep .step-box {margin-top:45px;}
.boardStep + .boardCont {padding:80px 30px 110px;}
.step-box {font-size:0; word-spacing:0; background:#f6f6f6; overflow:hidden;}
.step-box li {position:relative; display:inline-block; width:33.3%; padding:36px 0 34px; font-family: 'NotoKrL'; font-size:26px; color:#c2c2c2; text-align:center; box-sizing:border-box;}
.step-box li.past {background:#f6f6f6; color:#6f5f62;}
.step-box li:after {content:''; position:absolute; top:0; right:-36px; z-index:1; display:block; width:36px; height:90px; background:url('/houstar/image/bg/bg_step.png') no-repeat 0 0;}
.step-box li.on {background:#d05f68; color:#fff;}
.step-box li.on:after {background-position:-60px 0;}
.step-box li span {position:relative; padding-left:35px;}
.step-box li span:before {content:''; display:block; width:26px; height:30px; position:absolute; top:1px; left:0; background:url('/houstar/image/icon/ico_step.png') no-repeat 0 0; vertical-align:middle;}
.step-box li .ico1:before {background-position:0 0; }
.step-box li .ico2:before {background-position:0 -50px; }
.step-box li .ico3:before {background-position:0 -100px; }
.step-box li.on .ico1:before {background-position:-50px 0; }
.step-box li.on .ico2:before {background-position:-50px -50px; }
.step-box li.on .ico3:before {background-position:-50px -100px; }
.step-box li.past .ico1:before {background-position:-100px 0; }
.step-box li.past .ico2:before {background-position:-100px -50px; }

.intro-visual {position:relative; height:378px; background:url('/houstar/image/bg/bg_intro_01.png') 0 0 no-repeat;}
.intro-visual p {position:absolute; bottom:0; right:0; width:534px; height:208px; padding:60px 30px 0 60px; font-size:24px; line-height:36px; background:#fff; box-sizing:border-box;}
.intro-wrap [class*="intro-box"] {position:relative; height:371px; padding:40px 56% 0 73px; margin-top:90px; text-align:right; box-sizing:border-box;}
.intro-wrap [class*="intro-box"]:before {content:''; display:block; width:52.7%; height:371px; position:absolute; top:0; right:0; background:url('/houstar/image/bg/bg_intro_02.png') 0 0 no-repeat; }
.intro-wrap [class*="intro-box"].bg2:before {height:419px; right:auto; left:0; background:url('/houstar/image/bg/bg_intro_03.png') 100% 0 no-repeat;}
.intro-wrap [class*="intro-box"].bg3:before {background:url('/houstar/image/bg/bg_intro_04.png') 0 0 no-repeat;}
.intro-wrap .intro-box-r {height:419px; padding:40px 73px 0 56%; text-align:left;}
.intro-wrap .intro-visual + .intro-box {margin-top:140px;} 
.intro-wrap [class*="intro-box"] h4 {position:relative; margin:0; padding:55px 0 20px; font-size:30px; line-height:40px;}
.intro-wrap [class*="intro-box"] h4:after {content:''; position:absolute; top:0; left:0; display:block; width:146%; height:2px; background:#333;}
.intro-wrap .intro-box-r h4:after {left:auto; right:0;}
.intro-wrap [class*="intro-box"] ul li {position:relative; display:inline-block; margin-top:13px; padding-left:25px; font-family: 'NotoKrL'; font-size:18px; color:#666; line-height:26px; }
.intro-wrap [class*="intro-box"] ul li:before {content:''; display:inline-block; position:absolute; top:6px; left:0; width:15px; height:15px; background:url(/houstar/image/common/icon_comm.png) no-repeat -140px -200px;}

.vision-wrap [class*="group"] {position:relative; text-align:center;}
.vision-wrap .tit { position:relative; z-index:1; width:232px; height:232px; padding-top:140px; margin:0 auto; box-sizing:border-box; background:url('/houstar/image/bg/bg_vision_ico.png') no-repeat 0 0; font-size:24px; color:#545454; line-height:32px; font-weight:normal;}
.vision-wrap .tit.ico01 {background-position: 0 0;}
.vision-wrap .tit.ico02 {background-position: -300px 0;}
.vision-wrap .tit.ico03 {background-position: 0 -250px;}
.vision-wrap .tit.ico04 {padding-top:124px;background-position: -300px -250px;}
.vision-wrap .tit.ico05 {padding-top:124px;background-position: 0 -500px;}
.vision-wrap .des01 { padding:44px 0; margin-top:-38px; font-family: 'NotoKrL'; font-size:24px; color:#5c5d5e; background:#e1ecf3; border-radius:90px; line-height:30px;}
.vision-wrap .des02 { position:relative; margin-top:35px;}
.vision-wrap .group01 > div  {position:relative; float:left; width:47%; padding-top:50px;}
.vision-wrap .group01 > div:before {content:''; position:absolute; top:0; display:block; width:70px; height:79px; }
.vision-wrap .group01 > div .des01 {padding:47px 105px 43px;}
.vision-wrap .group01 .g-style01:before {right:131px; background:url('/houstar/image/bg/bg_vision_line1.png') 0 0 no-repeat;}
.vision-wrap .group01 .g-style01 .des01 {background:#e8f4e7;}
.vision-wrap .group01 .g-style02 {float:right; }
.vision-wrap .group01 .g-style02:before {left:131px; background:url('/houstar/image/bg/bg_vision_line2.png') 0 0 no-repeat;}
.vision-wrap .group01 .g-style02 .des01 {background:#e9e4f4;}
.vision-wrap .group01:after {content:''; display:block; clear:both;}
.vision-wrap .group02 {margin-top:50px; padding-bottom:130px; background:url('/houstar/image/bg/bg_vision_group.png') 50% 155px no-repeat; font-size:0; word-spacing:0; }
.vision-wrap .group02 > div { max-width:956px; margin:0 auto; }
.vision-wrap .group02 dl {position:relative; top:-90px; display:inline-block; width:33.3%; font-size:20px; vertical-align:top;}
.vision-wrap .group02 .ico02 {top:30px;}
.vision-wrap .group02 dt { display:block; width:180px; height:180px; padding-top:40px; margin:0 auto; border-radius:100%; background:#8a91b2; font-family: 'NotoKrL'; color:#fff; line-height:22px; box-sizing:border-box;}
.vision-wrap .group02 dt:before {content:''; display:block; margin:0 auto 20px; width:48px; height:32px; background:url('/houstar/image/bg/bg_vision_ico.png')  -200px -750px no-repeat;}
.vision-wrap .group02 .ico01  dt:before { width:38px; }
.vision-wrap .group02 .ico02 dt {background:#96a0bd;}
.vision-wrap .group02 .ico02 dt:before { background-position:-260px -750px;}
.vision-wrap .group02 .ico03 dt:before { width:36px; background-position:-320px -750px;}
.vision-wrap .group02 dd { position:relative; margin:52px 8px 0; padding:20px 40px; text-align:left; background:#f9f9f9; border:1px solid #e7e0df; border-radius:60px; }
.vision-wrap .group02 dd:before {content:''; display:block; position:absolute; top:-57px; left:50%; margin-left:-5px; width:11px; height:57px; background:url('/houstar/image/bg/bg_vision_ico.png') no-repeat -120px -750px;}
.vision-wrap .group02 dd li { position:relative; padding-left:10px; font-family: 'NotoKrL'; font-size:16px; color:#787878; line-height:26px; }
.vision-wrap .group02 dd li:before {content:'-'; position:absolute; top:0; left:0;  }
.vision-wrap .group03 {padding:80px 0 0; border-top:1px solid #cfcacb; }
.vision-wrap .group03:after {content:''; display:block; position:absolute; top:-57px; left:50%; z-index:1; margin-left:-53px; width:106px; height:96px; background:url('/houstar/image/bg/bg_vision_ico.png') no-repeat 0 -750px; }
.vision-wrap .group03 .des01 {background:#f6ebe3;}
.vision-wrap .group03 .des02:after {content:''; display:block; position:absolute; top:-41px; left:50%; margin-left:-5px; width:11px; height:123px; background:url('/houstar/image/bg/bg_vision_ico.png') no-repeat -120px -750px;}
.vision-wrap .group03 .des02 span {display:inline-block; width:40%; padding:30px 0; margin:0 3.3%; font-family: 'NotoKrL'; font-size:22px; color:#787878; border:1px solid #e7e0df; border-radius:60px;}

.mapArea img {display:none;width:100%;}
.mapArea .pcImg {display:block;}

.study-acco.ui-acco {margin-top:42px;}
.study-acco .tit {position:relative; padding-left:25px; font-family: 'NotoKrL'; font-size:20px; }
.study-acco .tit:before {content:''; display:inline-block; position:absolute; top:2px; left:0; width:15px; height:15px; background:url(/houstar/image/common/icon_comm.png) no-repeat -140px -200px;}
.study-acco.ui-acco .ui-acco-pnl {padding:60px 0;}
.bul-list li {position:relative; padding-left:13px; font-size:16px; margin-top:7px; color:#787878; }
.bul-list li:first-child { margin-top:0; }
.bul-list li:before {content:''; display:inline-block; position:absolute; top:10px; left:0; width:6px; height:1px; margin-right:5px; background:#797979;}

.tabmenu01.guide-tab li { width:33%;  }
.tabmenu01.guide-tab li:last-child { width:34%;  }	
	
.guide-wrap h4 { font-size:28px; line-height:34px; }
.guide-wrap .txt { margin-top:20px; font-size:16px; line-height:24px; color:#666;  }
.guide-wrap li { position:relative; margin-top:95px; padding:60px 685px 0 0; min-height:420px; box-sizing:border-box; font-size:16px; line-height:24px; color:#666;  }
.guide-wrap li:first-child { margin-top:105px; } 
.guide-wrap li strong { display:block; margin-bottom:20px; color:#333; font-size:28px; line-height:38px; font-weight:normal; font-family: 'NotoKrL'; }
.guide-wrap li:after { content:''; display:block; position:absolute; top:0; right:0; width:606px; height:420px; background:url(/houstar/image/contents/img_info_guide_01.png) no-repeat 0 0; }
.guide-wrap li:before { content:''; display:block; width:22px; height:22px; margin-bottom:10px; background:url(/houstar/image/common/icon_comm.png) no-repeat -240px -260px;   }
.guide-wrap li.info02:after { background-position-y:-420px; }
.guide-wrap li.info03:after { background-position-y:-840px; }
.guide-wrap li.info04:after { background-position-y:-1260px; }
.guide-wrap li.info05:after { background-position-y:-1680px; }
.guide-wrap li.info02:before { background-position-x:-270px; }
.guide-wrap li.info03:before { background-position-x:-300px; }
.guide-wrap li.info04:before { background-position-x:-330px; }
.guide-wrap li.info05:before { background-position-x:-360px; }

.guide-wrap.use-guide li { padding:0; margin:95px 0 0 0;  }
.guide-wrap.use-guide li:first-child { margin-top:85px; }
.guide-wrap.use-guide li:before { display:none; }
.guide-wrap.use-guide li strong { display:inline-block; margin:0 20px 50px 0;  }
.guide-wrap.use-guide li:after { position:static; display:block; width:1170px; height:400px; margin:0 auto; background:url(/houstar/image/contents/img_info_guide_03.png) no-repeat 0 0; }
.guide-wrap.use-guide li.info02:after { height:515px; background-position-y:-450px; }
.guide-wrap.use-guide li.info03:after { height:515px; background-position-y:-1010px; }

.guide-list {margin-left:-2.2%;}
.guide-list li {float:left; display:table; width:47.8%; margin:0 0 24px 2.2%;  }
.guide-list li a {display:table-cell; position:relative; padding:59px 85px 59px 190px; height:100%; border:1px solid #e5e5e5; background:#f9f9f9; vertical-align:middle; box-sizing:border-box; line-height:24px;}
.guide-list li a strong {display:inline-block; margin-bottom:7px; font-size:22px; color:#333; font-weight:normal; border-bottom:1px solid transparent;}
.guide-list li a:hover strong {color:#cd424e; border-bottom:1px solid #cd424e;}
.guide-list li a span {display:block; font-family: 'NotoKrL'; font-size:16px; color:#787878; }
.guide-list li a:before {content:''; display:block; width:100px; height:100px; position:absolute; top:50%; left:53px; margin-top:-50px; background:url(/houstar/image/icon/ico_guidelist.png) no-repeat}
.guide-list li.ico2 a:before {background-position:-150px 0;}
.guide-list li.ico3 a:before {background-position:-300px 0;}
.guide-list li.ico4 a:before {background-position:0 -150px;}
.guide-list li.ico5 a:before {background-position:-150px -150px;}
.guide-list li.ico6 a:before {background-position:-300px -150px;}

@media (min-width: 1091px) {		
	.study-box.num2 dl { width:50%;  }	
	
	.guide-wrap li.r-conts { padding:60px 0 0 685px; }
	.guide-wrap li.r-conts:after { right:inherit; left:0; }
}

/* mobile */
@media (min-width: 768px) {		
	.my-sta-acco .ui-acco-wrap { position:static; }
	.my-sta-acco .ui-acco-tit { position:absolute; top:0; left:0; width:25%; padding:0; box-sizing:border-box; border:0 !important;  }
	.my-sta-acco .ui-acco-wrap:nth-of-type(2) .ui-acco-tit { left:25%; }
	.my-sta-acco .ui-acco-wrap:nth-of-type(3) .ui-acco-tit { left:50%; }
	.my-sta-acco .ui-acco-wrap:nth-of-type(4) .ui-acco-tit { left:75%; }	
	.my-sta-acco.my-indi-acco .ui-acco-tit { width:20%; }
	.my-sta-acco.my-indi-acco .ui-acco-wrap:nth-of-type(2) .ui-acco-tit { left:20%; }
	.my-sta-acco.my-indi-acco .ui-acco-wrap:nth-of-type(3) .ui-acco-tit { left:40%; }
	.my-sta-acco.my-indi-acco .ui-acco-wrap:nth-of-type(4) .ui-acco-tit { left:60%; }
	.my-sta-acco.my-indi-acco .ui-acco-wrap:nth-of-type(5) .ui-acco-tit { left:80%; }	

}

@media (max-width:1090px) {	
	.graph-wrap { margin:70px 0 0 0; min-height:500px;  }
	
	.bg-info-box { margin:80px 0 0 0; padding:105px 30px;  }
	.bg-info-box > div { padding:5% 8%; font-size:18px; line-height:26px; }
	.bg-info-box .title .mbr { display:block; }
	
	.go-list { margin:-24px 0 0 -3%; }
	.go-list li { width:47%; height:300px; margin:24px 0 0 3%; font-size:14px; line-height:20px; }
	.go-list li strong { margin-bottom:10px; font-size:19px; padding-top:53px; }
	.go-list li > span { bottom:15px; right:23px;  }
	.go-list li > span a { width:25px; height:25px; background-position:-50px -70px; background-size:200px auto; }
	.go-list.sns-list li { padding:25px 23px 54px 23px; height:240px; }
	.go-list.sns-list li:before { top:23px; left:23px; width:45px; height:45px; background-size:300px auto; background-position:0 -50px; }
	.go-list.sns-list li.fb:before { background-position:-50px -50px; }
	.go-list.sns-list li.tw:before { background-position:-100px -50px; }
	.go-list.sns-list li.in:before { background-position:-150px -50px; }
	.go-list.sns-list li.yt:before { background-position:-200px -50px; }	
	.go-list.rate-list li { padding:24px 25px 80px 25px; height:240px; }
	.go-list.rate-list li strong { font-size:19px; line-height:25px;   }
	.go-list.rate-list li:before { bottom:20px; left:25px; width:70px; height:50px; background-size:400px auto; background-position:0 -50px; }
	.go-list.rate-list li.rate02:before { background-position:-70px -50px; }
	.go-list.rate-list li.rate03:before { background-position:-140px -50px; }
	.go-list.rate-list li.rate04:before { background-position:-210px -50px; }
	.go-list.rate-list li.rate05:before { background-position:-280px -50px; }
	.go-list.rate-list li.rate06:before { background-position:-350px -50px; }
	
	.relate-info {margin:30px 0 0 0; padding:50px 9.4% 0; }
	.relate-info .links, .relate-info.bg2 .links {padding:36px 5% 50px}
	.relate-conts li { width:50%;}
	
	.my-sta-warp > p { display:none; }
	.my-sta-warp > p.mo { display:block; }
	.my-sta-acco .ui-acco-btn:before { height:85px; }
	.my-sta-acco .ui-acco-btn span.tit:before { margin-left:-55px; width:110px; height:110px; background-size:500px auto; }
	.my-sta-acco .ui-acco-tit.my-sta01 .ui-acco-btn span.tit:before { background-position:0 -200px; }
	.my-sta-acco .ui-acco-tit.my-sta02 .ui-acco-btn span.tit:before { background-position:-120px -200px; }
	.my-sta-acco .ui-acco-tit.my-sta03 .ui-acco-btn span.tit:before { background-position:-240px -200px; }
	.my-sta-acco .ui-acco-tit.my-sta04 .ui-acco-btn span.tit:before { background-position:-360px -200px; }	
	.my-sta-acco .ui-acco-tit.my-sta05 .ui-acco-btn span.tit:before { background-position:-480px -200px; }	
	.my-sta-acco .ui-acco-tit.my-sta01 .ui-acco-btn.selected span.tit:before { background-position:0 -315px; }
	.my-sta-acco .ui-acco-tit.my-sta02 .ui-acco-btn.selected span.tit:before { background-position:-120px -315px; }
	.my-sta-acco .ui-acco-tit.my-sta03 .ui-acco-btn.selected span.tit:before { background-position:-240px -315px; }
	.my-sta-acco .ui-acco-tit.my-sta04 .ui-acco-btn.selected span.tit:before { background-position:-360px -315px; }
	.my-sta-acco .ui-acco-tit.my-sta05 .ui-acco-btn.selected span.tit:before { background-position:-480px -315px; }
	.my-sta-acco.my-indi-acco .ui-acco-tit.my-sta05 .ui-acco-btn span.tit:before { background-position:-480px -200px; }	
	.my-sta-acco.my-indi-acco .ui-acco-tit.my-sta05 .ui-acco-btn.selected span.tit:before { background-position:-480px -315px; }
	.my-sta-acco.my-indi-acco .ui-acco-btn span.tit:before { background-size:750px auto; }
	.my-sta-acco .ui-acco-btn { text-align:center; padding:135px 10px 0 10px; }
	.my-sta-acco .ui-acco-btn span.tit { width:148px; font-size:16px; height:55px; line-height:55px; border-radius:27.5px;  max-width:160px; }
	.my-sta-acco.my-indi-acco .ui-acco-btn span.tit { width:110px;}
	.my-sta-acco.my-indi-acco .ui-acco-btn:before { top:38px; }
	.my-sta-acco.my-indi-acco .ui-acco-tit .add-txts { font-size:14px; top:15px; padding-top:12px; right:-45px; width:90px; height:76px; line-height:18px; }
	.my-sta-acco.my-indi-acco > span.add-txts { display:none; }
	
	.my-tips { position:fixed; top:0 !important; left:0; right:0; padding: 0px; min-height: 100%;  margin:auto; z-index: 1110; }    
    .my-tips > div { position:absolute;left:50%;top:50%;padding:0;color:#fff; max-height:550px; border:2px solid #4b3a3e; overflow-y:auto;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%); }
	
	.stat-info-tips .dp-arrow { display:none; }
	.stat-info-tips > div { border:0; }
	.stat-info-tips > div .info-list { margin:0 20px; display:inherit; }	
	.stat-info-tips > div .info-list li { display:inherit; width:inherit; padding:23px 0 20px 0; font-size:12px; border:1px solid rgba(255,255,255,0.3); border-width:1px 0px 0px 0px; }
	.stat-info-tips > div .info-list li:before { display:none; }
	.stat-info-tips > div .info-list li strong { font-size:18px; }
	.stat-info-tips .btn-close { display:block; width:20px; height:20px; background:url('/houstar/image/common/icon_comm.png') no-repeat -120px 0; background-size:200px auto; line-height:0; font-size:0; color:transparent; }
	
	.stat-info-tips .info-txts { padding:25px; }
	.stat-info-tips .info-txts > strong { font-size:18px; margin-bottom:10px; padding-left:0; }
	.stat-info-tips .info-txts > strong:before { display:none; }
	.stat-info-tips .info-txts li { font-size:12px; line-height:16px;  }
	.stat-info-tips .info-txts li:before { top:7px; }
	
	.lc-step-list li { width: 160px; height:160px; background: url(/houstar/image/icon/icon_life_cycle.png) no-repeat 0 -150px; background-size: 750px auto; }
	.lc-step-list li.step3, .lc-step-list li.step4, .lc-step-list li.step5 { background-position:-180px -150px;  }
	.lc-step-list li.step6 { background-position:-360px -150px; }
	.lc-step-list.cycle li.step1 { top:38px; margin-left:-80px; }
	.lc-step-list.cycle li.step2 { top:123px; right:12px;  }
	.lc-step-list.cycle li.step3 { top:327px; right:-55px; }
	.lc-step-list.cycle li.step4 { top:533px; right:10px; }
	.lc-step-list.cycle li.step5 { top:533px; margin-left:-80px; }
	.lc-step-list.cycle li.step6 { top:533px; left:10px; }
	.lc-step-list.cycle li.step7 { top:327px; left:-55px; }
	.lc-step-list.cycle li.step8 { top:123px; left:12px; }
	.lc-step-list.cycle li.step9 { top:209px; margin-left:-80px; }
	.lc-step-list li a > span,
	.lc-step-list li > span > span { font-size:15px; line-height:16px; }
	.lc-step-list li a > span span { font-size:12px; }			
	.lc-step-list li a:before,
	.lc-step-list li > span:before { content: ''; display: block; width: 60px; height:45px; margin: 0 auto 12px auto; background: url(/houstar/image/icon/icon_life_cycle.png) no-repeat -120px -330px;  background-size: 750px auto; }
	.lc-step-list li.step2 a:before { height:40px; background-position:-240px -335px; }
	.lc-step-list li.step7 a:before { height:48px; background-position:0 -327px; }	
	.lc-step-list li.step8 a:before { height:40px; background-position:-60px -336px; } 
	.lc-step-list li.step1 a:before { height:45px; background-position:-120px -330px; } 
	.lc-step-list li.step9 a:before { height:30px; background-position:-180px -345px; } 	
	.lc-step-list li.step3 a:before { height:44px; background-position:-300px -333px; }
	.lc-step-list li.step4 > span:before { height:40px; background-position:-360px -338px; } 
	.lc-step-list li.step5 a:before { height:40px; background-position:-420px -338px; } 	
	.lc-step-list li.step6 a:before { height:40px; background-position:-480px -338px; }
	
	.study-box { display:list-item; border-spacing:0; padding:50px;  }
	.study-box dl { margin-top:10px; display:inherit; width:100%;  }
	.study-box dl:first-of-type { margin-top:0; }
	.study-box dl dt span br,
	.study-acco.ui-acco .pnl-box .txt br { display:none; }
	
	.intro-wrap {margin:0 -30px;}
	.intro-visual {background-position: 25% 0}
	.intro-visual p {position:absolute; bottom:0; right:0; width:534px; height:208px; padding:65px 30px 0 60px; font-size:24px; line-height:36px; background:#fff; box-sizing:border-box;}
	.intro-wrap [class*="intro-box"] {height:412px; padding:40px 52.6% 0 30px;}
	.intro-wrap [class*="intro-box"]:before {width:46%; height:412px; background-size:cover !important;}
	.intro-wrap [class*="intro-box"].bg2:before {height:460px; }
	.intro-wrap .intro-box-r {height:460px; padding:40px 30px 0 52.6%;}
	.intro-wrap [class*="intro-box"] h4:after {width:132%;}
	.intro-wrap .intro-box-r h4:after {left:auto; right:0;}
	
	.vision-wrap .des01 { padding:44px 100px; }
	.vision-wrap .des02 { position:relative; margin-top:35px;}
	.vision-wrap .group01 > div  { width:48%; }
	.vision-wrap .group01 > div .des01 {padding:46px 40px 44px;}
	.vision-wrap .group01 .g-style01:before {right:131px;}
	.vision-wrap .group01 .g-style02:before {left:131px;}
	.vision-wrap .group02 {background:url('/houstar/image/bg/bg_vision_group_t.png') 50% 155px no-repeat; }
	.vision-wrap .group02 > div { max-width:956px; margin:0 auto; }
	.vision-wrap .group02 dt { display:block; width:160px; height:160px; padding-top:36px; font-size:18px; line-height:22px; box-sizing:border-box;}
	.vision-wrap .group02 dt:before {margin:0 auto 18px;}
	.vision-wrap .group02 dd { margin:38px 15px 0; padding:15px 35px; border-radius:50px;}
	.vision-wrap .group02 dd:before {top:-42px; height:42px;}
	.vision-wrap .group02 dd li { font-size:14px; line-height:22px; }
	.vision-wrap .group03 .des02 span {font-size:20px;}
	
	.mapArea .pcImg {display:none;}
	.mapArea .tImg {display:block;} 
	
	.survey-txt {padding:40px 30px 20px;}
	.survey-wrap {padding:53px 30px 150px;}
	.survey-qna .result strong {width:20%;}
	.survey-qna .result [class*="rate"] {width:77%;}
	
	.bg-state-box.state4 {padding: 0 5%; height:550px; background-size:cover;}
	.bg-state-box.state4 .inner-box {margin-top:55px; padding:5% 20%; background:rgba(255,255,255,0.9)}
	.bg-state-box.state4 .inner-box p {font-size:16px; color:#484848; line-height:24px;}
	
	.step-box li {padding-left:35px;}
	.step-box li span {padding-left:0;}
	.step-box li span:before {display:none;}
		
	/* map common */
	.bizMapBox {display:none;}
	.map-search {display:block;}
	.map-search {height:auto; margin:0; }
	.map-search .search {float:none;}
	.map-search .selectBox {float:none; display: block; min-width: 100%; height:45px; margin:7px 0 0; box-sizing:border-box;}
	.map-search .selectBox:first-of-type {margin-top:0;}
	
	.guide-wrap li { padding:0; margin-top:45px; }
	.guide-wrap li:first-child { margin-top:95px; }
	.guide-wrap li:after { position:static; margin:60px auto 0 auto; width:480px; height:565px; background:url(/houstar/image/contents/img_info_guide_01_ta.png);  }
	.guide-wrap li.info02:after { background-position-y:-570px; }
	.guide-wrap li.info03:after { background-position-y:-1140px; }
	.guide-wrap li.info04:after { background-position-y:-1710px; }
	.guide-wrap li.info05:after { background-position-y:-2280px; }
	
	.guide-wrap.use-guide li:after { width:486px; height:1100px; background:url(/houstar/image/contents/img_info_guide_03_ta.png); }
	.guide-wrap.use-guide li.info02:after { height:550px; background-position:-500px 0; }
	.guide-wrap.use-guide li.info03:after { height:550px; background-position:-500px -550px; }
	
	.guide-list {margin-left:0;}
	.guide-list li {float:none; width:100%; margin:0 0 12px; }
}

 @media screen and (min-width: 768px) and (max-width: 1090px) {    
	.my-sta-warp:before { height:327px; }	
	.my-sta-acco { padding:225px 15px 0 15px; margin-top:30px; }	
	.my-sta-acco h4 { font-size:30px; margin-bottom:0; }
	.my-sta-acco .ui-acco-pnl { padding:35px 0 80px 0; }
	.my-sta-acco .my-gua-list li { font-size:24px; padding:35px 280px 35px 30px;  }
	.my-sta-acco .my-gua-list li .btns { width:250px; }
	.my-sta-acco .ui-acco-btn span.tit.txts { padding-top:8px; line-height:18px; }
	.lc-box { height:730px; }
	.lc-box .conts > div { width:600px; height:520px; padding-top:107px; background: url(/houstar/image/bg/bg_life_cycle_line_mo.png) no-repeat 0 107px; }	
	.lc-box .conts > div .summary { top:400px; margin-left:-60px; width:120px; height:100px; background: url(/houstar/image/icon/icon_life_cycle.png) no-repeat -800px 0;  }
	.ui-modal.modal-lifecycle .ui-modal-cont > div h2 { top:27px; }
	.ui-modal.modal-lifecycle .ui-modal-cont > div { padding:15px 0 35px 160px; }
	.ui-modal.modal-lifecycle .ui-modal-cont > div + div { padding-top:25px; }
	.ui-modal.modal-lifecycle .ui-modal-cont > div + div h2 { top:37px; }
	.ui-modal.modal-lifecycle .ui-modal-cont > div ul { display:flex; flex-wrap:wrap; }
	.ui-modal.modal-lifecycle .ui-modal-cont > div li { width:50%; padding:0 20px 0 10px; }
	.ui-modal.modal-lifecycle .ui-modal-cont > div li a { display:inline; line-height:24px;  }
	.ui-modal.modal-lifecycle .ui-modal-cont > div li:before { top:10px;}
	
	
}
@media (max-width:767px) {
	body.dropdownOpened { height: 100%; overflow: hidden; }
	
	.graph-wrap { margin:30px 0 0 0; min-height:500px; }
	
	.iframeConts > div { overflow-x:scroll; max-width:740px; width:100%; }
	.content .txt {font-size: 17px; line-height: 26px;}
	
	[class^="txt-info"]{ padding-left:7px; font-size:12px; line-height:20px; color:#fff; } /* text */
	[class^="txt-info"]:before { content:''; position:absolute; top:7px; left:0; display:block; width:6px; height:7px; background:url('/houstar/image/common/bul_txts.png') no-repeat; background-size:50px auto;   }

	.top-info-img {margin-top:-1px;}
	.top-info-img img {width:100%;}
	.top-info-txts {padding:23px 25px 0; margin:0; text-align:left; font-size:15px; line-height:21px; color:#333; }
	.top-info-txts p {margin:0 0 18px; font-size:19px; line-height:25px;}
	
	.txt-info-b { color:#000;  }
	.txt-info-b:before { background-position:-5px 0; }
	
	.relate-info { display:none; }
	.relate-info.mo { display:block; height:auto; background:none; margin:30px 15px 15px 15px; padding:0; }	
	.relate-info.mo .selectBox { display:block; margin-bottom:10px; }
	.relate-info.mo .txt-info-b { margin-left:10px; color:#787878; }
	.relate-conts { margin-top:0; padding:0; }
	.relate-conts li { float:inherit; width:inherit; line-height:30px;    }
	.relate-conts li a { font-size:14px; }
	.bg-info-box { margin-top:-1px; padding:45px 15px; }
	.bg-info-box > div { padding:30px 8%; font-size:15px; line-height:18px;  }
	.bg-info-box .title { font-size:21px; line-height:25px;  }
	.bg-info-box { padding:156px 15px; height:460px;}
	.bg-info-box > div { padding:30px 8%; font-size:18px; line-height:22px; box-sizing:border-box;}
	.bg-info-box .title:after { width:10px; }
	.bg-info-box > div.txts { font-size:18px; line-height:22px;  }
	.bg-info-box.potal-info { margin:0; padding:21px 25px 0; background:none; height:auto;}
	.bg-info-box.potal-info > div {border-top:1px solid #e5e5e5; background:#fff; padding:21px 0 0; text-align:left; font-size:15px; line-height:21px; color:#787878;  }
	.bg-info-box.info-guide { margin-bottom:25px; background-image:url(/houstar/image/bg/bg_info_guide_m.png); background-size:cover;}
	.bg-info-box.life-cycle {background-image:url(/houstar/image/bg/bg_lifecycle_m.png); background-size:cover;}
	.bg-info-box.pri-info { background-image:url('/houstar/image/bg/bg_privacy_info01_m.png'); background-size:cover;}
	.bg-info-box.biz-info { background-image:url('/houstar/image/bg/bg_biz_info01_m.png'); background-size:cover;}
	.bg-info-box.sns-info {padding:125px 15px; background-image:url('/houstar/image/bg/bg_join_sns_m.png'); background-size:cover; }
	.bg-info-box.sns-info > div {font-size:15px; }
	
	.go-list { margin:0; }
	.go-list li { float:inherit; width:100%; margin:15px 0 0 0; font-size:12px; line-height:16px;  }
	.go-list li:first-child { margin-top:0; }
	.go-list.sns-list li,
	.go-list.rate-list li { height:inherit; }	
	
	/* state-box */
	.bg-state-box {height:460px; margin:-1px 0 0; background-image:url('/houstar/image/bg/bg_state01_m.png'); background-size:cover;}
	.bg-state-box.state2 {background-image:url('/houstar/image/bg/bg_state02_m.png'); }
	.bg-state-box.state3 {background-image:url('/houstar/image/bg/bg_state03_m.png'); }
	.bg-state-box > div {padding:0 15px;}
	.bg-state-box > div strong { padding:110px 0 15px; font-size:21px; }
	.bg-state-box.state3 div strong {padding-top:135px;}
	.bg-state-box > div p {font-size:15px; line-height:21px; color:#fff; }
	.bg-state-box > div p:before {width:10px; height:1px; margin:0 auto 13px;}
	.bg-state-box > div .btn-wrap {margin:40px auto 0; padding:0; display:block;max-width:320px;}
	.bg-state-box > div .btn-main {width:100%; height:45px; line-height:45px; margin:0 0 10px;}
	
	
    /* 01. 주택보증 통계정보 */
    
    .my-sta-warp { background:#fff; }
	.my-sta-warp:before { display:none; }
	.my-sta-warp > p { padding:20px 0 0 0;  }
	
    .my-sta-acco { margin:0; padding:0; }
	.my-sta-acco .ui-acco-tit { position:relative; padding: 25px 0; text-align:center; margin:0 45px; }
	.my-sta-acco .ui-acco-btn { position:static; padding:0 0 0 130px; display:inline-block; width:inherit; height:110px; margin:0 auto; vertical-align:middle;}	
	.my-sta-acco .ui-acco-btn:before { display:none; } 	
	.my-sta-acco .ui-acco-btn span.tit { margin:0 0 0 0; font-size:16px; display:table-cell; line-height:22px; width:180px; max-width:180px; height:60px; border-radius:30px;  padding:0 10px 0 10px; vertical-align:middle; }
	.my-sta-acco .ui-acco-btn span.tit:before { left:50%; top:50%; margin-left:-155px; margin-top:-55px; }
	.my-sta-acco .ui-acco-btn span.tit.txts { padding-top:3px; }
	.my-sta-acco .ui-acco-arrow { position:absolute; bottom:-10px; right:0; border:1px solid red; }
	.my-sta-acco .ui-acco-pnl { padding:0; }
	.my-sta-acco .ui-acco-pnl h4 { font-size:15px; text-align:left; padding:21px 0 0 25px; margin:0; color:#787878; }	
	.my-sta-acco .my-gua-list li { padding:25px; border-width:1px 0; font-size:18px; margin:5px 0 0 0;  }
	.my-sta-acco .my-gua-list li:first-child { margin-top:15px; }
	.my-sta-acco .my-gua-list li .btns { position:static; margin:13px 0 0 0; height:inherit; right:inherit;  }
	.my-sta-acco .my-gua-list li .btns a { width:auto !important; font-size:13px; line-height:35px; height:35px; padding:0 15px; float:inherit !important; margin-right:5px; }	
	.my-sta-acco .my-gua-list li .btns > a span { padding-left:22px; }
	.my-sta-acco .my-gua-list li .btns > a span:before { width:14px; height:14px; top:2px; background-size:200px auto; background-position:0 -75px; }
	.my-sta-acco .my-gua-list li .btns > a.btn_pjoin span:before { background-position:-20px -75px;  }
	.my-sta-acco .ui-acco-wrap.selected + .ui-acco-wrap { border-top:1px solid #e9e9e9 }
	.my-sta-acco .ui-acco-wrap.selected + .ui-acco-wrap .ui-acco-tit:first-child { border-top:0; }	
	.my-sta-acco.my-indi-acco .ui-acco-wrap { position:static; z-index:1; }
	.my-sta-acco.my-indi-acco .ui-acco-btn span.tit { width:180px; max-width:180px; }
	.my-sta-acco.my-indi-acco .ui-acco-tit .ui-acco-btn:before { z-index:99; top:auto; bottom:-14.5px; left:50%; margin-left:52.5px;  width:29px; height:29px; background-position:-475px 0; background-size:750px auto;  }
	.my-sta-acco.my-indi-acco .ui-acco-tit.my-sta01 .ui-acco-btn:before, 
	.my-sta-acco.my-indi-acco .ui-acco-tit.my-sta03 .ui-acco-btn:before { display:block; }
	.my-sta-acco.my-indi-acco .ui-acco-tit.my-sta02 .ui-acco-btn:before, 
	.my-sta-acco.my-indi-acco .ui-acco-tit.my-sta04 .ui-acco-btn:before { display:none; }
	.my-sta-acco.my-indi-acco .ui-acco-tit.my-sta03, .my-sta-acco.my-indi-acco .ui-acco-tit.my-sta05 { border-top:0; }
	.my-sta-acco.my-indi-acco .ui-acco-tit .add-txts { display:none; }
	.my-sta-acco.my-indi-acco .ui-acco-btn.selected:before { display:none !important; }
	.my-sta-acco.my-indi-acco > span.add-txts { position:relative; padding:0 50px; z-index:2; text-align:center; display:block; width:100%; box-sizing:border-box; }
    .my-sta-acco.my-indi-acco > span.add-txts > span { display:table; padding-left:130px; margin:0 auto; }
    .my-sta-acco.my-indi-acco > span.add-txts > span > span { display:table-cell; background:#e5e4f0; max-width:180px; width:180px; position:relative; font-size:16px; color:#6f5f62; text-align:center; line-height:60px; height: 60px; border-radius: 30px; vertical-align: middle;  }
    .my-sta-acco.my-indi-acco .add-txts span > span:before, 
    .my-sta-acco.my-indi-acco .add-txts span > span:after { content:''; position:absolute; top:-35.5px; left:50%; margin-left:-10.5px; display:inline-block; width:21px; height:21px; background:url(/houstar/image/bg/bg_biz_tabs.png) no-repeat -515px 0; background-size: 750px auto; }
	.my-sta-acco.my-indi-acco .add-txts span > span:after { top:inherit; bottom:-35.5px;  }	
	.my-sta-acco.my-indi-acco .ui-acco-wrap.selected + span.add-txts { padding-top:52px; border-top:1px solid #e9e9e9; }	
	.my-sta-acco .ui-acco-pnl .btn-close { display:block; position:absolute; top:20px; right:20px; }
	.my-sta-acco .ui-acco-pnl .btn-close button { vertical-align:top; width: 19px; height:19px; color:transparent; font-size:0; background: url(/houstar/image/common/icon_comm.png) no-repeat -100px 0; background-size: 200px auto; }
	.my-sta-acco .ui-acco-pnl { border-top:1px solid #e9e9e9; padding:0 0 20px 0; background:#f9f9f9; }
	.my-sta-acco .ui-acco-pnl:before { display:none; }	
	
	.life-cycle-wrap > p { padding:20px 0; }
	.lc-box.mHidden { display:none; }
	.lc-tab-box.mShow { display:block; background: url(/houstar/image/bg/bg_life_cycle_box.png) no-repeat center; background-size:cover;}
	.lc-tab-box .ui-tab { margin:0; }
	.lc-tab-box .ui-tab-btns { position:relative; text-align:center; line-height:0; font-size:0; padding:50px 0 35px 0; }
	.lc-tab-box .ui-tab-btns:before { content:''; position:absolute; top:30px; left:50%; width:210px; margin-left:-105px; height:57px; background: url(/houstar/image/icon/icon_life_cycle.png) no-repeat -290px -93px; background-size:750px auto;  }
	.lc-tab-box .ui-tab-btns:after { display:none; }
	.lc-tab-box .ui-tab-btn { float:none; border-radius:50%; width:70px; height:70px; font-size:16px; padding:0; margin:0 15px; border:1px solid #ccc; color:#6f5f62; background:#fff; }
	.lc-tab-box .ui-tab-btn span { border-bottom:1px solid #6f5f62; }
	.lc-tab-box .ui-tab-btns li:nth-child(1) .ui-tab-btn.selected { background:#e1ecf3; border-color:#cad7e3; }
	.lc-tab-box .ui-tab-btns li:nth-child(2) .ui-tab-btn.selected { background:#e8f4e7; border-color:#d3ded2; }
	.lc-tab-box .ui-tab-btns li:nth-child(3) .ui-tab-btn.selected { background:#f4e1e4; border-color:#ebd9dc; }
	.lc-tab-box .ui-tab-btn.selected { box-shadow:5px 5px 10px rgba(0,0,0,0.2); }
	.lc-tab-box .ui-tab-btn.selected span { border:0; }	
	.lc-tab-box .ui-tab-btns li { display:inline-block;  }
	.lc-tab-box .ui-tab-pnl { background:transparent; padding:0 0 50px 0; border:0; }
	.lc-tab-box .ui-tab-pnl > strong { display:block; font-size:20px; text-align:center; color:#cd424e; }
	.lc-tab-box .ui-tab-pnl > ul { position:relative; max-width:345px; width:100%; margin:20px auto 0 auto; }
	.lc-tab-box .ui-tab-pnl > ul:before { content:''; position:absolute; top:160px; left:50%; margin-left:-77.5px; width:155px; height:500px; background:url(/houstar/image/icon/icon_life_cycle.png) no-repeat -548px 0; background-size: 750px auto; z-index:1; }
	.lc-tab-box .ui-tab-pnl.cycle2 > ul:before { width:20px; margin-left:-10px; background-position:-705px 0; }
	.lc-tab-box .ui-tab-pnl.cycle3 > ul:before { display:none; }
	.lc-tab-box .ui-tab-pnl > ul li { position:relative; display:table; width:160px; height:160px; margin:52px auto 0 auto; box-sizing: border-box; z-index:2; }
	.lc-tab-box .ui-tab-pnl > ul li:first-child { margin-top:0; }
	.lc-tab-box .ui-tab-pnl > ul li a { display:table-cell; text-align: center; vertical-align: middle; }
	.lc-tab-box .ui-tab-pnl > ul li a > span { font-size:16px; color:#6f5f62; line-height:18px; border-bottom: 1px solid #6f5f62; }
	.lc-tab-box .ui-tab-pnl > ul li a span span { font-size:13px; }	
	
	.lc-tab-box .ui-tab-pnl.cycle1 > ul li:nth-child(3) { margin:52px 0 0 5px;  }
	.lc-tab-box .ui-tab-pnl.cycle1 > ul li:nth-child(4) { position:absolute; top:424px; right:0; margin-top:0; }	
	
	.ui-modal.modal-lifecycle .ui-modal-header { padding:20px; }
	.ui-modal.modal-lifecycle .ui-modal-header h1 { border:0; padding:0 50px 20px 0; font-size:21px; line-height:27px;  }
	.ui-modal.modal-lifecycle .ui-modal-header h1 br { display:block; }
	.ui-modal.modal-lifecycle .ui-modal-header > div { padding:5px 0 15px 0; }
	.ui-modal.modal-lifecycle .ui-modal-cont { padding:5px 20px 25px 20px; }
	.ui-modal.modal-lifecycle .ui-modal-cont > div { padding:20px 0 0 0; }
	.ui-modal.modal-lifecycle .ui-modal-cont > div + div { margin-top:25px;  }
	.ui-modal.modal-lifecycle .ui-modal-cont > div h2 { position:static; font-size:18px; }
	.ui-modal.modal-lifecycle .ui-modal-cont > div h2:before { display:none;  }
	.ui-modal.modal-lifecycle .ui-modal-cont > div li { float:none; width:auto !important; }
	.ui-modal.modal-lifecycle .ui-modal-cont > div li a { font-size:14px;  } 	
	.ui-modal.modal-lifecycle .ui-modal-header > div button { height:36px; padding:0 20px; } 	
	.ui-modal.modal-lifecycle .ui-modal-header > div > span { float:right; margin-top:-5px; } 
	.ui-modal.modal-lifecycle .lb-radio { margin-right:35px; }
	.ui-modal.modal-lifecycle .btn-close { top:20px; right:15px;  width:19px; height:19px; background-position:-121px 0; background-size:200px auto; }
	.ui-modal.modal-lifecycle .ui-modal-header > div button span:before { top:7px; background-position:-80px -120px; background-size:200px auto; }
	
	/* 06. 주택도시금융연구원 */
	.study-acco.ui-acco {margin-top:0;}
	.study-acco.ui-acco .ui-acco-pnl { padding:25px 0; }
	.study-acco.ui-acco .pnl-box { padding:0 25px; }
	.study-acco.ui-acco .pnl-box .txt { font-size:17px; line-height:23px;  }
	.study-acco.ui-acco .pnl-box h5.tit { margin:35px 0 15px 0; font-size:18px; }
	.study-box { padding:25px; }
	.study-box dl { padding:30px 25px; }
	.study-box dl dt { font-size:25px; line-height:30px; padding-bottom:25px; margin-bottom:25px;  }
	.study-box dl dt span { font-size:15px; margin-top:10px; }
	.study-box dl dd li { line-height:20px; margin-top:10px; font-size:15px; padding-left:11px; }
	.study-box dl dd li:after { top:7px; }
	
	.bul-list li { font-size:15px; }
	.bul-list li:before { top:7px; }
	
	/* 06. 주택도시금융연구원 - 소개 */
	.intro-wrap {margin:0;}
	.intro-visual {padding-top:200px; height:auto; background-size:auto 100%;}
	.intro-visual p {position:static; width:100%; height:auto; padding:23px 25px; font-size:15px; line-height:21px; }
	.intro-wrap [class*="intro-box"] {height:auto; margin:0 25px; padding:23px 0 20px; text-align:left; border-top:1px solid #e5e5e5;}
	.intro-wrap [class*="intro-box"]:before {display:none;}
	.intro-wrap .intro-box-r {height:auto; padding:25px 0 20px;}
	.intro-wrap [class*="intro-box"] h4:after {display:none;}
	.intro-wrap [class*="intro-box"] h4 {margin:0; padding:0 0 10px; font-size:19px; line-height:25px;}
	.intro-wrap [class*="intro-box"] ul li {display:block; margin-top:5px; padding-left:17px; font-size:15px; line-height:21px; }
	.intro-wrap [class*="intro-box"] ul li:before {top:4px; left:0; width:12px; height:12px; background:url(/houstar/image/common/icon_comm.png) no-repeat -104px -100px; background-size:200px;}
		
	.intro-wrap .intro-visual + .intro-box {margin-top:0;}
	
	.vision-wrap {padding:0 18px;}
	.vision-wrap .tit { width:140px; height:140px; padding-top:85px; background:url('/houstar/image/bg/bg_vision_ico_m.png') no-repeat 0 0; background-size:300px; font-size:15px; line-height:19px;}
	.vision-wrap .tit.ico01 {background-position: 0 0;}
	.vision-wrap .tit.ico02 {background-position: -150px 0;}
	.vision-wrap .tit.ico03 {background-position: 0 -150px;}
	.vision-wrap .tit.ico04 {padding-top:76px;background-position: -150px -150px;}
	.vision-wrap .tit.ico05 {padding-top:76px;background-position: 0 -300px;}
	.vision-wrap .des01 { margin-top:-25px; padding:32px 40px 28px; font-size:15px; line-height:19px; }
	.vision-wrap .group01 {padding-top:20px;}
	.vision-wrap .group01 > div  { float:none; width:100%; padding-top:35px; }
	.vision-wrap .group01 > div .des01 {padding:32px 40px 28px;}
	.vision-wrap .group01 > div:before {left:50% !important; right:auto; background:none; width:1px; border-left:1px dashed #d4cfd0; }
	.vision-wrap .group02 {margin-top:48px; padding-bottom:62px; background:none; }
	.vision-wrap .group02 dl {top:0; width:100%; padding:30px 15px 0; box-sizing:border-box;}
	.vision-wrap .group02 .ico02 {top:0;}
	.vision-wrap .group02 dt {width:100%; height:62px; line-height:62px; padding:0; font-size:15px; border-radius:30px; }
	.vision-wrap .group02 dt:before {display:none;}
	.vision-wrap .group02 dd { margin:15px 0 0; padding:20px 35px; width:100%; border-radius:50px; box-sizing:border-box;}
	.vision-wrap .group02 dd:before {top:-20px; width:11px; height:20px; background:url('/houstar/image/bg/bg_vision_ico_m.png') no-repeat -202px -300px; background-size:300px;}
	.vision-wrap .group02 dd li { font-size:12px; line-height:17px; }
	.vision-wrap .group03 {padding-top:55px;}
	.vision-wrap .group03:after {top:-29px; left:50%; z-index:1; margin-left:-26px; width:52px; height:48px; background:url('/houstar/image/bg/bg_vision_ico_m.png') no-repeat -150px -300px; background-size:300px; }
	.vision-wrap .group03 .des02 {margin-top:38px; padding:0 15px;}
	.vision-wrap .group03 .des02:after {top:-42px; background:url('/houstar/image/bg/bg_vision_ico_m.png') no-repeat -202px -300px; background-size:300px; }
	.vision-wrap .group03 .des02 span {display:block; width:100%; margin:0 0 13px; padding:20px 0; font-size:15px; background:#fff; position:relative; z-index:1;}
	
	.mapArea .tImg {display:none;}
	.mapArea .mImg {display:block;}				
	
	.survey-txt {padding:40px 25px 20px; font-size:15px; line-height:21px; }
	.survey-txt .tit {margin-bottom:30px; font-size:21px; line-height:23px; text-align:left;}
	.survey-txt .listBulDot {margin:20px 0;}
	.survey-wrap {padding:0 0 50px;}
	.survey-wrap:before { display:none;}
	.survey-wrap .survey-qna {margin:15px auto 0;}
	.survey-wrap .tit {padding:20px 25px 0; margin:0; font-size:15px; color:#787878; text-align:left;}
	.survey-qna {border-width:1px 0 1px 0;}
	.survey-qna > p {padding:19px 25px 18px 60px; line-height:22px; font-size:18px;}
	.survey-qna > p em {position:absolute; top:50%; left:22px; margin-top:-12px; width:25px; height:25px; line-height:25px; font-size:12px;}
	.survey-qna > ul {padding:6px 15px;}
	.survey-qna > ul > li {padding:13px 44px 14px;}
	.survey-qna > div {padding:20px 25px;}
	.survey-qna > div .inp-textarea {height:135px; padding:20px 35px; font-size:15px;}
	.survey-qna .result li {padding:13px 40px;}
	.survey-qna .result strong {display:block; width:100%; margin-bottom:5px; font-size:15px; }
	.survey-qna .result [class*="rate"] {display:block; width:90%; font-size:12px; line-height:1; vertical-align:middle;}
	.survey-qna .result [class*="rate"] i {height:10px;}
	.survey-qna .result [class*="rate"] em {padding-left:8px;}
	.survey-qna .result2 {padding:20px 30px 20px 60px;font-size:15px;}	
	
	.bg-state-box.state4 {height:580px; padding:0; margin:-1px 0 0; }
	.bg-state-box.state4 .inner-box {margin-top:40px; padding:28px 35px;}
	.bg-state-box.state4 .inner-box p {font-size:15px; color:#787878; line-height:21px;}
	.bg-state-box.state4 .btn-wrap {margin:35px auto 0;}
	.bg-state-box.state4  > div [class*="btn-main-ico"] {width:100%; height:auto; line-height:1; padding:14px 0; font-size:16px;}
	.bg-state-box.state4  > div [class*="btn-main-ico"] span {position:relative; padding-left:21px;}
	.bg-state-box.state4  > div [class*="btn-main-ico"] span:before {top:5px; left:0; width:15px; height:15px; background-position:-75px -170px; background-size:200px;}
	.bg-state-box.state4  > div .btn-main-ico2 {margin-top:10px;}
	.bg-state-box.state4 > div .btn-main-ico2 span:before {background-position:-100px -170px;}
	
	.certify-box {height:460px; margin:-1px 0 0;  background-size:cover;}
	.certify-box > div {padding:95px 15px 0; text-align:center;}
	.certify-box > div p {font-size:15px; line-height:21px; opacity:1;}
	.certify-box > div .btn-wrap {max-width:345px; margin:40px auto 0; padding:0; }
	.certify-box > div [class*="btn-main"] {width:50%; height:45px; line-height:45px; }
	.certify-box .certify-form {max-width:345px; width:100%; margin:35px auto 0;}
	.certify-box .certify-form div {margin-top:7px;}
	.certify-form input[class*="inp-"] {width:100%; height:45px; padding:0 10px 0 27px; font-size:14px; line-height:normal; background:#fff url('/houstar/image/icon/ico_certify.png') 15px -86px no-repeat; background-size:20px;}
	.certify-form input[class*="inp-"].on,
	.certify-form input[class*="inp-"]:focus {background-position:15px -116px;}
	.certify-form input.inp-pw {background-position:15px -146px; }
	.certify-form input.inp-pw.on,
	.certify-form input.inp-pw:focus {background-position:15px -176px;}
	
	.boardStep {margin:0; padding:40px 25px 35px; }
	.boardStep h5 {font-size:21px;  text-align:left;}
	.boardStep .step-box {margin-top:35px;}
	.boardStep + .boardCont {padding:40px 25px 65px;}
	
	.step-box li {padding:19px 0; padding-left:10px; font-size:15px;}
	.step-box li:after {right:-20px; width:21px; height:58px; background-position:-50px 0; background-size:100px;}
	.step-box li:nth-child(2) {padding-left:20px;}
	.step-box li.on:after {background-position:-75px 0;}
	
	.guide-wrap { padding:0 15px; }
	.guide-wrap h4 { font-size:18px; line-height:24px;  }
	.guide-wrap .txt { font-size:15px; line-height:21px; margin-top:10px; }
	.guide-wrap li { font-size:15px; line-height:21px; margin-top:30px; }
	.guide-wrap li:first-child { margin-top:40px; }
	.guide-wrap li strong { font-size:18px; line-height:22px; font-weight:bold; }
	
	.guide-wrap li:before { display:none; }
	.guide-wrap li:after { width:215px; height:360px; margin-top:30px; background:url('/houstar/image/contents/img_info_guide_01_mo.png') no-repeat; background-size:500px auto; }
	.guide-wrap li.info02:after { background-position:-235px 0;  }
	.guide-wrap li.info03:after { background-position:0 -400px;  }
	.guide-wrap li.info04:after { background-position:-235px -400px;  }
	.guide-wrap li.info05:after { background-position:0 -800px;  }
	.guide-wrap.use-guide li { margin-top:10px; }
	.guide-wrap.use-guide li:first-child { margin-top:40px; }
	.guide-wrap.use-guide li strong { display:block; margin:0 0 10px 0; }
	.guide-wrap.use-guide li:after { margin-top:35px; width:300px; height:750px; background:url('/houstar/image/contents/img_info_guide_03_mo.png') no-repeat; background-size:650px auto; }
	.guide-wrap.use-guide li.info02:after { height:370px; background-position:-350px 0; }
	.guide-wrap.use-guide li.info03:after { height:370px; background-position:-350px -370px; }
	
	.guide-list {margin:0 15px;}
	.guide-list li {float:none; width:100%; margin:0 0 15px; }
	.guide-list li a {padding:36px 20px 36px 104px; line-height:16px;}
	.guide-list li a strong {margin-bottom:7px; font-size:19px;}
	.guide-list li a span {font-size:12px; }
	.guide-list li a:before {width:65px; height:65px; left:20px; margin-top:-32.5px; background-size:250px auto;}
	.guide-list li.ico1 a:before {background-position:0 -150px;}
	.guide-list li.ico2 a:before {background-position:-75px -150px;}
	.guide-list li.ico3 a:before {background-position:-150px -150px;}
	.guide-list li.ico4 a:before {background-position:0 -225px;}
	.guide-list li.ico5 a:before {background-position:-75px -225px;}
	.guide-list li.ico6 a:before {background-position:-150px -225px;}
}

@media (max-width:400px) {
	.my-sta-acco .ui-acco-tit {margin:0 25px;}
	.my-sta-acco.my-indi-acco > span.add-txts {padding:0 25px;}
	.my-sta-acco .ui-acco-btn span.tit:before {left:0; margin-left:0;}
}