@charset "utf-8";

/*상품소개*/
.LN .ln_kinds{margin-top:50px}
.LN .ln_kinds:after{content:"";display:block;clear:both}
.LN .ln_kinds li{float:left;margin-left:-1px;width:248px;border:1px solid #cccccc;letter-spacing:-0.07em;letter-spacing:-0.8px}
.LN .ln_kinds li:first-child{width:249px;margin-left:0}
.LN .ln_kinds li .tit{padding:120px 0 30px;border-bottom:1px solid #cccccc}
.LN .ln_kinds li .tit > strong{display:block;font-size:25px;color:#333;font-weight:bold;text-align:center;letter-spacing:-2px}
.LN .ln_kinds li dl{padding:40px 30px 45px;height:425px}
.LN .ln_kinds li dl dt{margin:50px 0 15px;font-size:18px;font-weight:bold;color:#333;letter-spacing:-1px}
.LN .ln_kinds li dl dt:first-child{margin-top:0 !important}
.LN .ln_kinds li dl dd{position:relative;min-height:60px}
.LN .ln_kinds li dl dd > p{line-height:1.6}
.LN .ln_kinds li dl dd .btn_arr{display:block;position:absolute;right:0;top:65px;}
.LN .ln_kinds li.ln_k1 .tit{background:#f5f5f5 url(/common/images/LN/bg_intro_ln1.png) no-repeat center 35px}
.LN .ln_kinds li.ln_k2 .tit{background:#f5f5f5 url(/common/images/LN/bg_intro_ln2.png) no-repeat center 35px}
.LN .ln_kinds li.ln_k3 .tit{background:#f5f5f5 url(/common/images/LN/bg_intro_ln3.png) no-repeat center 35px}
.LN .ln_kinds li.ln_k4 .tit{background:#f5f5f5 url(/common/images/LN/bg_intro_ln4.png) no-repeat center 35px}
.LN .ln_kinds .btn_arr{padding:5px 5px 6px 8px}

/*NH저축은행 햇살론*/
.LN .sun_result{margin-top:70px;padding-top:190px;background:url(/common/images/LN/bg_sun_result.gif) no-repeat center 0;text-align:center}
.LN .sun_result .complete{font-size:20px;font-weight:bold;color:#333;letter-spacing:-1px}
.LN .sun_result .tel{margin-top:40px;font-size:16px;color:#333}
.LN .terms_area{width:100%;height:200px;border:1px solid #cdcdcd}
.LN .terms_agree{margin-top:15px;text-align:right}
.LN .terms_agree label{color:#333}

/*담보대출*/
.LN .pd_introduce .title2{margin:20px 0 0}
.LN .pd_introduce .refer{margin-bottom:20px}
.LN .pd_introduce .tb_type_col + .title2{margin-top:30px}
.LN .pd_introduce .title2 + .bul_dia{margin-top:10px}

/*대출가이드*/
.LN .faq{margin-top:30px;border-top:1px solid #dddddd}
.LN .faq dt{margin-top:20px;padding:5px 0 5px 030px;font-size:14px;font-weight:bold;line-height:1.6;color:#333;background:url(/common/images/LN/icon_q.gif) no-repeat 0 6px}
.LN .faq dd{margin-top:10px;padding:5px 0 25px 30px;font-size:14px;line-height:1.6;border-bottom:1px solid #dddddd;background:url(/common/images/LN/icon_a.gif) no-repeat 0 6px}

/*2017 대출프로세스 개선 스타일 추가*/
.LN .step_type2{margin-bottom:40px;border-top:3px solid #0074cc}
.LN .step_type2 ul{display:table;width:100%;table-layout:fixed;}
.LN .step_type2 li{display:table-cell;width:20%;padding:20px 0;text-align:center;border:1px solid #ddd;background-color:#f5f5f5}
.LN .step_type2 li.on{border-bottom:0;background-color:#fff;}
.LN .step_type2 li.on span{color:#0074cc;}
.LN .step_type2 li span > strong{font-size:18px;}

.LN .inquiry_item .tbl_bottom{border-bottom:1px solid #777;padding-bottom:20px;}

/*2017-07-21 스타일 추가*/
.auth_wrap{overflow: hidden;margin-bottom:30px;}
.auth_wrap > div {float:left;width:320px;height:144px;border:1px solid #ddd;}
.auth_wrap > div a{display:block;height:110px;padding-left:155px;padding-top:34px;}
.auth_wrap > div a em{display:block;font-weight:bold;color:#333;font-size:16px;}
.auth_wrap > div a span{display:block;margin-top:10px;font-size:15px;}
.auth_wrap > div+div{margin-left:10px;}
.auth_wrap .auth_cert{background:url(/common/images/LN/img_cert.png) no-repeat 50px center;}
.auth_wrap .auth_phone{background:url(/common/images/LN/img_phone.png) no-repeat 56px center;}
.auth_wrap .auth_card{background:url(/common/images/LN/img_card.png) no-repeat 56px center;}
.auth_result{margin-bottom:30px;padding:80px 30px 20px;border:1px solid #cae4f7;background-color:#f3f8fc;text-align:center;background:url(/common/images/LN/icon_comp.png) no-repeat center 20px #f3f8fc;}
.auth_result em{font-size:18px;}
.auth_result em span{font-weight:bold;color: #0074cc;}

.prod_sel_wrap{overflow: hidden;margin:20px 0 30px;}
.prod_sel_wrap > div {float:left;width:430px;border:1px solid #ddd;padding:20px 30px;}
.prod_sel_wrap > div a{display:block;}
.prod_sel_wrap > div+div{margin-left:16px;}
.prod_sel_wrap > div,
.prod_sel_wrap a{overflow:hidden;}
.prod_sel_wrap > div strong{color:#333;font-size:20px;}
.prod_sel_wrap > div p{margin:5px 0 20px;font-size:16px;color:#333;}
.prod_sel_wrap > div div{float:left;width:215px;}
.prod_sel_wrap > div div em{display:block;margin-bottom:10px;color:#333;font-size:16px;padding-left:28px;padding-bottom:3px;line-height:22px;}
.prod_sel_wrap > div div span{margin:0 5px;font-size:30px;font-weight:bold;color:#e02727;line-height:30px;vertical-align:bottom}
.prod_sel_wrap .money em{background:url(/common/images/LN/icon_money.png) no-repeat 0 center;}
.prod_sel_wrap .rate em{background:url(/common/images/LN/icon_rate.png) no-repeat 0 center;}
.prod_sel_wrap p.prod_info_txt01 {clear:both;margin:0;color:#333;font-size:30px;font-weight:bold;text-align:center}
.prod_sel_wrap p.prod_info_txt02 {clear:both;margin:0;color:#333;font-size:15px;font-weight:bold;text-align:center}

.result_area{margin:20px 0;padding:50px 0 50px 395px;;background:url(/common/images/LN/img_result01.png) no-repeat 75px center;border:1px solid #ddd;}
.result_area li{margin:10px 0;}
.result_area li span{font-weight:bold;color:#0074cc}

.result_area02{margin:20px 0;padding:50px 0 50px 395px;;background:url(/common/images/LN/img_result02.png) no-repeat 75px center;font-weight:bold;font-size:16px;line-height:26px;border:1px solid #ddd;color:#333;}

/*대출상품*/
.LN .product_list{display:block;font-size:0}
.LN .prd_info{display:inline-block;min-height:140px;border:1px solid #cccccc;width:980px;display:inline-block;position:relative;height:207px}
.LN .prd_info dt{display:block;width:auto;padding:30px 0 25px 41px ;vertical-align:middle;line-height:21px;}
.LN .prd_info dt strong{display:block;font-size:24px;color:#222;letter-spacing:-2px;line-height:29px}
.LN .prd_info dd{display:block;width:auto;border-top:1px solid #cccccc;vertical-align:middle;padding-top:25px;margin:0 40px;}
.LN .prd_info dd>.title{font-size:16px;color:#116eb9 }
.LN .prd_info dd>.info_txt{font-size:14px;color:#666666;margin-top:15px;line-height:22px}
.LN .prd_info dd>.btn{position:absolute;right:40px;top:30px}

/*.LN .prd_info:first-child{border-right:none;width: 499px;}
.LN .prd_info:nth-child(3){border-right:none;border-top:none;width: 499px;}*/
.LN .prd_info:nth-child(2){border-top:none}
.LN .prd_info:nth-child(3){border-top:none}
.LN .prd_info:nth-child(4){border-top:none}
.LN .prd_info:nth-child(5){border-top:none}
.LN .prd_info:nth-child(7){border-top:none}
.LN .prd_info:nth-child(9){border-top:none}
.LN .prd_info:nth-child(11){border-top:none}
/*.LN .prd_info:nth-child(5){border-right:none;border-top:none;width: 499px;}*/
.LN .prd_info:nth-child(6){border-top:none}
/*.LN .prd_info:nth-child(7){border-right:none;border-top:none;width: 499px;}*/
.LN .prd_info:nth-child(8){border-top:none}
/*.LN .prd_info:nth-child(9){border-right:none;border-top:none;width: 499px;}*/
.LN .prd_info:nth-child(10){border-top:none}
/*.LN .prd_info:nth-child(11){border-right:none;border-top:none;width: 499px;}*/
.LN .prd_info:nth-child(12){border-top:none}
/*.LN .prd_info:nth-child(13){border-right:none;border-top:none;width: 499px;}*/
.LN .prd_info:nth-child(14){border-top:none}
.LN .prd_info:nth-child(15){border-right:none;border-top:none;width: 499px;}
.LN .prd_info:nth-child(16){border-top:none}
.LN .prd_info:nth-child(17){border-right:none;border-top:none;width: 499px;}
.LN .prd_info:nth-child(18){border-top:none}
.LN .prd_info:nth-child(19){border-right:none;border-top:none;width: 499px;}
.LN .prd_info:nth-child(20){border-top:none}
.LN .prd_info:nth-child(21){border-right:none;border-top:none;width: 499px;}
.LN .prd_info:nth-child(22){border-top:none}
.LN .prd_info:nth-child(23){border-right:none;border-top:none;width: 499px;}
.LN .prd_info:last-child{border-top:none;border-right: 1px solid #ccc;}



.info_txt{font-size:18px;color:#333;font-weight:bold;margin-bottom:30px}

.box_gray>.ln_info_list>li{display:inline-block;margin-left:30px;vertical-align:top}
.box_gray>.ln_info_list>li>strong{font-weight:bold;color:#000;margin-right:10px}
.box_gray>.ln_info_list>li:first-child{margin-left:0}
.box_gray>.ln_info_list>li:last-child{margin-left:0;display:block !important;}

.bul_dia+.bul_dia_02{margin-top:18px}
.bul_dia_02{display:block;}
.bul_dia_02>li{line-height: 1.8;color: #666;font-size:13px}
.bul_dia_02+strong{margin-top:18px}
.box_line strong{display:block;}

.LN .loan_info{display:block;position:relative;}
.LN .loan_info>p{display:inline-block;font-size:0}
.LN .loan_info>.title{font-size:18px;color:#116eb9;vertical-align:top;}
.LN .loan_info>.title:after{content:"";display:inline-block;height:14px;width:1px;background:#ddd;vertical-align:top;margin-left:12px;margin-top:6px }
.LN .loan_info>.title.after_none:after{display:none;}
.LN .loan_info>.info_txt{font-size:18px;color:#333333;margin-left:12px;vertical-align:top;margin-bottom:18px;font-weight:bold;width:840px;letter-spacing:-1px  }
.LN .loan_info>.pos_r{display:block;float:right;}
.LN .loan_info>.notice{font-size:12px;color:#666666;text-align:right;display:block;clear:both;padding-top:10px  }


.LN .product_Info{display:block;clear:both;padding-top:20px }
.LN .product_Info>dt>h3{overflow: hidden;
					    position: absolute;
					    top: -9999em;
					    left: 0;
					    width: 1px;
					    height: 1px;
					}
.LN .product_Info>dd>.titType13{margin: 30px 0 10px;
							  padding-left: 20px;
							  font-size: 16px;
							  color: #0074cc;
							  font-weight: bold;
							  background: url(../images/com/bul_tit.gif) no-repeat 0 3px;
							  line-height: 18px;
							}
.LN .product_Info>dd>.titType12{padding-left: 10px;
								background: url(../images/com/bul_dia.gif) no-repeat 0 10px;
								line-height: 1.8;
								color: #666;
								}
.LN .product_Info>dd>.txtListType>li{
								padding-left: 10px;
								background: url(../images/com/bul_dia.gif) no-repeat 0 10px;
								line-height: 1.8;
								color: #666;
								}	




/*190807 대출신청 2.가심사 정보입력 어코디언*/
.LN .policy_acco{margin-top:30px;border-top:1px solid #dddddd;border-right:1px solid #dddddd;border-left:1px solid #dddddd}
.LN .policy_acco dt{padding:20px 30px 15px 30px;font-size:14px;font-weight:bold;line-height:1.6;color:#333;}
.LN .policy_acco dd{margin-top:1px;padding:0px 0 25px 0;font-size:14px;line-height:1.6;border-bottom:1px solid #dddddd;word-break:keep-all}
.LN .total_chk{overflow:hidden;border-bottom:1px solid #ddd;padding:20px 30px !important;line-height:34px !important;background:#f5f5f5  }
.LN .total_chk>a{float:right;}
dt.accordion {
	cursor: pointer;
	transition: 0.4s;
}

dd.panel {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
dd.panel > div {
	display:none;
}

dt.accordion:after {
	content: '\2228';
	float: right;
}

dt.accordion.active:after {
	content: '\2227';
}
dt.accordion.active+.panel{
	max-height:200px !important;
	overflow-y:scroll; 
	border-top:1px solid #dddddd
}
dt.accordion.active+.panel > div {
	display: block;
}


dt.terms_pop {
	width: 96% !important;
	cursor: pointer;
	transition: 0.4s;
	padding-right:30px;
	padding-bottom:20px !important;
	border-bottom:1px solid #dddddd;
}


dt.terms_pop:after {
	content: '\3009';
	float: right;
	padding-right:30px;
}
dt.terms_pop.arrowNone:after {
	font-size:0
}

dt.terms_pop.active+.panel{
	max-height:200px !important;
	overflow-y:scroll; 
	border-top:1px solid #dddddd
}
.terms{margin:20px;line-height:1.6;font-size:12px;color:#333}
.terms .terms {margin:0;}
.terms > h1{}
.terms > p{margin-top:10px;}
.terms > ul > li{margin-top:10px;}
.terms > ul > li > ul{margin-left:10px}
.terms > ul > li > ul > li > ul{margin-left:10px}
.terms .no_num{margin-top:15px}
.terms .no_num li{margin:0}
.terms .bt_info span{display:inline-block;width:195px}
.terms table th{padding:10px 0;text-align:center}
.terms table th, .terms table td{padding:10px;border:1px solid #dddddd}
.terms table .box{padding:7px;border:1px solid #dddddd}
.depst_down{overflow:hidden;padding:10px 25px !important }
.depst_down>p{display:inline-block;margin-top:15px; }
.depst_down>.btn_downfile{display:inline-block;float: right;}