@import url("common.css");

#subtop {position:relative; overflow:hidden; width:100%; text-align:center; height:220px;}
	.subtop_loan1 {background:url('/img/subtop_loan1.jpg') center 0 no-repeat;}
	.subtop_loan2 {background:url('/img/subtop_loan2.jpg') center 0 no-repeat;}
	.subtop_loan3 {background:url('/img/subtop_loan3.jpg') center 0 no-repeat;}
	.subtop_loan4 {background:url('/img/subtop_loan4.jpg') center 0 no-repeat;}
	.subtop_loan5 {background:url('/img/subtop_loan5.jpg') center 0 no-repeat;}
	.subtop_loan6 {background:url('/img/subtop_loan6.jpg') center 0 no-repeat;}

	.subtop_company {background:url('/img/subtop_company.jpg') center 0 no-repeat;}
	.subtop_counsel {background:url('/img/subtop_counsel.jpg') center 0 no-repeat;}
	.subtop_customer {background:url('/img/subtop_customer.jpg') center 0 no-repeat;}
	.subtop_other {background:url('/img/subtop_other.jpg') center 0 no-repeat;}

#subtop .text {position:relative; width:1180px; margin:0 auto;} 
#subtop .text > div {width:1180px; display:table-cell; height:220px; vertical-align:middle; text-align:left;} 
#subtop h2 {font-family:NanumGothic, ³ª´®°íµñ, NGEN, Tahoma, Geneva, sans-serif; font-weight:700; color:#333; font-size:40px; line-height:100%; padding-bottom:25px; letter-spacing:-1.5pt;}
#subtop h2 span {font-family:NanumGothic, ³ª´®°íµñ, NGEN, Tahoma, Geneva, sans-serif;  font-weight:700; color:#218e92; line-height:100%; letter-spacing:-1.5pt;}
#subtop p {font-size:19px; letter-spacing:-0.8pt; color:#444; font-weight:400;}
#subtop.subtop_loan5 h2 {color:#fff;}
#subtop.subtop_loan5 h2 span {color:#fff;}
#subtop.subtop_loan5 p {color:rgba(255,255,255,0.7);}

#container {padding:40px 0;}

.lnb {position:relative; overflow:hidden; border-bottom:1px solid #ddd; background:#f6f6f6; z-index:99 !important;}
	.lnb ul{position:relative; overflow:hidden; width:1180px; margin:0 auto; border-left:1px solid #ddd; box-sizing: border-box;}
	.lnb ul.five li{width:20%;}
	.lnb ul.four li{width:25%;}
	.lnb ul.three li{width:33.33333333%;}
	.lnb ul.two li{width:50%;}
	.lnb li {position:relative; float:left; border-right:1px solid #ddd; box-sizing: border-box;}
	.lnb li a:link, .lnb li a:visited{font-size:16px; letter-spacing:-0.8pt; display:block; width:100%; line-height:60px; height:60px; text-align:center}
	.lnb li a:hover{display:block; color:#fff; text-decoration: none; background:#36b9be;  -webkit-transition:all 0.3s 0.1s;-moz-transition:all 0.3s 0.1s;
	-o-transition:all 0.3s 0.1s;-ms-transition:all 0.3s 0.1s;transition:all 0.3s 0.1s}
	.left_linktop{display:block; color:#fff !important; text-decoration: none; background:#36b9be;}


#container .tit_area {position:relative; width:1180px; margin:0 auto;}
	#container .tit_area p {float:right; font-size:14px; text-align:right;}
	#container .tit_area p a:link, 
	#container .tit_area p a:visited {font-size:14px; color:#777; text-decoration:none; letter-spacing:-0.5pt;}
	#container .tit_area p em:first-child a {display:inline-block; background:url('/img/icon_home.png') center center no-repeat; width:18px; height:18px; text-align:center; text-indent:-22222px;}
	#container p a:hover {color:#333;}
	#container p em {font-style:normal; background:url('/img/icon_arr.png') right center no-repeat; padding:0 18px 0 16px;}
	#container p em:last-child {background:none; padding:0 0px 0 10px;}
	#container p em strong {font-weight:600; color:#333;}
	#container h3 {color:#333; font-size:33px; line-height:33px; letter-spacing:-0.8pt; margin-bottom:40px; font-family:NanumGothic, ³ª´®°íµñ, NGEN, Tahoma, Geneva, sans-serif; }	

.contents_in {position:relative; width:1180px; margin:0 auto 50px auto; min-height:250px; font-size:15px; letter-spacing:-0.5pt;}


/** ŸÀÌƲ **/
h4.cont_tit {font-family:NanumGothic, ³ª´®°íµñ, NGEN, Tahoma, Geneva, sans-serif; font-size:30px; line-height:130%; padding-bottom:35px; letter-spacing:-1pt; font-weight:normal; color:#333;}
h4.cont_tit span {font-size:30px; color:#2b2526; font-family:NanumGothic, ³ª´®°íµñ, NGEN, Tahoma, Geneva, sans-serif; font-weight:700; letter-spacing:-1pt; line-height:130%;}
h4.cont_tit p.stit {margin-top:15px; line-height:100%; font-size:21px; line-height:130%; letter-spacing:-1pt; font-weight:500; color:#777;}
h4.cont_tit span.green {color:#218e92;}


/*** °øÅëcss ***/
.table_style {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th {color:#444; font-weight:600; text-align:center; padding:14px 15px; border-bottom:1px solid #d4d4d4; background-color:#f9f9f9; letter-spacing:-0.5pt;}
.table_style td {border-bottom:1px solid #e9e9e9; padding:14px 15px; text-align:left}

.table_left {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_left th{color:#444; font-weight:600; text-align:left; padding:14px 15px; border-bottom:1px solid #ddd; background-color:#f9f9f9; border-right:1px solid #ddd; letter-spacing:-0.5pt;}
.table_left td {border-bottom:1px solid #ddd; padding:14px 15px; text-align:left; border-right:1px solid #ddd; letter-spacing:-0.5pt;}

.grey_dott {background:url('/loan/img/grey_dott.gif') left 9px no-repeat; padding:0 0 5px 10px; letter-spacing:-0.5pt;}
.grey_dott strong {color:#333;}
.green_dott {background:url('/loan/img/green_dott.gif') left 10px no-repeat; padding:0 0 5px 10px; letter-spacing:-0.5pt;}
.green_point {color:#218e92;}
.black_point {color:#333; letter-spacing:-0.5pt;}
.ora_point {color:#f88000; }

.font_16 {font-size:16px;}

/******* ´ëÃâ¼Ò°³ ********/
.loan h4.cont_tit {text-align:center;}
.loan .icon_list {position:relative; width:440px; overflow:hidden; margin:10px auto 40px auto; background:url('/loan/img/icon_bg.gif') top center no-repeat;}
.loan .icon_list li {float:left; width:113px; margin-right:50px; font-size:14px; text-align:center;}
.loan .icon_list li p {margin-top:15px; letter-spacing:-0.7pt; color:#404040;}
.loan .icon_list li:last-child {margin-right:0;}

.loan .loan_info {margin-bottom:40px; position:relative;}
.loan .loan_info dl {overflow:hidden; width:100%; padding:30px 25px 25px 25px; box-sizing:border-box; display:table; background:#f6f6f6; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd;}
.loan .loan_info dl:nth-child(even) {background:#fff;}
.loan .loan_info dl:last-child {border-bottom:1px solid #ddd;}
.loan .loan_info dt {display:table-cell; width:250px; vertical-align:top; letter-spacing:-0.7pt; font-size:18px; color:#333; font-weight:600;}
.loan .loan_info dd {display:table-cell; width:930px; vertical-align:top; letter-spacing:-0.7pt;}
.loan .loan_info dd.method > span {display:inline-block; margin-right:50px;}
.loan .loan_info dd p.black_point, .loan .loan_info dd p.green_point {margin-bottom:8px;}

.loan_box {background:url('/loan/img/dash_box_bg.gif') bottom center no-repeat;}
.loan_box .top {background:url('/loan/img/dash_box_t.gif') top center no-repeat; height:8px;}
.loan_box dl {width:1112px; margin:0px auto; display:table; overflow:hidden; border-bottom:1px dashed #ddd; padding:30px 0;}
.loan_box dt {display:table-cell; width:210px; vertical-align:top; letter-spacing:-0.7pt; font-size:18px; color:#333; background:url('/loan/img/tit_info.gif') 2px 1px no-repeat; padding-left:34px;}
.loan_box dd {display:table-cell; width:970px; vertical-align:top; letter-spacing:-0.7pt;}
.loan_box dd p {letter-spacing:-0.5pt !important;}
.loan_box dt {}
.loan_box dl:last-child {border-bottom:none;}
.loan_box dl:last-child dt {background:url('/loan/img/tit_call.gif') 2px 1px no-repeat; padding-left:34px;}

/* ´ëÃâ»ó´ã Æû¸ÞÀÏ */
.apply_box {border:2px solid #ddd; padding:35px 25px; margin-bottom:30px;}
.apply_box dl {width:1112px; margin:0px auto; display:table;}
.apply_box dt {display:table-cell; width:430px; vertical-align:top; letter-spacing:-0.7pt; font-size:18px; color:#333;}
.apply_box dt p {font-weight:600; margin-bottom:15px; line-height:normal; letter-spacing:-0.5pt;}
.apply_box dt span {display:inline-block; font-size:14px; letter-spacing:-0.5pt;}
.apply_box dd {display:table-cell; width:800px; vertical-align:top; letter-spacing:-0.7pt;}


/*** ´ëÃâ¼Ò°³_ÀÚ¼¼È÷º¸±â_¸»Ç³¼± ***/
.btn_def_s {border-radius:5px; background:#f8f8f8; border:1px solid #b5b5b5; padding:2px 15px; color:#333; display:inline-block; box-sizing:border-box; font-weight:500; font-size:0.875em; transition: all .3s ease; position:absolute; right:30px;}
.btn_def_s:hover { color:#218e92;}

.cloud {position: absolute; width:800px; background: #fff; border:1px solid #000;  z-index: 5; display: none; top: 120px; right: 135px;}
.cloud > .cloud_tri {position: absolute; top: 50px; right: -9px}
.cloud > .cloud_cnt {padding: 25px 28px}
.cloud > .cloud_top, .cloud_area {position: relative}
.cloud > .cloud_top .cloud_close {position: absolute; right: 0; top: 0; }


/******* ȸ»ç¼Ò°³ ********/

/* ȸ»ç¼Ò°³ - ȸ»ç°³¿ä */
.about {border:1px solid #ddd; border-top:none;}
.about .greeting {position:relative; background:url('/company/img/greeting_img.png') top left no-repeat; padding:40px 35px 0 35px; height:580px; letter-spacing:-0.5pt; font-size:15px; color:#99c3e2;}
.about .greeting h4.cont_tit span {color:#9dcff5;}
.about .greeting h4.cont_tit span.green {color:#fff;}
.about .greeting .sign {margin-top:30px; font-size:18px; color:#fff;}
.about .business {padding:0 40px 50px 40px;}
.about .business .tit {font-family:"Montserrat", Tahoma, sans-serif; font-size:45px; color:#414242; font-weight:700; margin-bottom:40px; line-height:45px;} 
.about .business .tit span {font-family:"Montserrat", Tahoma, sans-serif; color:#0068b7; line-height:45px;}
.about .business .tit p {color:#999; font-size:20px; margin-top:15px; letter-spacing:-0.5pt; font-weight:500;}
.about .business ul {width:980px; margin:0 auto; overflow:hidden;}
.about .business li {float:left; width:220px; text-align:center;}
.about .business li.dott {width:30px; min-height:144px; background:url('/company/img/busi_dott.png') center no-repeat;}
.about .business li strong {display:block; color:#333; font-size:16px; letter-spacing:-0.5pt; margin-bottom:10px;}
.about .business li dt {margin-bottom:20px;}
.about .business li dd {font-size:14px; letter-spacing:-0.5pt;}

/* ¿À½Ã´Â ±æ */
.location {position:relative;} 
.location h4.cont_tit {padding-bottom:25px;}
.location .map_img {border:1px solid #ddd;}
.location .mapArea {position:relative; border:1px solid #ddd; background:#ddd; overflow:hidden;}
	.loca_ready {text-align:center; height:500px;}
	.loca_ready p.tit {font-size:26px; color:#333; letter-spacing:-0.7pt; padding:170px 0 0 0;}
	.loca_ready p.txt {font-size:15px; letter-spacing:-0.5pt; line-height:23px; padding:8px 0 0 0;}
	.loca_ready p.txt a {text-decoration:underline; font-size:13px;}
	.loca_ready .btn {width:50%; margin:15px auto; }
	.loca_ready .btn a {background:rgba(255,255,255,0.4); border-radius:15px; display:inline-block; width:140px; padding:13px 0 15px; line-height:100%; font-size:0.98em; letter-spacing:-0.5pt; margin:0 5px;}
.location .map_txt {position:relative; padding:20px; background:#f6f6f6; border:1px solid #ddd; border-top:none;}
.location .map_txt span {display:inline-block; height:35px; line-height:35px; color:#666; font-size:16px; padding-left:45px; margin:3px 30px 5px 0px; letter-spacing:-0.5pt;}
.location .map_txt span.add {background:url('/company/img/icon_map.png') top left no-repeat;}
.location .map_txt span.tel {background:url('/company/img/icon_tel.png') top left no-repeat;}
	.map_txt .locationBtn {position:absolute; right:20px; top:30px; z-index:2;}
	.map_txt .locationBtn a:link, 
	.map_txt .locationBtn a:visited {display:inline-block; height:55px; line-height:55px; color:#fff; text-align:center; width:136px; font-weight:500; letter-spacing:-0.5pt;}
	a.btn_print {background:url('/company/img/map_detail.gif') left top no-repeat;}
	a.btn_detail {background:url('/company/img/map_print.gif') left top no-repeat;}



/* õ¸íÈ£Ãß°¡(2016-07-20) */
.pay_add_tit {font-size: 11px; color: #555;}
.pay_add_tit2 {font-size: 11px; color: #ee2d7a;}

/* »çÀÌÆ®¸Ê */
.sitemap {position:relative; overflow:hidden;}
.sitemap ul{position:relative; overflow:hidden;}
.sitemap ul.one{margin-bottom:4%;}
.sitemap ul li{float:left; width:23.5%; margin-right:2%;}
.sitemap ul li:nth-child(4){margin-right:0;}
.sitemap dl{position:relative; overflow:hidden;}
.sitemap dt {background-color:#f5f5f5; font-weight:700; padding:15px 0; text-align:center; border-top:1px solid #333;  border-bottom:1px solid #ddd; color:#333; font-size:18px; letter-spacing:-0.8pt;}
.sitemap dd a:link, .sitemap dd a:visited{border-bottom:1px dashed #d4d4d4; display:block; padding:13px 0; text-align:center; letter-spacing:-0.5pt; font-size:16px;}

.privacy_list {overflow:hidden;}
.privacy_list li {width:49%; float:left;}