@charset "utf-8";

/* 공통 */
.pagecommon{font-size:15px;line-height:1.8;letter-spacing:-.3px;color:#777;font-family:'notokr-regular'}
.pagecommon .pl{white-space:pre-line}
.pagecommon .fa-phone{font-size:13px}
.common_btn{display:block;width:220px;height:70px;margin:40px auto;border-radius:8px;font-size:15px;color:#fff;line-height:70px;text-align:center;background-color:#fc9835;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
.common_btn:hover{background-color:#ffb00d}

/* 대출상품 */
#loanPro .st{color:#fc9835}
#loanPro .stxt{overflow:hidden;position:relative;padding:12px 0;margin-bottom:10px;padding-left:55px;border-radius:8px;color:#222;background-color:#f5f6f8;font-family:'notokr-medium'}
#loanPro .stxt span{display:block;position:absolute;left:12px;top:10px;width:30px;height:30px;border-radius:50%;font-size:12px;font-weight:500;letter-spacing:0;text-align:center;line-height:30px;color:#fff;background-color:#0b2458;font-family:'Poppins'}
#loanPro dl{position:relative;padding:0 0 50px 160px}
#loanPro dl:not(:last-child){border-bottom:1px solid #555}
#loanPro dl:not(:first-child){margin-top:50px}
#loanPro dl dt{position:absolute;left:0;top:0;width:160px;font-size:18px;text-align:right;color:#222;font-family:'notokr-medium'}
#loanPro dl dd{padding:2px 0 0 80px}
#loanPro .kwd_area{margin:30px 0 0}
#loanPro .kwd_area ul{overflow:hidden}
#loanPro .kwd_area ul li{float:left;width:calc(100% / 3 - 3.33px);height:160px;padding:25px;border:1px solid rgba(79,152,235,.3);border-radius:8px;font-size:14px;color:#4f98eb;background-color:#fff}
#loanPro .kwd_area ul li:nth-child(2){margin:0 5px}
#loanPro .kwd_area ul.col2 li{width:calc(100% / 2 - 5px)}
#loanPro .kwd_area ul.col2 li:nth-child(2){margin:0 0 0 5px}
#loanPro .kwd_area ul.col1 li{width:100%;height:auto}
#loanPro .kwd_area ul.col1 li:nth-child(2){margin:0}
#loanPro .kwd_area ul li p{padding-bottom:5px;font-size:16px;color:#222;font-family:'notokr-medium'}
#loanPro .kwd_area .ps{padding-top:15px;text-align:center;color:#222;font-family:'notokr-medium'}
#loanPro .kwd_area .ps span{display:inline-block;width:24px;height:24px;margin-right:10px;border-radius:50%;font-size:13px;line-height:24px;color:#fff;background-color:#5794da;font-family:'notokr-bold'}
#loanPro .box_list{overflow:hidden;margin-bottom:20px}
#loanPro .box_list li{float:left;position:relative;width:412px;height:110px;margin:0 0 5px;border-radius:8px;padding:30px 15px 0 110px;border:1px solid #e1e1e1;line-height:1.6}
#loanPro .box_list li:nth-child(2n){margin-left:5px}
#loanPro .box_list li.pdt{padding-top:18px}
#loanPro .box_list li .icon{position:absolute;top:0;left:0;width:110px;height:110px;text-align:center;line-height:110px}
#loanPro .box_list li .icon img{width:55px}
#loanPro .box_list li span{display:block;color:#222;font-family:'notokr-medium'}
#loanPro .line_list li{position:relative;padding: 0 0 20px 140px;margin-bottom:20px}
#loanPro .line_list li:not(:last-child){border-bottom:1px dashed #ddd}
#loanPro .line_list li p{position:absolute;left:0;top:0;width:140px;color:#222;letter-spacing:-.5px;font-family:'notokr-medium'}
#loanPro .line_list li p:before{display:inline-block;content:"";width:10px;height:10px;margin-right:10px;border-radius:50%;border:3px solid #5794da}

/* 게시판 상단*/
#bdlist_txt{position:relative;padding:25px 0;margin-bottom:25px;border-radius:8px;font-size:19px;line-height:1.6;text-align:center;color:#222;background-color:#f5f6f8;font-family:'notokr-regular'}
#bdlist_txt p{margin-bottom:5px;font-size:13px;font-weight:600;color:#5794da;letter-spacing:0;font-family:'Poppins'}

/* 대출안내 */
#p39 dl{position:relative;padding:0 0 50px 160px}
#p39 dl:not(:last-child){border-bottom:1px solid #555}
#p39 dl:not(:first-child){margin-top:50px}
#p39 dl dt{position:absolute;left:0;top:0;width:160px;font-size:18px;text-align:right;color:#222;font-family:'notokr-medium'}
#p39 dl dd{ position:relative;padding:2px 0 0 80px}
#p39 .inq_btn{display:block;position:absolute;right:40px;top:-10px;width:220px;height:65px;border-radius:8px;font-size:16px;color:#fff;text-align:center;line-height:65px;background-color:#4f98eb;-webkit-transition:all .2s;transition:all .2s;font-family:'notokr-medium'}
#p39 .inq_btn:hover{background-color:#3e91ff}
#p39 .pro_icon li{display:inline-block;margin-right:-18px;text-align:center}
#p39 .pro_icon li:last-child{margin-left:50px}
#p39 .pro_icon li .icon{width:135px;height:135px;margin-bottom:12px;border-radius:50%;border:1px dashed #aaa;line-height:133px}
#p39 .pro_icon li .icon img{width:42px}
#p39 .pro_icon li:last-child .icon{border:1px solid #4f98eb}
#p39 .pro_icon li span{font-size:12px;font-weight:500;letter-spacing:0;color:#aaa;font-family:'Poppins'}
#p39 .pro_icon li p{color:#222;font-family:'notokr-bold'}
#p39 .pro_icon li:last-child span,#p39 .pro_icon li:last-child p{color:#4f98eb}
#p39 .pro_list{margin-top:40px}
#p39 .pro_list li{padding:30px}
#p39 .pro_list li:nth-child(odd){border-radius:8px;background-color:#f5f6f8}
#p39 .pro_list li .step{margin-bottom:15px;font-size:16px;color:#222;font-family:'notokr-medium'}
#p39 .pro_list li .step .num{display:inline-block;width:80px;padding:5px 0;margin-right:10px;border-radius:20px;font-size:12px;font-weight:500;letter-spacing:0;text-align:center;color:#fff;background-color:#4f98eb;font-family:'Poppins'}
#p39 .pro_list li .st{color:#222;text-decoration:underline}

/* 회사소개 */
#p51 .tit_area{padding:0 70px 35px}
#p51 .tit_area span{font-size:22px;font-weight:700;color:#222;letter-spacing:0;font-family:'Poppins'}
#p51 .tit_area p{padding-top:10px;font-size:26px;color:#222;letter-spacing:-.5px;line-height:38px;font-family:'notokr-light'}
#p51 .tit_area p b{font-weight:normal;color:#4f98eb}
#p51 .tit_area p strong{font-weight:normal;font-family:'notokr-bold'}
#p51 .cont{overflow:hidden;position:relative;padding-left:70px;margin-bottom:70px}
#p51 .cont li{float:left;width:44%; letter-spacing:0;}
#p51 .cont02{overflow:hidden;padding:40px 0 0;border-top:1px solid #555}
#p51 .cont02 .tit{padding-left:70px;font-size:26px;color:#222;letter-spacing:-.5px;line-height:38px;font-family:'notokr-light'}
#p51 .cont02 .tit span{font-weight:normal;color:#4f98eb}
#p51 .cont02 .box_wrap{position:relative;margin-top:40px}
#p51 .cont02 .img{position:absolute;right:0;top:0;z-index:-1;width:50%;height:535px;background:url(/sh_page/img/p51_img.jpg) center no-repeat}
#p51 .cont02 ul{float:left;position:relative;width:50%}
#p51 .cont02 ul:after{display:block;content:"";visibility:hidden;clear:both}
#p51 .cont02 ul li{float:left;position:relative;width:267.5px;height:267.5px;padding:40px 0 0 40px;background-color:#ddd;color:#fff}
#p51 .cont02 ul li .icon{position:absolute;bottom:32px;right:35px;width:35px}
#p51 .cont02 ul li p{margin-bottom:10px;font-family:'notokr-medium'}
#p51 .cont02 ul li div{font-size:14px;color:rgba(255,255,255,.7)}
#p51 .cont02 ul li.box01{background-color:#4f98eb}
#p51 .cont02 ul li.box02{color:#222;background-color:#fff}
#p51 .cont02 ul li.box02 .icon{width:38px}
#p51 .cont02 ul li.box02 div{color:rgba(0,0,0,.7)}
#p51 .cont02 ul li.box03{background-color:#252525}
#p51 .cont02 ul li.box04{background-color:#0b2458}
#p51 .cont02 ul li.box05{position:absolute;bottom:0;right:-50%;bottom:0;background-color:#4f98eb}

/* 인사말 */
#p52 .tit_area{padding:0 70px 35px}
#p52 .tit_area span{font-size:22px;font-weight:700;color:#222;letter-spacing:0;font-family:'Poppins'}
#p52 .tit_area p{padding-top:10px;font-size:26px;color:#222;letter-spacing:-.5px;line-height:38px;font-family:'notokr-light'}
#p52 .img{position:relative;width:100%;height:380px;background:url(/sh_page/img/p52_img.jpg) center 50%  no-repeat}
#p52 .img .box{position:absolute;bottom:0;right:70px;z-index:2;width:235px;height:245px;padding:160px 0 0 45px;font-size:13px;font-weight:600;letter-spacing:0;color:#fff;background:url(/sh_page/img/p52_box.png) top right no-repeat #5794da;font-family:'Poppins'}
#p52 .cont{position:relative;z-index:1;padding:60px 0 70px 70px;margin:-60px 0 0 70px;background-color:#fff}
#p52 .cont .sign{color:#222;font-family:'notokr-medium'}