@import url("common.css");

#visual {position:relative; width:100%; height:566px; overflow:hidden; background:url('/img/main_visual.jpg') top center no-repeat; height:547px;}

	.jssorb05 {position: absolute; bottom:30px; left:0%; margin-left:-37px; z-index:999; }
    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {position: relative !important;  width: 20px !important;  height: 20px; background: url('/img/visual_none.png') no-repeat; cursor:pointer; margin:0 2px; padding:0; float:left; left:0px !important; }
    .jssorb05 div {  }
    .jssorb05 .av:hover { background: url('/img/visual_hover.png') no-repeat; width:20px !important; }
    .jssorb05 .av { background: url('/img/visual_hover.png') no-repeat; width:20px !important;}

/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute; cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff; stroke-width:360; stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3; pointer-events:none;}

#main_container {}
#main_container > div {padding:60px 0 55px 0;}
#main_container h2 {color:#000000; font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;font-size:35px; font-weight:800; line-height:100%; margin-bottom:40px; text-align:center; letter-spacing:-1pt;}
#main_container p.stit {color:#666 !important; font-size:18px; letter-spacing:-0.6pt; text-align:center; margin-top:25px; font-weight:normal;}
#main_container p.stit2 {color:#666 !important; font-size:18px; letter-spacing:-0.6pt; text-align:center; margin-top:25px; font-weight:normal;}

#apply {position:relative; padding:60px 0 0 0 !important;}
#apply h2 {text-align:left; font-size:28px; margin-bottom:0px; line-height:100%; }
#apply p.stit {text-align:left; line-height:150%; font-size:16px; margin-top:20px;}
#apply .apply_area {position:relative; width:1180px; margin:0 auto; border:3px solid #ddd; padding:35px 25px; box-sizing:border-box;}
#apply dl {width:1124px; margin:0 auto; display:table;}
#apply dt {display:table-cell; width:430px; vertical-align:top; letter-spacing:-0.7pt; font-size:18px; color:#333;}
#apply dt span {display:inline-block; font-size:14px; letter-spacing:-0.5pt;}
#apply dd {display:table-cell; width:800px; vertical-align:top; letter-spacing:-0.7pt;}

#loan h2 {color:#323232;}
#loan .cont_1180 {text-align:center;}
#loan ul {width:100%; margin:0 auto 40px auto; overflow:hidden;}
#loan li {float:left; width:295px;}
#loan li dl {width:290px; margin:0 auto;}
#loan li dt {display:table-cell; height:217px; vertical-align:middle; background:#fff; text-align:center;}
#loan li dd {position:relative; background:#36b9be; height:229px; line-height:130%; text-align:left; padding:28px 23px; box-sizing:border-box;}
#loan li.blue dd {background:#2d907f;}
#loan dd h3 {color:#fff; font-size:20px; padding-bottom:13px; font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; letter-spacing:-0.5pt;}
#loan dd th {color:#fff; width:66px; font-size:14px; vertical-align:top; font-weight:normal; font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; padding-bottom:5px; letter-spacing:-0.5pt; text-align:left;}
#loan dd td { font-size:14px; color:rgba(255,255,255,0.7); vertical-align:top; line-height:140%; padding-bottom:5px; letter-spacing:-0.5pt; text-align:left;}
#loan dd span.more {position:absolute; right:0; bottom:0; z-index:2; width:55px; height:55px;}

#loan .prev {position:absolute; top:320px; left:-100px; display:inline-block; width:52px; height:30px; line-height:30px; margin-top:0px; background:url('/img/prev_arr.png') left top no-repeat; text-indent:-9999px; font-size:0;}
#loan .next {position:absolute; top:320px; right:-100px; display:inline-block; width:52px; height:30px; line-height:30px; margin-top:0px; background:url('/img/next_arr.png') right top no-repeat; text-indent:-9999px; font-size:0;}
#loan .cont_1180 a.more {text-align:center; display:inline-block; width:210px; height:58px; line-height:58px; color:#fff; background:#414b58; font-size:18px; letter-spacing:-0.5pt;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
#loan .cont_1180 a.more:hover {background:#242d39; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}



#counsel {background:url('/img/counsel_bg.jpg') top center no-repeat;}
#counsel h2 {color:#fff; font-size:32px; margin-bottom:30px;}
#counsel h2.stit2_st {color:#fff; font-size:32px; margin-bottom:14px;}
#counsel p.stit {color:#c4c4c3 !important; margin-top:20px;}
#counsel p.stit2 {color:#c4c4c3 !important; margin-top:10px;}
#counsel h3 {font-size:20px; font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; letter-spacing:-0.8pt; color:#333; font-weight:normal;}
#counsel h3 span.stit {display:block; margin-top:5px; font-size:14px; letter-spacing:-0.5pt; color:#666;}

#counsel .cont_1180 {overflow:hidden;}
#counsel .cont_1180 > div {float:left; width:388px; margin-right:8px;}
#counsel .cont_1180 > div:last-child {margin-right:0;}
#counsel .cont_1180 .cont {background:#fff; height:357px;}
#counsel .counsel .cont {padding:33px 23px; box-sizing:border-box;}

#customer {background:url('/img/customer_bg.jpg') top center no-repeat;}
#customer h3 {font-size:20px; font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif; letter-spacing:-0.8pt; color:#333; font-weight:normal;}
#customer .cont_1180 {overflow:hidden;}
#customer .cont_1180 > div {position:relative; float:left; width:338px; height:187px; background:#fff; margin-right:8px; padding:35px 25px 30px 25px;}
#customer .cont_1180 > div:last-child {margin-right:0px;}
#customer ul {margin-top:20px;}
#customer li {width:100%; box-sizing:border-box; background:url('/img/notice_dott.gif') left 8px no-repeat; margin-bottom:6px; padding-left:13px;}
#customer li a {display:inline-block; letter-spacing:-0.5pt;}
#customer li img {vertical-align:middle;}
#customer .link li {letter-spacing:-0.5pt;}
#customer .board li span {float:right; width:70px; text-align:right; color:#a3a3a3;}
#customer a.more {position:absolute; right:25px; top:35px; z-index:2;}

#number {background:url('/img/cs_bg.jpg') top center no-repeat;}
#number h2 {color:#fff; margin-bottom:20px;}
#number p.stit {color:#c2c9d8 !important;}
#number ul {width:840px; margin:0 auto;}
#number li {margin-bottom:5px;}
#number strong {font-family: 'Montserrat', sans-serif; float:left; width:290px; line-height:100%;}
#number li.num dl p {float:left; width:180px; color:#fff; font-size:16px; letter-spacing:-0.5pt;}
#number dl {width:470px; margin:20px auto 0 auto;}
#number dt, #number dd {overflow:hidden; margin-bottom:10px;}
#number dt strong {color:#f8bd00; font-size:52px; letter-spacing:0.2pt;}
#number dd strong {color:#36b9be; font-size:38px; letter-spacing:0.2pt;}
#number dt p {height:52px; line-height:52px;}
#number dd p {height:38px; line-height:38px;}
#number li.icon {margin-top:30px;}
#number li.icon p {display:inline-block; height:34px; line-height:34px; padding:0 30px 0 45px; font-size:16px; letter-spacing:-0.5pt; color:#fff;}
#number li.icon p:last-child {padding-right:0;}
#number li.icon p * {letter-spacing:-0.5pt; color:#fff; line-height:34px;}
#number li.icon p.kakao {background:url('/img/kakao_icon.png') left top no-repeat;}
#number li.icon p.kakao2 {background:url('/img/ch_icon.png') left top no-repeat;}
#number li.icon p.nate {background:url('/img/nateon_icon.png') left top no-repeat;}
#number li.icon p.blog {background:url('/img/blog_icon.png') left top no-repeat;}
#number li.icon p span.eng_font {font-weight:600;}