@charset "utf-8";
ul,ol,li{list-style:none}

img {border:0;}
form {margin:0}
.hand {cursor:pointer}


#wrap{position:relative; width:100%; background:url(/images/top_bg.gif) repeat-x center top; margin:0 auto;}

/**** 상단 ****/
#header{position:relative; width:100%;  }
#header .top{position:relative; width:1050px; height:150px;  margin:0 auto;}
.logo{ position:absolute; left:40px; top:20px;}
.logo2{ position:absolute; left:450px; top:38px;}
.top_btn{ position:absolute; right:80px; top:10px;}
.top_btn ul li{ float:left; font-size:12px; color: #696969; padding-left:15px; }
.top_consul{ position:absolute; right:0px; top:28px; width:325px; height:80px;}
.consul_box{ height:80px; padding-left:55px; padding-top:15px;}
.consul_img{ float:left; width:46px; height:46px; padding:3px; border:1px #dddddd solid;}
.consul_text{ float:left; padding-left:7px; width:160px; line-height:18px; } 
.consul_tt11{font-size:11px; color:#898989; letter-spacing:-0.8px;}
.consul_tt13{font-size:13px; color:#898989;}

.top_navi{ position:absolute; left:25px; top:108px; width:1000px; height:42px;}
.navi1 ul li{ float:left;}



/**** 카피라이트 ****/
#footer2{ clear:both;position:relative; width:100%; height:110px; background-color:#f2f2f2;}
.copy{position:relative; width:1000px; margin:0 auto;}
.copy_logo{ position:absolute; left:0px; top:25px;}

.copy_btn{ position:absolute; left:215px; top:25px; width:500px; }
.copy_btn ul li{ float:left; font-size:12px; color: #555; padding-right:15px; }
.copy_family{ position:absolute; left:885px; top:25px; width:115px; }
.copy_text{position:absolute; left:215px; top:25px; font-size:12px; color: #555; line-height:20px;  }

/**** 카피라이트2 ****/
#footer3{ clear:both; position:relative; width:100%; height:85px;}
#footer3 .copy{position:relative; width:1100px; margin:0 auto;}
#footer3 .copy_text{ text-align:center; left:30px; top:25px; font-size:11px; line-height:20px;  }
#footer3 .copy_text .a1{color:#C33;}




/* footer 리뉴얼 */
#footer {margin-bottom:20px;}
#footer .grd-row {display: block; font-family: 'Malgun Gothic', '맑은 고딕', ’돋움’, Dotum, ’굴림’, Gulim, Verdana, Arial, AppleGothic, sans-serif; font-size: 12px; height: 64px; letter-spacing: -1px; margin: 0 auto; padding: 0px; width: 980px;}
#footer a:hover {text-decoration:underline;}
#footer .ftr_nav {overflow:hidden; width:100%; padding-top:20px;}
#footer .ftr_nav dl {float:left; overflow:hidden; line-height:18px;}
#footer .ftr_nav dl:after {clear:both; display:block; content:'';}
#footer .ftr_nav dt {float:left; margin-right:10px;font-weight:bold; color:#555}
#footer .ftr_nav dd {float:left;}
#footer .ftr_nav dd:after {clear:both; display:block; content:'';}
#footer .ftr_nav dd span,
#footer .ftr_nav dd a {float:left; padding:0 7px; background:url(http://img.hankyung.com/img/bar_footer.gif) no-repeat 0 1px; color:#555; letter-spacing:-0.5px; *letter-spacing:-1px;}
#footer .ftr_nav dd a.b {font-weight:bold;}
#footer .ftr_nav dd a:first-child {background:none; padding-left:0;}
#footer .ftr_nav dd span a {float:none; display:inline; padding:0; background:none;}
#footer .ftr_nav .hk {margin-right:10px;}

#footer .ftr_info {width:100%; margin-top:6px;}
#footer .ftr_info:after {clear:both; display:block; content:'';}
#footer .ftr_info span {float:left; padding:0 7px; background:url(http://img.hankyung.com/img/bar_footer.gif) no-repeat 0 1px; color:#555;}
#footer .ftr_info span.b {font-weight:bold;}
#footer .ftr_info span.fst,
#footer .ftr_info span:first-child {padding-left:0; background:none;}
#footer .ftr_info .fmly {position:relative; float:right; width:120px; height:21px; margin-top:-3px;}

#footer .short_copy {padding:18px 0 40px; text-align:center;}

#footer2 {border-bottom:2px solid #ccc;}



/**** 메인비주얼 ****/
#main_visu{position:relative; width:100%; margin:0px; height:380px;background:url(/images/main_visu_bg.gif) repeat-x center top;  }
#main_visu #visu{position:relative; width:1025px;height:380px; margin:0 auto; }
.visu_img{position:absolute; left:0x; top:0px; width:595px;}
.main_right {float:right; overflow:hidden; background:url(/images/visual_right.gif) no-repeat; width:431px; height:380px;}


/* cofix배너*/
.main_cofix{position:absolute; right:0px; top:25px; width:430px; }
.main_cofix h1{ float:left; line-height:1px; padding-bottom:7px;}/* 위 오른쪽 아래 왼쪽 */
.cofix_text{ width:140px; float:left;font-family: "Gulim"; margin-left:15px; font-size:16px; color:#cd002d; font-weight:bold; padding-top:5px;}
.cofix_ban {overflow:hidden;}
.cofix_ban ul li{float:left;}
.cofix_ban01{ width:147px; height:56px;background:url(/images/main_cofix_bg01.png) no-repeat center top; padding:38px 0px 0px 0px; text-align:center;}
.cofix_ban02{ width:140px; height:56px;background:url(/images/main_cofix_bg02.png) no-repeat center top; padding:38px 0px 0px 0px; text-align:center;}
.cofix_ban03{ width:143px; height:56px;background:url(/images/main_cofix_bg03.png) no-repeat center top; padding:38px 0px 0px 0px; text-align:center;}
.ban_text{font-family: "Verdana"; font-size:18px; color:#fff; font-weight:bold;}



/* 금리비교*/
.main_bank{position:absolute; right:15px; top:164px; width:405px;  }
.main_bank h1{  margin:20px 0px 10px 15px; line-height:1px;}/* 위 오른쪽 아래 왼쪽 */
.bank_box{margin:0px 0px 20px 15px;}
.bank_btn{ position: absolute; display:block; overflow:hidden; left:20px; bottom:20px;}


/**** 컨텐츠 ****/
#container{position:relative; width:100%; margin:0px; height:615px; padding-top:20px; }
#container #content{position:relative; width:1000px;height:615px; margin:0 auto; }

.content01{ position:absolute; left:0px; top:0px; width:1000px;}
.content01 h1{ height:30px; line-height:1px;}
.content01 ul li{float:left;}

.content02{ position:absolute; left:0px; top:200px; width:1000px;}
.main_rate{width:1000px;height:255px; background:url(/images/main_rate_bg.gif) no-repeat center top;  }
.rate_box{ padding-top:50px; position:relative;}
.rate_bt {position:absolute; top:10px; right:18px;}
.rate_text{ width:140px; float:left;font-family: "Gulim"; font-size:16px; color:#fff600; font-weight:bold; padding-top:9px; height:27px; padding-left:15px;}

.rate_tt10{font-family: "Verdana"; font-size:10px; color:#565656;}
.rate_tt12{font-family: "Gulim"; font-size:12px; color:#fff; font-weight:bold;}
.rate_tt19{font-family: "Arial"; font-size:14px; color:#222; font-weight:bold;line-height:22px}


.content03{ position:absolute; left:0px; top:495px; width:1000px;background:url(/images/main_ban_bg.gif) no-repeat center top;  }
.content03 ul li{float:left;}

.main_live{ width:225px;}
.live {background:url(/images/main_ban04.gif) no-repeat; width:293px; height:142px;}
.live_box{ height:80px;margin:20px 0 0 20px}
.live_box td{ font-family: "Gulim"; font-size:11px; color:#898989;}




/**** 컨텐츠 ****/
#container02{position:relative; width:100%; margin:0px; height:195px; }
#container02 #content02{position:relative; width:1000px;height:195px; margin:0 auto; }
.con_line{ height:30px; border-top:1px #e8e8e8 solid;}
.main_coun{ position:absolute; left:0px; top:30px; width:330px;}
.coun_box{ height: 115px; background:#f2f2f2; padding:18px 20px 0px 20px;}

.main_revi{ position:absolute; left:360px; top:30px; width:330px;}
.main_cust{ position:absolute; right:0px; top:30px; width:280px;}


/**** 하단배너 ****/
#bott_ban{ clear:both; position:relative; width:100%; margin:0px; height:40px; border-top:1px #e6e6e6 solid; padding:13px 0;}
#bott_ban #b_ban{position:relative; width:1000px; height:40px; margin:0 auto; }
.b_ban{ position:absolute; left:0px; top:0px; width:125px; }
.b_ban02{ position:absolute; left:125px; top:0px; width:875px; }






/**** 서브네비 ****/
#sub_navi{position:relative; width:100%; margin:0px; height:70px;  }
#sub_navi #s_navi{position:relative; width:1000px;height:70px; margin:0 auto;  }
.s_navi{ position:absolute; left:0px; top:0px; width:1000px;}
.s_navi ul li{float:left;}




/**** 서브컨텐츠 ****/
#sub_container{ clear:both;position:relative;  width:100%; margin:0 auto;  }
#sub_content{ width:1000px;position:relative; margin:0 auto;}

.left_lnb{width:200px; float:left; }
.left_tit{ height:77px; padding-top:40px;}
.left_mn{ width:200px;}
.left_mn ul li{ float:left;}

.sub_box{ float:right; width:750px;margin-left:50px; }
.sub_box02{  width:1000px;  }


.con_title{width:450px; float:left; line-height:1px;}
.route{float:right;width:750px; height:20px; padding:18px 0;  font-size:11px; color:#6b6658; clear:both;}
.route span{ padding:0 0px 0 0px;}


.content_desc{ clear:both; width:750px; vertical-align:top; padding-top:30px;   min-height:500px; }
.content_desc img{vertical-align:top;}


#Quick {position:absolute;z-index:2; top:180px;  left:50%;margin-left:540px; width:200px;}
.quick_ban ul li{ line-height:1px;}
.quick_inqu{ width:168px; border:1px #cdcdcd solid; padding:15px; background-color:#fff;}
.inqu_box td{ font-family: "Gulim"; font-size:11px; color:#4e4e4e;}



/**** 링크 ****/
.noti_link,
a.noti_link:link, a.noti_link:visited, a.noti_link:active {  font-size: 12px; color:#5e5e5e;  text-decoration:none; }
a.noti_link:hover {  font-size:12px;color:#5e5e5e;  text-decoration: underline; }

.noti_link2,
a.noti_link2:link, a.noti_link2:visited, a.noti_link2:active { font-family: "Gulim"; font-size: 11px; color:#868686;  text-decoration:none; }
a.noti_link2:hover {font-family: "Gulim";  font-size:11px;color:#868686;  text-decoration: underline; }


.ad_link,
a.ad_link:link, a.ad_link:visited, a.ad_link:active { font-size: 12px; color: #adadad; text-decoration:none; }
a.ad_link:hover {   font-size:12px; color: #adadad; text-decoration: underline; }

.t_btn_link,
a.t_btn_link:link, a.t_btn_link:visited, a.t_btn_link:active {font-size: 12px; color: #6b6b6b; text-decoration:none;  }
a.t_btn_link:hover { font-size:12px; color:#6b6b6b; text-decoration: none; }


.b_btn_link,
a.b_btn_link:link, a.b_btn_link:visited, a.b_btn_link:active {font-size: 12px; color: #555555; text-decoration:none;  }
a.b_btn_link:hover {font-size:12px; color:#555555; text-decoration: none; }




select.sel {display:inline-block;padding:2px 2px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:15px;border:1px solid #abadb3}
select.sel0 {display:inline-block;padding:3px 2px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:15px;border:1px solid #dadada}

input.inp1 {height:19px;line-height:18px;border:1px solid #abadb3}
input.inp0 {height:23px; line-height:21px;border:1px solid #dadada}




.fmail_tbl {border-collapse:collapse;}
.fmail_tbl th {border:1px solid #c6c6c6; font-size:13px; line-height:18px; background-color:#ebebeb; font-family: "Gulim"; color:#4b4b4b; font-weight:normal; padding-left:18px; }
.fmail_tbl td {border:1px solid #c6c6c6; font-size:13px; line-height:18px;  font-family: "Gulim"; color:#787878; }

.loan_t{ border-top:1px #e5e5e5 solid;}
.loan_b{ border-bottom:1px #e5e5e5 solid;}
.loan_r{ border-right:1px #e5e5e5 solid;}




/*금리 한도조회*/
.loan_tit{ width:300px; float:left;}
.loan_box{ width:750px; height:170px; float:left; background:url(/images/loan_bg.gif) no-repeat center top; }
.loan_box04{ width:750px; height:300px; float:left; background:url(/images/loan04_bg.gif) no-repeat center top; }
.loan_box04_bg{ width:750px; height:250px; float:left; background:url(/images/loan_box05_bg.gif) no-repeat center top;}
.loan_tt13{font-family: "Gulim"; font-size: 13px; line-height:24px; font-weight:bold; color:#595959;}

.box04_tbl {border-collapse:collapse;}
.box04_tbl th {border:1px solid #c6c6c6; font-size:13px; line-height:18px; font-family: "Gulim"; color:#fff; font-weight:bold; background-color:#7d7d7d; }
.box04_tbl td {border:1px solid #c6c6c6; font-size:13px; line-height:18px; font-family: "Gulim"; color:#595959; background-color:#fff; }
.box04_tbl_t{border-top:2px solid #0056a9;}

/*페이지-대출*/
.fm_tbl {border-collapse:collapse;}
.fm_tbl th {border:1px solid #c6c6c6; font-size:13px; line-height:18px; font-family: "Gulim"; color:#4b4b4b; font-weight:bold; background-color:#ebebeb;}
.fm_tbl td {border:1px solid #c6c6c6; font-size:13px; line-height:18px; font-family: "Gulim"; color:#595959; background-color:#fff; }
.fm_tbl_t{border-top:2px solid #b5161c;}

.fm_tbl02 {border-collapse:collapse;}
.fm_tbl02 th {border:1px solid #242424; font-size:13px; line-height:18px; font-family: "Gulim"; color:#fff; font-weight:bold; background-color:#b5161c;}
.fm_tbl02 td {border:1px solid #242424; font-size:13px; line-height:18px; font-family: "Gulim"; color:#fff; background-color:#515151; }



.bg_tbl {border-collapse:collapse;}
.bg_tbl th {border:1px solid #c6c6c6; font-size:15px; line-height:18px; font-family: "Gulim"; color:#4b4b4b; font-weight:bold; background-color:#ebebeb; }
.bg_tbl td {border:1px solid #c6c6c6; font-size:13px; line-height:18px; font-family: "Gulim"; color:#595959; background-color:#fff;  padding:15px 25px;}


/*페이지-대출계산기*/
.calcu_bg01{ background:url(/images/calcu_bg01.gif) no-repeat center top;}
.calcu_bg02{ background:url(/images/calcu_bg02.gif) no-repeat center top;}
.calcu_t{ border-top:1px #f0aaad solid;}
.c_tt16{font-size:16px; color:#fff; font-weight:700;}
.c_tt32{font-size:32px; color:#000000; font-weight:700;}

.calcu_tab ul li{ float:left;}

.cal_tbl {border-collapse:collapse;}
.cal_tbl th {border-bottom:1px solid #c9c9c9; border-top:2px #5e5e5e solid; background-color:#f5f5f5; font-family: "Gulim"; font-size:13px;  color:#575757; }
.cal_tbl td {border-bottom:1px solid #c9c9c9; font-family: "Gulim"; font-size:13px; color:#6d6d6d; line-height:18px;}
.cal_tbl_total { font-size:13px; color:#575757; background-color:#f5f5f5; font-weight:bold;}
.cal_r_line{border-right:1px solid #c9c9c9;}


/*부동산 컨설턴트*/
.bo_consul{ width:750px; border-top:3px #0056a9 solid;}
.bo_consul_img{ width:157px; height:187px; background:url(/images/bo_consul_imgbg.gif) no-repeat left top;}
.bo_consul_line{ border:1px #7a7a7a solid;}
.bo_consul_line02{ border-bottom:1px #ddd solid;}
.bo_consul_tt{ line-height:20px; color:#717171;}


.line_img{ line-height:1px;}

.li_h17{ line-height:17px;}
.li_h18{ line-height:18px;}
.li_h20{ line-height:20px;}
.li_h22{ line-height:22px;}
.li_h24{ line-height:24px;}

.tt10 {font-family: "Gulim"; font-size: 10px;}
.tt11 {font-family: "Gulim"; font-size: 11px;}
.tt12 {font-family: "Gulim"; font-size: 12px;}
.tt13 {font-family: "Gulim"; font-size: 13px;}
.tt14 {font-family: "Gulim"; font-size: 14px;}
.tt15 {font-family: "Gulim"; font-size: 15px;}



.white{ color:#fff;}
.red{color:#d91a1e;}
.red2{color:#9c1015;}
.blue{color:#0056a9;}
.blue2{color:#00a7ed;}
.gray{ color: #919191;}
.brown{ color: #843519;}
.green{color:#257295;}
.oran{color:#ee763f;}
.black{color:#727272;}
.black2{color:#363636;}
.black3{color:#7d7d7d;}
.bold{font-weight:bold;}