@charset"utf-8" ;


/* General--------------------------------------------------------------------*/
* { margin:0; padding:0; font-family:"돋음",Dotum, Verdana, Arial, sans-serif; font-size:12px; color:#898989;box-sizing:border-box;}
img { border:0; margin:0; padding:0;}
li { list-style-type:none;}
.ver_B img{ vertical-align:bottom;}
.ver_M img{ vertical-align:middle;}
.ver_T img{ vertical-align:top;}

table { width:100%; border-spacing:0; border-collapse:collapse; font-family:"돋음",Dotum, Verdana, Arial, sans-serif;}
th { text-align:center;}
td { word-break:break-all; color:#777;}
td.vet { vertical-align:top;}

a:link    { color:#898989; text-decoration:none;}
a:visited { color:#666; text-decoration:none;}
a:hover   { color:#f25900; text-decoration:none;}
a:active  { text-decoration:none;}

.scroll {
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#7f7f7f;
	scrollbar-base-color:#ffffff;
	scrollbar-darkshadow-color:#d7d7d7;
	scrollbar-face-color:#f2f2f2;
	scrollbar-highlight-color:#f2f2f2;
	scrollbar-shadow-color:#f2f2f2;
	scrollbar-track-color:#eee;
}

.mt100 { margin-top:100px !important;}
.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}

.texC { text-align:center;}
.texR { text-align:right;}

span.color_black { color:#000;}

/* forms------------------------------------------------------------------*/
select { vertical-align:middle; border:1px solid #cccccc;}
select option { padding:0 3px;}
input  { vertical-align:middle; color:#000; border:1px solid #cccccc; }
input.tex { height:13px; padding:2px 8px;}
input.checkbox { border:0;}
input.radio {border:0; }
input.submit { border:0;}
input.inputImg { margin-top:-7px; _margin-top:-5px;}
textarea.text{ border:1px solid #cccccc; padding:15px 8px;}
fieldset { border:medium none;}
legend   {display:none;}

/* layout------------------------------------------------------------------  */
#wrapper {  width:995px; margin:0 auto; position:relative; }
#header { width:100%; height:125px; float:left; width:100%; margin-bottom:27px;}
#leftMenu { width:170px; float:left; margin-left:16px; _margin-left:8px; overflow:hidden; }
#container { width:732px; float:right; margin-right:12px; _margin-right:10px; }
#footer {  width:100%; height:82px; padding-top:50px; clear:both; }
#main_flash { width:100%; height:100%;  margin:0 auto; text-align:center;}
.misoPop { border-top:4px solid #e87402; border-bottom:4px solid #d5d5d5;}
.popRap { border-top:1px solid #d46502;}
/* //layout------------------------------------------------------------------*/

/*header*/
#header h1 { float:left; margin:26px 0 0 16px; _margin:26px 0 0 8px;}
#header ul { float:right; margin:4px 25px 0 0; _margin:4px 15px 0 0;}
#header ul li { display:inline; margin-left:6px; }
#header li.topLine { background: url(../images/top_line.gif) no-repeat right 4px; width:35px; padding-right:6px;}
#header .topNav { float:right; margin-top:41px; z-index:10000; position:absolute; right:12px; _right:11px; top:-6px;  height:150px; }
#rightTop { position:absolute; right:-45px; top:470px; _right:140px;}

/*leftMenu*/
#leftMenu { text-align:center;}
#leftMenu .roadView { margin-bottom:15px; text-align:center;} 
#leftMenu .leftQuck li { border-bottom:1px solid #e2e2e2; width:168px;}
#leftMenu .leftQuck li.none { border-bottom:0;}

/*footer*/
#footer .footerBG { background: url(../images/bg_footer.gif) no-repeat left top;  height:74px; width:984px; position:relative;}
#footer .footerBG p { float:left; margin:25px 0 0 20px;}
#footer .footerBG p.lottelogo { margin-right:20px; }
#footer .footerBG .familySel { position:absolute; right:0; top:0; z-index:5000; margin-top:-170px; margin-right:20px;}



/*container*/
.con_top { margin-bottom:6px; height:23px;}
.con_top h3 { float:left; margin-left:25px; _margin-left:12px;}
.con_top .history { float:right; margin-top:10px;}
.con_top .history  li { display:inline;  background: url(../images/img_conTopB.gif) no-repeat right 5px; padding-right:8px; margin-left:8px;}
.con_top .history  li.none { background:none; padding-left:8px:}
.con_top .history  li strong { color:#f25900; font-weight:normal;}
.con_top .history  li img { vertical-align:bottom;}

#contents { clear:both;  background: url(../images/bg_conTop.gif) no-repeat left top; padding:48px 20px 0 25px; }
#contents  h4 { margin-bottom:35px; }

/*미소금융사업소개*/
.conStyle03 p { margin-bottom:22px;}
.conStyle03 div.none { clear:both; margin-top:15px}
.conStyle03 h5 { width:40px; float:left; margin-top:5px;}
.conStyle03 div.bLine { height:45px; border-bottom:1px dotted #e1e1e1; margin-bottom:15px;}
.conStyle03 div.bLine h5 { margin-top:10px;}
.conStyle03 div.none div { margin-left:50px; height:45px;}
.conStyle03 li { float:left;}

/*ceo인사말*/
#contents .conStyle01 { background: url(../images/bg_ceo.gif) no-repeat 0px -18px;}
#contents .conStyle01 h4 img { margin: 0 0 0 249px;}
#contents .conStyle01 p.ceo01 { margin:46px 0 20px 255px; }
#contents .conStyle01 p.ceo02 { margin:0; }


/*찾아오시는 길*/
.mapTab { overflow:hidden; margin-bottom:20px; height:33px;}
.mapTab li{ float:left;}
.conStyle02 { position:relative;}
.conStyle02 p { margin-bottom:8px;}
.conStyle02 #content1 { height:650px;}
.map .address { margin:27px 0 20px 0;}
.map .transport {  background: url(../images/bg_map01.gif) no-repeat center top; overflow:hidden; padding:35px 10px 0 10px;}
.map .transport div { float:left; margin-left:10px;}
.map .transport .line {  background: url(../images/bg_map02.gif) no-repeat right top; width:400px;}
.map .transport .none { width:220px;}
.map .transport h5 { float:left;}
.map .transport p { float:left; margin:0 0 15px 20px;}
#contents .map p.texR { float:right; margin:30px 45px 0 0; _margin:30px 20px 0 0;}
/*찾아오시는 길 팝업*/
.mapPrint { width:700px; margin:0 auto;}
.mapPrint h1 { margin:30px 0 15px 20px;}
.mapPrint .popAddress { background: url(../images/bg_map01.gif) no-repeat center bottom; text-align:center; height:45px; padding:15px 0; margin-bottom:33px; }
.mapPrint .transport { margin-left:35px;}
.mapPrint .transport div { float:left; margin-left:10px;}
.mapPrint .transport .line {  background: url(../images/bg_map02.gif) no-repeat right top; width:400px;}
.mapPrint .transport h5 { float:left;}
.mapPrint .transport p { float:left; margin:0 0 15px 20px;}
.mapPrint .btn_Print { clear:both; text-align:center; padding-top:10px; margin-bottom:10px; border-top:1px solid #d5d5d5;}

/* 지원대상자 */
.supportTable { width:674px; border:1px solid #d5d5d5; border-bottom:2px solid #d5d5d5; margin:17px 0 50px 0;}
.supportTable th { background: url(../images/bg_supportTable.gif) repeat-x left top; height:31px; border-right:1px solid #d5d5d5;}
.supportTable td {border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; height:30px; text-align:center;}
.supportTable td.gray { background:#f4f4f4;}
.supportTable th.none, .supportTable td.none { border-right:0;}
.conStyle04 .supportBox01 { margin:10px 0 25px 0; background: url(../images/bg_support01.gif) no-repeat left top; padding:20px;}
.conStyle04 .supportBox01 p { margin-bottom:10px;}
.conStyle04 .supportBox01 li { margin-bottom:5px;}
.conStyle04 .supportBox02 li { margin-bottom:5px;}
.conStyle04 .supportBox03 p { margin-bottom:10px;}
.conStyle04 .supportBox03 li { margin-bottom:5px;}
.conStyle04 .supportBox02 { margin:10px 0 25px 0; background: url(../images/bg_support02.gif) no-repeat left top; padding:20px;}
.conStyle04 li.list { background: url(../images/icon_gray.gif) no-repeat left 4px; padding-left:5px;}
.conStyle04 .marginB_20 { margin-bottom:20px;}
.conStyle04 .supportBox03 { margin:10px 0 25px 0; background: url(../images/bg_support03.gif) no-repeat left top; padding:20px;}
.conStyle04 .supportBox04 { margin:10px 0 25px 0; background: url(../images/bg_support04.gif) no-repeat left top; padding:20px;}
.conStyle04 .tableImg { margin-top:15px;}

/*구비서류*/
.supportTable01 { margin-bottom:2px; margin-top:0; border-left:0; border-right:0;}
.supportTable01 td.texL { text-align:left; padding:15px 25px; border-right:0;}
.supportTable01 td { border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}


/*대출상품*/
.productTab { overflow:hidden; margin-bottom:40px; height:33px;}
.productTab li{ float:left;}
.conStyle05 { position:relative;}
.conStyle05 p { margin-bottom:8px;}
.conStyle05 #content1, .conStyle05 #content2, .conStyle05 #content3, .conStyle05 #content4, .conStyle05 #content5, .conStyle05 #content6 { height:500px;}
p.productPop { position:absolute; right:20px; top:80px;}
/*대출상품 POP*/
.productPopRap { height:700px; overflow-y:scroll;}
div.productPop { font-size:11px; border-bottom:15px solid #d5d5d5;border-top:4px solid #e87402;}
div.productPop h1{ margin:40px 0 0 30px; }
div.productPop .tableRap { margin:10px 0 10px 0; }
.productTable { width:650px; margin:0 auto; border-bottom:1px solid #aeaeae; border-top:1px solid #aeaeae;}
.productTable td { padding:8px 15px; border-left:1px solid #bfbfbf;  border-bottom:1px solid #bfbfbf; font-size:11px; color:#707070;}
.productTable td strong { color:#707070;}
.productTable td span { font-size:11px; width:70px; display:block; line-height:16px; margin-top:10px;}
.productTable td.texC { font-size:12px;} 
.productTable td.none { border-left:0;  }
.productTable td.grayBg01 { background:#f5f5f5;}
.productTable tr.grayBg02 { background:#e1e1e1;}
.productTable td li { line-height:16px;  font-size:11px; }
.productTable td p{ font-weight:bold; margin-bottom:5px; }
.tex_Orange { color:#f25900; width:575px; margin:0 auto; padding-top:10px;  line-height:16px;}
.productTable td li, .productTable td p, .productPop .tex_Orange { font-size:11px;}
.productTable td li, .productTable td p { color:#707070;}

/*지원절차*/
.conStyle06 { text-align:left; }
.conStyle06 img { .margin-top:-2px; _margin-top:-4px;}
.conStyle06 p { margin-top:6px;}
.conStyle06 p.ml60 { margin-left:67px}
/*고객의소리*/
.table_search { position:relative; width:100%; heifht:19px; margin-bottom:10px; }
.table_search li { display:inline; }
.table_search li.li_search { position:absolute; left:100px; top:0px; .top:-2px;}
.table_search li.li_search  input.search { background: url(../images/bg_Listinput.gif) no-repeat left top;  border:0;  width:150px; padding:5px 10px 3px 10px; font-size:11px; color:#909090;}
.table_search li.li_search  .submit { margin-left:-4px; margin-top:-3px; .margin-top:0; width:23px;}
.table_search li.selectBoxBg div { background: url(/images/bg_select.gif) no-repeat left 5px; position:relative; height:25px; width:100px; margin-top:-5px; padding:0px 3px 1px 5px; }
.table_search li.selectBoxBg div select {margin-top:5px; }
.selectBox { behavior:url('/css/selectbox.htc'); }
.selectBox table { width:80px !important; }
.selectBox table td { width:80px; height:20px;}
.selectBox table td div { width:80px; overflow:hidden;}

.List_num { width:230px; margin:0 auto; margin-top:9px; text-align:center;}
.List_num li a:hover { color:#898989; font-weight:bold; margin-left:-1px;}
.List_num li { display:inline; background: url(../images/top_line.gif) no-repeat 17px 2px; padding:0 7px 0 5px; text-align:center; }
.List_num li.none { background:none;}
.List_num li.btn {  background:none; padding:0;}
.List_num li.btn img { vertical-align:middle;}
.List_num li.btn a:hover { margin-left:0;}

/*table_list*/
span.table_ex { font-size:11px; margin-top:5px; margin-left:0 !important; display:block; height:15px; width:200px;}
span.adFileName { margin-left:0; text-decoration:underline; color:#f35903;}
.topPageNum { float:right; margin:-20px 15px 0 0; height:20px;}
.tableWrap { clear:both;  }
.custumList { font-size:12px; border-bottom:1px solid #aeaeae; color:#909090;}
.custumList img { vertical-align:middle;}
.custumList a { color:#595959;}
.custumList a:hover { color:#f25900;}
.custumList th.thL{ background: url(../images/bg_tableL.gif) no-repeat left top;}
.custumList th.thR{ background: url(../images/bg_tableR.gif) no-repeat right top;}
.custumList th { background: url(../images/bg_table.gif) repeat-x left top; height:26px;}
.custumList td { border-bottom:1px #dddddd solid;  text-align:center; padding:7px 0 5px; line-height:18px;}
.custumList td span { margin-left:5px;}
.custumList td.closed { background: url(../images/icon_closed.gif) no-repeat left 9px; }
.custumList .texL  { text-align:left; padding-left:53px; .padding-left:40px;}
.textLeft { padding-left:25px !important;  text-align:left !important;}
.btn_write { text-align:right; margin-right:45px;}

/*table_write*/
.custumWriteWrap {border-top:1px solid #aeaeae;  border-bottom:1px solid #aeaeae;}
.custumWrite { font-size:12px;  color:#999999; width:100%; }
.custumWrite img { vertical-align:middle;}
.custumWrite a { color:#595959;}
.custumWrite a:hover { color:#f25900;}
.custumWrite th { height:30px; background:#eeeeee; border:1px solid #d5d5d5; border-left:0;}
.custumWrite td {  text-align:left;  border:1px solid #d5d5d5; border-right:0; padding-left:10px; }
.custumWrite td span { margin-left:10px;}
.custumWrite td .texArea { margin:5px 0 5px 0;}
.custumWrite td .texArea  textarea { }
.custumWrite td  .adFile { margin-top:5px;}
/*table_View*/
.custumList .tex { text-align:left; padding-left:25px;} 
.custumList .tex p { color:#595959;}
.custumView .view_td td { background:#f6f5f4;}
.custumView .view_td td.closed { background: url(../images/icon_closed.gif) no-repeat 25px 9px #f6f5f4; padding-left:65px !important;  text-align:left !important;}
.custumView  p.text_R { float:right; margin-bottom:10px;}
.custumView  p.text_R a {  text-decoration:underline; color:#f35903;}
.custumView .adImg { margin:0 0 10px 0;} 
.custumView .viewComment{ padding:3px ; background:#fff; text-align:left; border-bottom:1px #dddddd solid; }
.custumView .viewComment div { background:#f6f5f4;  padding:12px 20px;}
.custumView .viewComment div p { color:#595959;}
.custumView .viewComment div h5 {color:#f25900; font-weight:bold; margin-bottom:15px;}
.custumView_btn { padding:0 35px;}

.btn_right { float:right; margin-top:15px;}
.btn_right  a { margin-left:20px;}
.btn_left { float:left; margin-top:15px;}

/*비밀번호 확인창*/
.password {  background: url(../images/bg_password.gif) no-repeat left top; height:; width:180px; margin:0 auto; text-align:center; padding:24px 35px; margin-top:60px;}
.password input { color:#898989;}
.password p{ margin-bottom:24px;}
.password p.btn_pass { margin-top:50px;}
.password p.btn_pass a.ml30 { margin-left:30px;}





body.main {background:url(../images/main/bg_main.jpg) no-repeat top center;}
body.main #header {float:none;}
#header .topNav {width:740px;height:100px;background: url(../images/menu/bg_menu.png) no-repeat top left;}
#header .topNav ul {float:none;height:45px;margin: 3px 0;padding: 0 5px;box-sizing: border-box;}
#header .topNav li {float: left;position:relative;display: block;margin: 0 17px;}
#header .topNav li:hover .sub{display:block;}
#header .topNav li > a{display: block;padding: 0 15px;color: #fff;font-size: 15px;text-align: center;font-weight: bold;line-height: 32px;}
#header .topNav li .sub{display:none;}
#header .topNav li .sub{position: absolute;left: 0;}
#header .topNav li .sub .box {height:32px;margin: 0 12px;background: url(../images/menu/bg_sub_mid.png) repeat-x 0 0;}
#header .topNav li:nth-child(1) .box{width: 450px;}
#header .topNav li:nth-child(2) .box{width: 340px;}
#header .topNav li:nth-child(3) .box{width: 170px;}
#header .topNav li:nth-child(4) .box{width: 190px;}
#header .topNav li .sub:before{content:'';display:block;position:absolute;top:0;left:0;width:12px;height:32px;background:url(../images/menu/bg_sub_left.png) no-repeat 0 0;z-index:-1;}
#header .topNav li .sub:after{content:'';display:block;position:absolute;top:0;right:0;width:12px;height:32px;background:url(../images/menu/bg_sub_right.png) no-repeat 0 0;z-index:-1;}

#header .topNav li .sub a{display: inline-block;margin: 4px 15px 0;color: #898989;font-size: 12px;text-align: center;font-weight: bold;line-height: 22px;}
#header .topNav li .sub a:hover {border-bottom:3px solid #f38400;}

#lnbWap {width:170px;height:200px;}
#lnbWap li {display:none;}
#lnbWap li a {display: block;height: 30px;font-size: 13px;line-height: 30px;}
#lnbWap li a:hover, #lnbWap li a.current {color:#fff;font-weight:bold;background: url(../images/menu/lnb_bg.png) no-repeat 6px 2px;}

#wrapper, #footer {position: relative;width:984px;height:100%;margin:0 auto;}
#main_cont {position: relative;padding:0 20px 0 25px;box-sizing: border-box;}
#main_cont > div { width:984px; margin: 0 auto; }
#main_cont .conStyle_new {height: 337px;}
#main_cont .conStyle_new .quickLink {position: absolute;top: -40px;left: 50%;margin-left: 230px;padding: 20px;background-color: #fff;}
#main_cont .conStyle_new .quickLink li {margin-bottom:10px;}
#main_cont .bottomLink {height:160px;padding-top: 40px;margin-bottom: -30px;box-sizing:border-box;}
#main_cont .bottomLink li {float:left;width:25%;text-align:center;}
#main_cont .bottomLink li > div {display: inline-block;position: relative;}
#main_cont .bottomLink li a {position:absolute;display:block;bottom:0;left:0;width:32px;height:14px;}