@charset "utf-8";
table, tr, th, td{border-collapse:collapse}

/*상품 소개*/
.loan_visual{position:relative;padding: 50px;background:linear-gradient(90deg,rgba(43,61,114,.97) 0%,rgba(43,61,114,.9) 55%,rgba(43,61,114,.85) 100%);background-size:cover;color:#fff}
.loan_visual .visual_title{margin-bottom:38px}
.loan_visual .visual_title h2{margin:0 0 15px;font-size: 36px;font-weight:700;line-height:1.3;color:#fff;font-family: 'notokr-bold';}
.loan_visual .visual_title p{margin:0;font-size:21px;font-weight:400;line-height: 1.5;color:rgba(255,255,255,.9)}
.loan_card_wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap: 17px;}
.loan_card_wrap .loan_card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:185px;padding:30px 15px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.12);text-align:center;transition:background .3s}
.loan_card_wrap .loan_card:hover{background:rgba(255,255,255,.2)}
.loan_card_wrap .loan_card .icon{margin-bottom:18px;font-size:38px;line-height:1;color:#fff}
.loan_card_wrap .loan_card h3{margin:0 0 10px;font-size:18px;font-weight:700;color:#fff}
.loan_card_wrap .loan_card p{margin:0;font-size:16px;line-height:1.6;color:#fff}
.loan_card_wrap .loan_card p span{font-size:14px;color:rgba(255,255,255,.85)}
.loan_feature_wrap{display:flex;align-items:stretch;justify-content:space-between;margin-top:55px}
.loan_feature_wrap .loan_feature{flex:1;min-width:0;margin:0;padding:0 15px;border-right:1px solid rgba(255,255,255,.35);text-align:center}
.loan_feature_wrap .loan_feature:last-child{border-right:0}
.loan_feature_wrap .loan_feature i{display:block;margin:0 0 15px;font-size:34px;line-height:1.2;color:#fff}
.loan_feature_wrap .loan_feature p{margin:0;font-size:17px;font-weight:600;line-height:1.5;color:#fff}
.loan_info{padding: 80px 0 0;}
.loan_info .section_title{position:relative;margin-bottom:25px;border-bottom:1px solid #cbd0dc}
.loan_info .section_title h2{display:inline-block;position:relative;margin:0;padding-bottom:20px;font-size:30px;font-family: 'notokr-bold';color:#222}
.loan_info .section_title h2:after{position:absolute;left:0;bottom:-1px;width:80px;height:3px;background:#2b3d72;content:""}
.loan_table_wrap{width:100%}
.loan_table{width:100%;border-collapse:collapse;border-top:1px solid #d9deea}
.loan_table tr{border-bottom:1px solid #e5e8ef}
.loan_table th{width:240px;padding:20px 25px;background:#f3f5f9;text-align:left;font-size:16px;font-weight:600;color:#333}
.loan_table td{padding:20px 25px;background:#fff;font-size:16px;line-height:1.5;color:#555}
.loan_table td a{font-weight:600;color:#2b3d72;text-decoration:none}
.loan_table td a:hover{text-decoration:underline}
.loan_btn_wrap{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:35px}
.loan_btn_wrap a{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-width:220px;height:55px;padding:0 25px;border:1px solid #2b3d72;border-radius:50px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s}
.loan_btn_wrap a i{font-size:13px}
.loan_btn_wrap .btn_outline{background:#fff;color:#2b3d72}
.loan_btn_wrap .btn_outline:hover{background:#f0f2f8}
.loan_btn_wrap .btn_primary{background:#2b3d72;color:#fff}
.loan_btn_wrap .btn_primary:hover{background:#1d2c56}

#p33 .loan_visual{background:linear-gradient(90deg,rgba(43,61,114,.9) 0%,rgba(43,61,114,.75) 55%,rgba(43,61,114,.7) 100%),url('../sh_page/img/apartment_bg.jpg') no-repeat center center;background-size:cover}
#p34 .loan_visual{background:linear-gradient(90deg,rgba(43,61,114,.9) 0%,rgba(43,61,114,.75) 55%,rgba(43,61,114,.7) 100%),url('../sh_page/img/housing_loan_bg.jpg') no-repeat center center;background-size:cover}
#p35 .loan_visual{background:linear-gradient(90deg,rgba(43,61,114,.9) 0%,rgba(43,61,114,.75) 55%,rgba(43,61,114,.7) 100%),url('../sh_page/img/land_loan_bg.jpg') no-repeat center center;background-size:cover}
#p36 .loan_visual{background:linear-gradient(90deg,rgba(43,61,114,.9) 0%,rgba(43,61,114,.75) 55%,rgba(43,61,114,.7) 100%),url('../sh_page/img/building_loan_bg.jpg') no-repeat center center;background-size:cover}

/* 대출 절차 */
.loan_process .section_title{position:relative;margin-bottom:50px;padding-bottom:20px;border-bottom:1px solid #cbd0dc}
.loan_process .section_title h2{margin:0;font-size:30px;font-weight:700;color:#222}
.loan_process .section_title:after{position:absolute;left:0;bottom:-1px;width:80px;height:3px;background:#2b3d72;content:""}

/* 절차 아이콘 */
.loan_process .process_wrap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:20px}
.loan_process .process_item{position:relative;min-width:0;text-align:center}
.loan_process .process_icon{display:flex;align-items:center;justify-content:center;width:110px;height:110px;margin:0 auto 20px;border-radius:50%;background:#f1f3f7;transition:all .3s}
.loan_process .process_icon i{font-size:38px;color:#2b3d72}
.loan_process .process_item p{margin:0;font-size:17px;font-weight:600;line-height:1.5;color:#333}

/* 단계별 화살표 */
.loan_process .process_item:not(:last-child):after{position:absolute;top:45px;right:-17px;content:"\f054";font-family:"Font Awesome 6 Free";font-size:15px;font-weight:900;color:#2b3d72}

/* 마우스 효과 */
.loan_process .process_item:hover .process_icon{background:#2b3d72;transform:translateY(-5px)}
.loan_process .process_item:hover .process_icon i{color:#fff}

.process_detail_wrap{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:20px;margin-top:65px}
.process_detail{position:relative;min-height:200px;padding:35px 35px 40px;border:1px solid #e1e5ed;border-radius:10px;background:#fff;transition:all .3s}
.process_detail:hover{border-color:#2b3d72;box-shadow:0 8px 25px rgba(43,61,114,.08);transform:translateY(-3px)}
.process_detail .step_num{display:inline-block;margin-bottom:15px;font-size:15px;font-weight:700;color:#2b3d72}
.process_detail h3{margin:0 0 15px;font-size:22px;font-weight:700;line-height:1.4;color:#222}
.process_detail h4{margin:0 0 12px;font-size:17px;font-weight:600;line-height:1.6;color:#2b3d72;word-break:keep-all}
.process_detail p{margin:0;font-size:15px;font-weight:400;line-height:1.8;color:#666;word-break:keep-all}
.process_detail .step_note{margin-top:10px;font-size:13px;color:#888}

/*인사말*/
#p48 {padding: 35px 0;font-size: 16px;line-height: 1.7;color: #555}
#p48 .c_tit{font-size:22px;font-weight:400;color:#222}
#p48 .point{font-size:23px;color:#111;}
#p48 .top{overflow:hidden;padding: 0 70px 50px;}
#p48 .top .sub_tit{float:left;margin-right:70px;font-weight:700;line-height:38px;font-size:13px;color:#2d3c73;font-family:'Poppins',sans-serif}
#p48 .top .contents{float:left}
#p48 .top .contents .tit{margin-bottom:25px;font-weight:normal;font-size:30px;line-height:1.3;color:#222; font-family: 'notokr-bold';}
#p48 .top .contents .tit b span{color:#a08964}
#p48 .bottom{position:relative;height:492px;width:100%}
#p48 .bottom:before{position:absolute;left:0;top:50%;width:100%;height:340px;margin-top:-170px;content:'';z-index:-1;background-color:#0b163f}
#p48 .bottom img{position:absolute;box-shadow:0 0 20px rgba(0,0,0,.1)}
#p48 .bottom img:nth-child(1){position:absolute;top:0;left:185px}
#p48 .bottom img:nth-child(2){position:absolute;bottom:0;right:80px}
#p48 .bottom p{position:absolute;top:164px;right:80px;padding:7px 18px;background-color:#2d3c73;font-weight:700;font-size:13px;color:#fff;letter-spacing:0;font-family:'Poppins',sans-serif}