@charset "utf-8";

/* 공통 */
#pageCommon{font-size:16px;line-height:1.6;letter-spacing:-.2px;color:#777;font-family:'notokr-regular'}
#pageCommon .tit_area h3{font-size:35px;color:#222;font-family:'notokr-demilight'}
#pageCommon .tit_area h3 span{font-family:'notokr-bold'}

/* 회사소개 */
.page53{position:relative;text-align:center}
.page53:after{content:"";display:block;position:absolute;right:-65px;bottom:80px;width:65px;height:481px;background-image:url(/sh_page/img/p23_deco.png)}
.page53 .tit_area{margin-bottom:40px}
.page53 .tit_area p{display:inline-block;padding:0 20px;border-left:11px solid #2340c3;border-right:11px solid #2340c3;font-size:18px;color:#2340c3}
.page53 .cont{padding-top:300px;background:url(/sh_page/img/p23_img.jpg) top center no-repeat}
.page53 .cont ul{display:table;margin:0 auto 50px}
.page53 .cont ul li{display:table;float:left;width:250px;height:195px;margin:0 -1px;border:1px solid #e1e1e1;line-height:1.4;color:#222;background-color:#fff;font-family:'notokr-medium'}
.page53 .cont ul li img{margin-bottom:15px}
.page53 .cont ul li p{display:table-cell;vertical-align:middle}

/* 상품소개 */
.loan_product{position:relative;border-right:1px solid #e1e1e1}
.loan_product:before{display:block;content:"";position:absolute;left:-376px;top:0;width:746px;height:100%;background:url(/sh_page/img/loan_pro_bg.png) top no-repeat #d0c9ac}
.pro_cont .tit_area{padding-left:35px}
.pro_cont .tit_area:after{display:block;visibility:hidden;content:"";clear:both}
.pro_cont .tit_area h4{float:left;font-size:26px;color:#222;font-family:'notokr-bold'}
.pro_cont .tit_area p{float:right;color:#222;letter-spacing:1.5px;font-family:'raleway'}
.pro_cont .tit_area p b{font-weight:800}
.pro_cont .tit_area p span{display:inline-block;vertical-align:baseline;width:37px;height:37px;color:#fff;text-align:center;line-height:37px;background-color:#2340c3}
.pro_cont .bg_box{padding:25px 35px;margin:25px 0 45px;line-height:1.8;background-color:#f7f7f7}
.pro_cont .bg_box li{position:relative;padding-left:10px}
.pro_cont .bg_box li:before{display:block;position:absolute;left:0;top:11px;content:"";width:3px;height:3px;border-radius:3px;background-color:#2340c3}
.pro_cont .product_tbl{overflow:hidden;border-top:2px solid #2340c3}
.pro_cont .product_tbl li{overflow:hidden;padding:15px 30px;border-bottom:1px dotted #d1d1d1}
.pro_cont .product_tbl dl{overflow:hidden}
.pro_cont .product_tbl dt{float:left;clear:both;width:210px;color:#222;font-family:'notokr-medium'}
.pro_cont .product_tbl dd{float:left}
.pro_cont .mgt20{margin-top:20px}

/* 대출절차 */
.page46{position:relative}
.page46 .tit_area{margin-bottom:40px;text-align:center}
.page46 .tit_area p{font-size:18px;color:#777}
.page46 .cont ul{overflow:hidden}
.page46 .cont ul li{float:left;position:relative;width:32.8%;height:265px;padding:40px 0 0 40px;margin-bottom:10px;background-color:#f7f7f7;background-repeat:no-repeat;background-position:88% 45px}
.page46 .cont ul li:before{content:"";display:block;position:absolute;left:0;top:45px;width:6px;height:14px;background-color:#2340c3}
.page46 .cont ul li:nth-child(3n-1){margin:0 .8%}
.page46 .cont ul li .step_num{padding-bottom:75px;font-weight:700;letter-spacing:0;color:#222;font-family:'Montserrat'}
.page46 .cont ul li h4{margin-bottom:10px;font-size:18px;color:#222;font-family:'notokr-bold'}
.page46 .cont ul li .cont_txt{white-space:pre-line}
.page46 .cont ul li:nth-child(1){background-image:url(/sh_page/img/p10_icon01.png);-webkit-animation-delay:.2s;animation-delay:.2s}
.page46 .cont ul li:nth-child(2){background-image:url(/sh_page/img/p10_icon02.png);-webkit-animation-delay:.4s;animation-delay:.4s}
.page46 .cont ul li:nth-child(3){background-image:url(/sh_page/img/p10_icon03.png);-webkit-animation-delay:.6s;animation-delay:.6s}
.page46 .cont ul li:nth-child(4){background-image:url(/sh_page/img/p10_icon04.png);-webkit-animation-delay:.8s;animation-delay:.8s}
.page46 .cont ul li:nth-child(5){background-image:url(/sh_page/img/p10_icon05.png);-webkit-animation-delay:1s;animation-delay:1s}
.page46 .cont ul li:nth-child(6){background-image:url(/sh_page/img/p10_icon06.png);-webkit-animation-delay:1.2s;animation-delay:1.2s}

/* 반응형 [s] */
@media (max-width:1230px){
.page53:after{display:none}
.page53 .cont ul{width:70%}
.page53 .cont ul li{width:calc(100%/3 + 2px)}
}

@media (max-width:1024px){
#pageCommon{padding:0 15px;font-size:14px}
#pageCommon .tit_area h3{font-size:30px}
.pro_cont .tit_area{padding-left:0}
.page46 .tit_area p{font-size:14px;line-height:24px;word-break:keep-all}
.page46 .cont ul li{padding-left:30px;background-size:30%}
.page53 .tit_area p{font-size:15px;line-height:25px;word-break:keep-all}
.page53 .cont{word-break:keep-all}
}

@media (max-width:768px){
.pro_cont .product_tbl dt{width:100%}
.pro_cont .product_tbl dd{width:100%;word-break:keep-all}
.page46 .cont ul li{width:calc(100%/2 - 5px);margin-bottom:10px;padding-left:5%;background-size:25%}
.page46 .cont ul li:nth-child(3n-1){margin:0 0 10px}
.page46 .cont ul li:nth-child(2n){margin-left:10px}
.page53 .cont ul{width:90%}
}

@media (max-width:480px){
.pro_cont .bg_box li{word-break:keep-all}
.page46 .cont ul li{padding:40px 5% 0}
.page46 .cont ul li .step_num{padding-bottom:65px}
.page46 .cont ul li .cont_txt{white-space:normal;word-break:keep-all}
.page53 .tit_area p{font-size:14px;line-height:24px}
}

@media (max-width:380px){
#pageCommon .tit_area h3{font-size:25px}
.pro_cont .bg_box{padding:25px 20px} 
.pro_cont .product_tbl li{padding:15px 20px}
.pro_cont .tit_area{position:relative;padding-top:50px}
.pro_cont .tit_area p{position:absolute;right:0;top:0}
.pro_cont .tit_area p span{width:30px;height:30px;font-size:13px;line-height:30px}
.page46 .cont ul li{width:100%;padding:40px 30px 0}
.page46 .cont ul li:nth-child(2n){margin-left:0}
.page46 .cont ul li .cont_txt{white-space:pre-line}
.page53 .cont ul{width:95%}
}
/* 반응형 [e] */