@charset "utf-8";

/***************** common *****************/
.marT55{margin-top:55px !important}

.tblTxt1{line-height:22px}

.termTxt .termWrap, .termTxt .txtInfo{vertical-align:middle}

/* button */
.btnWhite{padding:1px 26px 0 10px;line-height:29px;}
.btnWhite:after{content:'';display: block;position:absolute;top:10px;right:10px;width:6px;height:10px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_btn.png) no-repeat -50px 0}

.txtGuide02{padding:50px 30px}
.txtGuide02 .withdrawCont{border-left:none;border-right:none}
.layContents.capital{padding-bottom:30px;letter-spacing:-0.01em;border-bottom:1px solid #c2c2c2}
.layContents.capital .withdrawCont{border-left:none;border-right:none}
.layContents.capital .withdrawCont .agreeRad{width:238px}

/*상단 안내박스*/
.infoBox{background-color:#cdeaff}

/***************** // common // *****************/

.wideTblarea{margin-top:100px}

/* 단기카드대출 */
.infoBox .inner.cashImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_info_cash.png)}
.boxLink:after{content:'';clear:both;display:block;height:0;visibility:visible}
.boxLink li{float:left;width:179px;padding:15px 0;text-align:center;background:#b9daf2}
.boxLink li{width:180px}
.boxLink li:first-child div{border-left:none}
.boxLink li div{border-left:1px solid #eef3e6}
.boxLink li div strong{display:block;margin-bottom:10px;font-size:16px;color:#333}
.boxLink li div .btnXS{width:30px}

.boxType2.type2{border:2px solid #9199a9}
.boxType2.type2 .listType2{margin:15px 20px 8px 20px}

.card_certBox{margin:30px 0 20px;overflow:hidden}
.card_certBox li{float:left;width:196px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card_certBox01.gif) left top no-repeat;padding-top:130px;text-align:center}
.card_certBox li:first-child{margin-left:90px}
.card_certBox li + li{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card_certBox02.gif)}

.card_certWr.withdrawWrap .withdrawCont .kbBtn{right:10px;}

/* 단기카드대출 안내사항 2019-0115*/
/* 200207_수정 */
/* 2021.11.17 asis→tobe 개선
.infoBox2 {display:table; position:relative; width:960px; min-height:196px; height:auto; padding:0; margin-bottom:1px; background-color:#4b5464; overflow:hidden; box-sizing:border-box;} */
.infoBox2 {display:table; position:relative; width:960px; min-height:196px; height:auto; padding:0; margin-bottom:1px; background-color:#eff2f7; overflow:hidden; box-sizing:border-box;    border-radius: 12px;}
.infoBox2 .infoCont,.infoBox2 .infoCont2 {display:table-cell; float:none; height:100%; width:687px; padding:40px 0; box-sizing:border-box; vertical-align:middle;}
/* //200207_수정 */
.infoBox2 .infoCont li,.infoBox2 .infoCont2 li {display:inline-block; height:100%; min-width:215px; padding:0 20px; text-align:center; box-sizing:border-box; border-left:1px solid #6f7683; vertical-align:top;}
.infoBox2 .infoCont li:first-child,
.infoBox2 .infoCont2 li:first-child {border-left:none;}

/* 2021.11.17 asis→tobe 개선
.infoBox2 .infoCont li:before {content:''; display:block; height:60px; width:60px; margin:0 auto 10px; box-sizing:border-box; background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_loan_info.png) no-repeat;}
.infoBox2 .infoCont li.info2:before {background-position-x:-60px;}
.infoBox2 .infoCont li.info3:before {background-position-x:-120px;}
.infoBox2 .infoCont li>span,.infoBox2 .infoCont2 li>span {color:#fff; font-size:14px; font-weight:600; line-height:1.64;}*/
.infoBox2 .infoCont li:before {content:''; display:block; height:48px; width:48px; margin:0 auto 10px; box-sizing:border-box;}
.infoBox2 .infoCont li.info1:before {background:url(https://img1.kbcard.com/home_re/pc/ico/48/ico-call.png) no-repeat 0 0 !important;}
.infoBox2 .infoCont li.info2:before {background:url(https://img1.kbcard.com/home_re/pc/ico/48/ico-coin-48.png) no-repeat 0 0 !important;}
.infoBox2 .infoCont li.info3:before {background:url(https://img1.kbcard.com/home_re/pc/ico/48/ico-custimer-rv-48.png) no-repeat 0 0 !important;}
.infoBox2 .infoCont li>span,.infoBox2 .infoCont2 li>span {color:rgba(0, 0, 0, 0.87); font-size:14px; font-weight:600; line-height:1.64;}

/* 200207_수정 */
.infoBox2 .infoCont li.maxUser,
.infoBox2 .infoCont2 li.maxUser {display:table; width:627px; height:auto; margin:15px 30px -20px 30px; padding:15px 17px 15px 20px; border:0; background:rgba(0, 0, 0, 0.16);}
.infoBox2 .infoCont li.maxUser p,
.infoBox2 .infoCont2 li.maxUser p {display:table-cell; color:rgba(0,0,0,0.87); font-size:14px; vertical-align:middle;}/* color:#b7bac1; /cxp/jsp/ronsvc/r/imdtTrsaccGuid.jsp */
.infoBox2 .infoCont li.maxUser .price,
.infoBox2 .infoCont2 li.maxUser .price {text-align:right;}
.infoBox2 .infoCont li.maxUser .price a,
.infoBox2 .infoCont2 li.maxUser .price a {display:inline-block; position:relative; padding:0 24px 0 0; color:#fff; font-weight:600; line-height:1.25;}
.infoBox2 .infoCont li.maxUser .price a:after,
.infoBox2 .infoCont2 li.maxUser .price a:after {content:''; position:absolute; top:11px; right:0; width:16px; height:16px; background:url(https://img1.kbcard.com/LT/images_r/common/ico_arrR_white.png ) no-repeat;}
.infoBox2 .infoCont li.maxUser .price span,
.infoBox2 .infoCont2 li.maxUser .price span {color:#ffe959; font-size:24px; line-height:1.25;}
.infoBox2 .infoCont li.maxUser .price a:hover,
.infoBox2 .infoCont2 li.maxUser .price a:hover {text-decoration:none;}

/* 200207_수정 */
/* 2021.11.17 asis→tobe 개선
.infoBox2 .infoLink {display:table-cell; float:none; width:273px; height:100%; padding:40px 30px; background-color:#566ec3; box-sizing:border-box; vertical-align:top;}
.infoBox2 .infoLink .infomenu {position:relative; width:100%; height:58px; border-bottom:1px solid #899ad5; line-height:1.64; box-sizing:border-box;}
.infoBox2 .infoLink .infomenu:after {content:''; display:table; clear:both;}
.infoBox2 .infoLink .infomenu a.maxAgree {letter-spacing:-1.5px;}
.infoBox2 .infoLink .infomenu:first-child {border-top:1px solid #899ad5;}
.infoBox2 .infoLink .infomenu a:after {position:absolute; top:50%; right:10px; margin-top:-6px; display:block; content:''; width:11px; height:11px; background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_infomenu_arrow.png) no-repeat 0 0;}
.infoBox2 .infoLink .infomenu:first-child a {padding:15px 30px 15px 10px;}
*/
.infoBox2 .infoLink {display:table-cell; float:none; width:273px; height:100%; padding:40px 30px 40px 0; /* background-color:#eff2f7; */ box-sizing:border-box; vertical-align:top;}/*padding:40px 30px https://tcard.kbcard.com/FNC/DVIEW/HFBMCXPRIFIC0096*/
.infoBox2 .infoLink .infomenu {position:relative; width:100%; height:58px; line-height:1.64; box-sizing:border-box;}
.infoBox2 .infoLink .infomenu:after {content:''; display:table; clear:both;}
.infoBox2 .infoLink .infomenu a {position:relative; display:block; padding:1px 30px 0 14px; color:rgba(0, 0, 0, 0.87); font-size:16px; font-weight:600;background-color:#fff;border: 1px solid #333;letter-spacing: -1px;border-radius: 5px;height: 40px;line-height: 40px;}/*padding:1px 60px 0 14px;*/
.infoBox2 .infoLink .infomenu a.maxAgree {letter-spacing:-1.5px;}
.infoBox2 .infoLink .infomenu a:after {position:absolute; top:50%; right:10px; margin-top:-6px; display:block; content:''; width:6px; height:10px; background:url(https://img1.kbcard.com/home_re/asis/bg_btn.png) no-repeat -50px 0;}
/* //200207_수정 */

.infoBox2 .infoLink .infomenu a .event {display:inline-block; width:50px; height:22px; margin:2px 10px 0 0; border-radius:2px; background:#ffe959; color:#566ec3; font-size:12px; font-weight:800; line-height:20px; text-align:center; vertical-align:top;}
.infoBox2 .infoCont2 li {padding-left:30px; width:49%; text-align:left;}
.infoBox2 .infoCont2.type2 li {width:auto;}
.infoBox2 .infoCont2 li .tit {display:block; font-size:18px; line-height:24px; font-weight:600; margin-bottom:30px;}
.infoBox2 .infoCont2 li p,
.infoBox2 .infoCont2 li span,.infoBox2 .infoCont2 li dd {color:rgba(0,0,0,0.87); font-size:16px; font-weight:600; line-height:1.64;}/*color:#fff;*/
.infoBox2 .infoCont2 em {font-size:28px; color:rgba(0,0,0,0.87); margin-right:8px;}/*color:#ffe959;*/
.infoBox2 .infoCont2.type2 em {font-size:24px;color:rgba(0,0,0,0.87); margin-right:6px;}/*color:#ffe959;*/
.infoBox2 .infoCont2 .beforePrice,
.infoBox2 .infoCont2 .beforePrice span,.infoBox2 .infoCont2 .beforePrice em {color:#b7bac1;}
.infoBox2 .infoCont2 .beforePrice em {text-decoration:line-through; font-weight:normal;}
.infoBox2 .infoCont2.type2 .beforePrice,.infoBox2 .infoCont2.type2 .beforePrice em {font-size:14px; margin-right:0;}
/* https://tcard.kbcard.com/FNC/DVIEW/HFBMCXPRIFIC0096
.infoBox2 .infoCont2 li .tit.icoWon {padding-left:32px; background:url(https://img1.kbcard.com/LT/images_r/personal/finance/ico_won.png) no-repeat 0 0;}
.infoBox2 .infoCont2 li .tit.icoPer {padding-left:32px; background:url(https://img1.kbcard.com/LT/images_r/personal/finance/ico_per.png) no-repeat 0 0;} */
.infoBox2 .infoCont2 li .tit.icoWon,.infoBox2 .infoCont2 li .tit.icoPer {position:relative;padding-left:32px;}
.infoBox2 .infoCont2 li .tit.icoWon:after,.infoBox2 .infoCont2 li .tit.icoPer:after{content:'';display:block;position: absolute;top:50%;left:0;width:24px;height:24px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/ico_won.png) no-repeat 0 0 #5f5f5f;border-radius: 50%;border: 2px solid #5f5f5f;transform: translateY(-50%);}
.infoBox2 .infoCont2 li .tit.icoPer:after {background-image:url(https://img1.kbcard.com/LT/images_r/personal/finance/ico_per.png)}

.infoBox2 .infoCont2 li .priceArr {padding:0 18px; color:#b7bac1; font-size:26px;}
.infoBox2 .infoCont2 li dl {display:inline-block; padding:0 10px; font-size:26px;}
.infoBox2 .infoCont2 li dl dt {font-size:14px; color:#b7bac1; font-weight:600;} .infoBox2 .infoCont2 li dd {font-size:14px;}

/* 2021.11.17 asis→tobe 개선
.infoBox2.notAgree .infoLink .infomenu {border-top:1px solid #899ad5;}
.infoBox2.notAgree .infoLink .infomenu:first-child {border:0;} */
.infoBox2.notAgree .infoLink .notiTxt {display:block; padding:0 0 0 10px; color:rgba(0,0,0,0.87); line-height:24px; font-weight:600;}/*color:#fff;*/
.infoBox2.notAgree .infoLink .agree {padding-left:20px;}/*padding-left:38px;*/
.infoBox2.notAgree .infoLink .agree:before {content:''; position:absolute; top:19px; left:10px; width:20px; height:20px; }/*background:url(https://img1.kbcard.com/LT/images_r/personal/finance/ico_attention.png) no-repeat;*/

/* 20220119 최상림, 이용미동의 화면 수정, https://tcard.kbcard.com/FNC/DVIEW/HFBMCXPRIFIC0096 */
.infoBox2.notAgree .infoLink .infomenu{height:auto;}
.infoBox2.notAgree .infoLink .infomenu + .infomenu{margin-top:5px;}

.boxType1 .titTxt {padding:22px 30px 21px; line-height:1.5; font-weight:600; font-size:16px; color:#333;}
.boxType1 .titTxt button {font-weight:600;}
.folding .titTxt { position: relative; cursor: pointer;} 
.folding .titTxt:after { content: ''; display: block; position: absolute; top: 50%; right: 22px; margin-top: -12px; width: 24px; height: 24px; background: rgb(131, 131, 131); background: url("https://img1.kbcard.com/home_re/pc/arr/24/arr-2-down.png") 0 0 no-repeat; /*https://img1.kbcard.com/LT/images_r/personal/finance/ */}
.folding.open .titTxt:after { background: url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_folding_arrow.png) no-repeat 0 0; } 
.folding .txtGuide01 { display: none; border-top: 1px solid #e1e1e1; } 
.folding.open .txtGuide01 { display: block; } 
.guideList2 { border-bottom: 1px solid #e1e1e1}
.guideList2>li { position: relative; padding: 30px 0 30px 105px; min-height: 64px; line-height: 22px; border-top: 1px solid #e1e1e1}
.guideList2>li:before { content: ''; display: block; position: absolute; top: 30px; left: 0; width: 52px; height: 52px; background: url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_loan_guide.png) 0 0 no-repeat}
.guideList2>li.type1:before { background-position: 0 0}
.guideList2>li.type2:before { background-position: -52px 0}
.guideList2>li.type3:before { background-position: -104px 0}
.guideList2>li strong.tit { display: block; padding-bottom: 15px; color: #333; font-size: 18px; line-height: 18px}
.guideList2 .listType1 li { padding-bottom: 0}
.guideList2 .listType1 li+li,.guideList2 .listDep2 li+li { margin-top: 8px; } 

.serviceInfo { width: 100%; overflow: hidden; } 
.serviceInfo li { float: left; width: 50%; min-height: 140px; padding: 20px 20px 20px 30px; box-sizing: border-box; } 
.serviceInfo li.bdT { border-top: 1px solid #e1e1e1; } 
.serviceInfo li.bdL { border-left: 1px solid #e1e1e1; } 
.serviceInfo li .desc { font-size: 14px; padding-bottom: 18px; } 

/* 200207_수정 */
.tdInfoBox{display: inline-block;padding: 7px 20px;background-color: #e3f2fc;/* #cdeaff; */color: #333;font-weight:normal;position: absolute;right: 0;top: 50%;margin-top: -19px;}

.tdInfoBox.type2 {background:#f2f2f2; top:9px; margin-top:0;}
.tdInfoBox.type2 strong {color:#dd3520;}
/* //200207_수정 */



/* 장기카드대출 */
.infoBox .inner.easyImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_info_easy.png)}/* 이지론 */
.infoBox .inner.plusImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_info_easyplus.png)}/* 이지론 플러스 */
.infoBox .inner.franchiseImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_info_franchise.png)}/* 가맹점론 */
.infoBox .inner.premiumImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_info_premium.png)}/* 프리미엄론 */
.infoBox .inner.familyImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_info_family.png)}/* 패밀리론 */
.infoBox .inner.easyAutoImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_info_easyAuto.png)}/* 이지오토론 */
.infoBox .inner.happyImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_happy_loan.png)}/* 행복든든론 */
.infoBox .inner.goodImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_good_loan.png)}/* 더나은론 */
.loanPrice {overflow:hidden;font-size:24px;font-weight:600}
.loanPrice dt{float:left;width:240px;padding:26px 0;color:#333;text-align:center;font-size:16px;line-height:16px;background:#b9daf2}
.loanPrice dd{position:relative;float:left;width:199px;padding:27px 20px;color:#333;line-height:14px;background:#a2cfef;border-left:1px solid #d4e0f2}
.loanPrice dd:first-child{border-left:0}
.loanPrice dd strong{position:absolute;right:20px;top:26px;text-align:right;color:#333;font-size:18px}
.loanPrice dd strong em{font-weight:normal}
/* 카카오뱅크 연계대출 */
.loanPrice dt.kakaoBank {padding:10px 0 9px 0;}
.loanPrice .infoTxt {display:table; width:auto; margin:0 auto 5px auto; padding:5px 10px; border:2px solid #01a0c7; border-radius:100px; color:#01a0c7; font-size:14px; font-weight:normal; line-height:14px;}
.kakaoBank_user {display:inline-block; margin-left:6px; padding:5px 10px; border:2px solid #01a0c7; border-radius:100px; color:#01a0c7; font-size:14px; font-weight:normal; line-height:14px; vertical-align:middle;}
.radTerm3 .formRad{width:auto}/* 대출관리 */
.radTerm3 .formRad+.formRad{margin-left:12px}
.radTerm3 .formRad+input{margin-left:5px}
.boxType1+.txtBox1{border-top:none}


/* 리볼빙 */
.infoBox .inner.revolvingImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_info_revolving.png)}
.plusBox{position:relative;padding:30px}
.plusBox:after{content:'';clear:both;display:block;height:0;visibility:visible}
.plusBox div{position:relative;float:left;width:270px}
.plusBox div:before{content:'';position:absolute;top:0;left:8px;width:64px;height:64px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_figure.gif) -64px -64px no-repeat}
.plusBox div strong{display:table-cell;height:64px;padding-left:80px;font-size:16px;vertical-align:middle}
.plusBox .last{float:right}
.plusBox .last:before{background-position:-128px -64px}
.plusBox .plus{position:absolute;left:50%;top:48px;width:28px;height:28px;margin-left:-14px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_formula.gif) 0 0 no-repeat}
.plusBox .plus:before{background:none}
.plusBox .listType1{padding:36px 10px 0 10px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_doot.gif) 0 20px repeat-x}
.plusBox .listType1 li{padding-bottom:0}
.plusBox .listType1 li:after{content:'';clear:both;display:block;height:0;visibility:visible}
.plusBox .listType1 .colPoint2{float:right}
.layContents .plusBox{padding:20px}
.layContents .plusBox div{width:238px}
.layContents .plusBox div:before{left:50%;margin-left:-32px;background-position:0 0}
.layContents .plusBox div strong{display:block;padding:75px 0 0;height:auto;font:14px/20px;text-align:center}
.layContents .plusBox .last:before{background-position:0 -64px}
.layContents .plusBox .plus{top:38px}
.formulaBox{padding:30px 0}
.formulaBox:after{content:'';clear:both;display:block;height:0;visibility:visible}
.formulaBox [class*="figure"]{display:block;float:left;width:156px;text-align:center}
.formulaBox [class*="figure"]:before{content:'';display:block;width:64px;height:64px;margin:0 auto 5px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_figure.gif) 0 0 no-repeat}
.formulaBox .figure2:before{background-position:-64px 0}
.formulaBox .figure3:before{background-position:-128px 0}
.formulaBox .figure4:before{background-position:0 -64px}
.formulaBox div{display:block;float:left;width:28px;height:28px;margin-top:10px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_formula.gif) 0 0 no-repeat}
.formulaBox .equal{background-position:0 -28px}
.guideList{border-bottom:1px solid #e1e1e1}
.guideList > li{position:relative;padding:30px 25px 30px 94px;min-height:64px;line-height:22px;border-top:1px solid #e1e1e1} 
.guideList > li.bdNone{padding-top:20px;border-top:none}
.guideList > li:before{content:'';display:block;position:absolute;top:30px;left:0;width:64px;height:64px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_guidelist.png) 0 0 no-repeat}
.guideList > li.bdNone:before{top:20px}
.guideList > li.type1:before{background-position:0 -592px}
.guideList > li.type2:before{background-position:0 -666px}
.guideList > li.type3:before{background-position:0 -740px}
.guideList > li.type4:before{background-position:0 -814px}
.guideList > li.type6:before{background-position:0 -74px}
.guideList > li.type7:before{background-position:0 -148px}
.guideList > li.type8:before{background-position:0 -222px}
.guideList > li.type9:before{background-position:0 -296px}
.guideList > li.type10:before{background-position:0 -370px}
.guideList > li.type11:before{background-position:0 -444px}
.guideList > li.type12:before{background-position:0 -518px}
.guideList > li strong.tit{display:block;padding-bottom:15px;color:#333;font-size:18px;line-height:18px}
.guideList .listType1 li{padding-bottom:0}
.guideList .listType1 li+li{margin-top:18px}
.boxType1 .padBox{padding:29px}
.revTbl{position:relative}
.revTbl:after{content:'';clear:both;display:block;font:0/0 Arial;visibility:visible}
.revTbl span.arrow{position:absolute;top:322px;left:257px;width:44px;height:100px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/img_revtbl.gif) 0 0 no-repeat}
.revTbl table{float:left}
.revTbl table+table{margin-left:30px}
.revTbl table+table thead th{padding:17px 5px 16px}
.revTbl table th.hType1 button{padding:26px 0 25px 17px}
.revTbl table th.hType1 .popLayS .layCont{bottom:66px}
.revTbl table th.hType2 button{padding:14px 0 20px 14px}
.revTbl table th.hType2 .popLayS .layCont{bottom:49px}
.appStep{border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1}
.appStep:after, .appStep ol:after{content:'';clear:both;display:block;font:0/0 Arial;visibility:visible}
.appStep > strong{display:block;float:left;position:relative;padding:90px 0 25px;width:159px;text-align:center;color:#333;line-height:18px;background:#fbfbfb;border-right:1px solid #e1e1e1}
.appStep > strong:before{content:'';display:block;position:absolute;top:25px;left:50%;width:64px;height:64px;margin-left:-32px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_appstep3.gif) 0 0 no-repeat}
.appStep > strong:after{content:'';display:block;position:absolute;top:50%;right:-12px;width:12px;height:22px;margin-top:-11px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_appstep2.gif) 0 0 no-repeat}
.appStep.type2 > strong:before{background-position:0 -64px}
.appStep.type3 > strong:before{background-position:0 -128px}
.appStep ol{float:left;margin-left:12px;}
.appStep ol li{position:relative;width:97px;padding:34px 7px 0 0;float:left;line-height:18px;text-align:center}
.appStep ol li:after{content:'';display:block;position:absolute;top:69px;right:0;width:7px;height:14px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_appstep1.gif) 0 0 no-repeat}
.appStep ol li+li{width:107px}
.appStep ol li+li+li{width:117px}
.appStep ol li+li+li+li{width:93px}
.appStep ol li.last:after{display:none}
.appStep ol li strong{display:block;padding-bottom:14px;text-align:center;font-size:24px;text-align:center;color:#907de6}
.appStep .txt1{float:left;padding:33px 0 33px 64px;text-align:center;line-height:22px;border-left:1px solid #e1e1e1}


/* 서브메인 */
.finance_subMain{margin-top:35px;border:1px solid #d6d5dc}
.finance_subMain a{color:#666}
.finance_subMain .conBox1{height:478px}
.finance_subMain .conBox1 .con{position:relative;float:left;width:319px;height:478px;border-left:1px solid #d6d5dc;background:#eef1f5}
.finance_subMain .conBox1 .con:first-child{width:318px;border-left:0}
.finance_subMain .conBox1 .con:after{content:'';display:block;position:absolute;top:135px;right:30px;width:88px;height:100px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_financesubmain.png) no-repeat 0 0}
.finance_subMain .conBox1 .con+.con{background:#f4f6f8}
.finance_subMain .conBox1 .con+.con:after{background-position:-88px 0}
.finance_subMain .conBox1 .con+.con+.con{background:#fbfcfc}
.finance_subMain .conBox1 .con+.con+.con:after{background-position:-176px 0}
.finance_subMain .conBox1 dl{padding:30px 30px 0}
.finance_subMain .conBox1 dt{height:77px;font-size:24px;font-weight:600;color:#333;line-height:28px}
.finance_subMain .conBox1 dd.addLine{height:158px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_financesubmain_line.gif) repeat-x 0 bottom}
.finance_subMain .conBox1 dd .tit{display:block;margin:30px 0 15px;color:#333;font-size:18px}
.finance_subMain .conBox1 dd .tit em{display:block;padding-top:3px;color:#4365df;font-size:18px}

.finance_subMain .conBox1 .list1 li{margin-bottom:10px}
.finance_subMain .conBox1 .list1 a{position:relative;padding-right:10px;font-size:16px;font-weight:600}
.finance_subMain .conBox1 .list1 a:after{content:'';display:block;position:absolute;top:50%;right:0;width:5px;height:8px;margin-top:-4px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_financesubmain.png) no-repeat 0 -100px}
.finance_subMain .conBox1 .list2 li{margin-bottom:10px;line-height:20px}
.finance_subMain .conBox1 .list2 .sTit{display:inline-block;width:129px;font-size:16px;letter-spacing:-1px}
.finance_subMain .conBox1 .list2 .sTit a{font-size:16px}
.finance_subMain .conBox1 .list2 .sTxt{display:inline-block;width:125px;font-size:18px;font-weight:600;color:#ef5c4d;text-align:right}
.finance_subMain .conBox1 .list2 .sTxt a{font-size:16px;color:#e44b3a}
.finance_subMain .conBox1 .noLogin .list2 li{float:left;width:129px}
.finance_subMain .conBox1 .noLogin .list2:after{content:'';clear:both;display:block;height:0}
.finance_subMain .conBox1 .noLogin a.btn{display:block;position:absolute;bottom:30px;left:30px;width:256px;height:43px;border:1px solid #c2c2c2;border-radius:5px;background:#fff;text-align:center;line-height:43px;font-size:16px;font-weight:600;color:#333}	
.finance_subMain .conBox1 .con+.con+.con dl{position:relative}
.finance_subMain .conBox1 .con+.con+.con dl:first-child{background:none}	
.finance_subMain .conBox1 .con+.con+.con dl:after{content:'';display:block;position:absolute;bottom:0;right:30px;width:88px;height:100px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_financesubmain.png) no-repeat -264px 0}
.finance_subMain .conBox1 .con+.con+.con dl:first-child:after{content:'';display:block;position:absolute;bottom:0;left:0;width:319px;height:1px;background:#d6d5dc}

.finance_subMain .kbcapital{height:129px;padding-top:30px;border-top:1px solid #d6d5dc}
.finance_subMain .kbcapital dt{float:left;width:316px;padding-top:18px;text-align:center}
.finance_subMain .kbcapital dt .img{display:block;margin-bottom:15px}
.finance_subMain .kbcapital dt .btnXS{width:124px}
.finance_subMain .kbcapital dd{float:left;width:581px;padding:0 30px;border-left:1px solid #d6d5dc;line-height:20px}
.finance_subMain .kbcapital dd .tit{display:block;padding-bottom:8px;font-size:16px;font-weight:600;color:#333}
.finance_subMain .kbcapital dd strong{color:#333}

.finance_subMain .conBox2{height:264px;border-top:1px solid #d6d5dc}
.finance_subMain .conBox2 .fl{float:left;width:319px;height:264px;border-left:1px solid #d6d5dc}
.finance_subMain .conBox2 .fl:first-child{float:left;width:318px;border:0}
.finance_subMain .conBox2 .fl .rollingBox{position:relative}
.finance_subMain .conBox2 .fl .rollingBox .inner{width:319px;height:264px;overflow:hidden}
.finance_subMain .conBox2 .fl .rollingBox ul{width:2000px}
.finance_subMain .conBox2 .fl .rollingBox li{float:left;width:318px;height:264px}
.finance_subMain .conBox2 .fl .rollingBox li dl{padding:25px 30px 0}
.finance_subMain .conBox2 .fl .rollingBox li dt{padding-bottom:8px;font-size:18px;font-weight:600;color:#333;line-height:24px}
.finance_subMain .conBox2 .fl .rollingBox li dd{line-height:22px}
.finance_subMain .conBox2 .fl .rollingBox li dd .btn{margin-top:5px}
.finance_subMain .conBox2 .fl .rollingBox li dd .btn .btnXS{display:block;color:#333}
.finance_subMain .conBox2 .fl .rollingBox button{display:inline-block;width:19px;height:24px;margin-top:-12px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_financesubmain.png) -31px -100px no-repeat;text-indent:-999px;font-size:0;z-index:100}
.finance_subMain .conBox2 .fl .rollingBox button.prev{position:absolute;bottom:20px;left:25px}
.finance_subMain .conBox2 .fl .rollingBox button.next{position:absolute;bottom:20px;right:25px;background-position:-45px -100px}
.finance_subMain .conBox2 .fl .rollingBox .r_paging{position:absolute;bottom:27px;left:0;width:319px;height:10px;text-align:center}
.finance_subMain .conBox2 .fl .rollingBox .r_paging *{vertical-align:top}
.finance_subMain .conBox2 .fl .rollingBox .r_paging span{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:5px;background:#999;cursor:pointer}
.finance_subMain .conBox2 .fl .rollingBox .r_paging span:first-child{margin:0}
.finance_subMain .conBox2 .fl .rollingBox .r_paging span.on{width:30px;background:#4365df}
.finance_subMain .conBox2 .fl .rollingBox .r_paging button{width:18px;height:20px;margin-top:-5px;background-position:-5px -100px}
.finance_subMain .conBox2 .fl .rollingBox .r_paging button.btnPlay{background-position:-18px -100px}	
.finance_subMain .conBox2 .fl dl.arsArea{padding:25px 30px 30px}
.finance_subMain .conBox2 .fl dl.arsArea dt{padding-bottom:5px;font-size:18px;font-weight:600;color:#333}
.finance_subMain .conBox2 .fl dl.arsArea dd.pointTxt{font-size:30px;font-weight:600;color:#4365df}
.finance_subMain .conBox2 .fl dl.arsArea dd strong{display:block;color:#333}
.finance_subMain .conBox2 .fl dl.arsArea dd .sTit{padding:25px 0 10px;font-size:16px}	
.finance_subMain .conBox2 .fl dl.arsArea dd li{padding-bottom:10px;line-height:20px}
.finance_subMain .conBox2 .fr{position:relative;float:right;width:259px;height:206px;padding:28px 30px 30px;border-left:1px solid #d6d5dc;background:#4365df}
.finance_subMain .conBox2 .fr:after{content:'';display:block;position:absolute;bottom:30px;right:30px;width:106px;height:113px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_financesubmain.png) no-repeat -352px 0}
.finance_subMain .conBox2 .fr dt{padding-bottom:12px;font-size:24px;font-weight:600;color:#fff}
.finance_subMain .conBox2 .fr dd{font-size:16px;line-height:22px;color:#fff}
.finance_subMain .conBox2 .fr dd a{display:block;width:80px;height:28px;margin-top:90px;line-height:28px;text-align:center;border:1px solid #7c94e9;border-radius:3px;color:#fff;font-size:14px;font-weight:600}

/* 수수료율 이벤트 배너 2016.07.18 */
.limitBanner {padding:22px 61px 22px 189px; background:#f9f3ef url('https://img1.kbcard.com/LT/images_r/personal/finance/limitfee_img.png') no-repeat 55px 22px; line-height:24px; font-size:14px; color:#333; font-weight:600;}
.limitBanner span {display:block; margin-top:5px; font-weight:normal; color:#e04b00}

/* 일사천리론 추가 2016.11 */
.colortxtBox {display:table;/*table-layout:fixed;*/width:100%;border-collapse:collapse;border-spacing:0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.colortxtBox ul {display:table-row;}
.colortxtBox ul li {display:table-cell;padding:30px 5px;border-left:1px solid #e1e1e1;text-align:center;font-size:14px}
.colortxtBox ul li:first-child {border-left:none;}
.colortxtBox ul li div {margin-top:10px; letter-spacing:-1px;color:#614cc2;}
.colortxtBox ul li div em {display:inline-block;font-size:16px;vertical-align:baseline;}
.colortxtBox ul li div strong {display:inline-block;font-size:28px;margin-right:5px;}

/* 신용정보수집 동의 리스트 */
.withdrawBox2.noscroll {max-height:none;}
/* .agreeList li {position:relative;line-height:26px;margin-top:14px;padding-right:300px;}
.agreeList li:first-child {margin-top:0} */
.agreeList li .agreearea {position:absolute;top:0;right:0;}
.withdrawWrap .withdrawCont .agreearea .kbBtn {position:static;}
.agreeList li .agreearea  .formRad {margin-left:20px;}
/*금융서비스전용 상담전화*/
.sTel_rList {position:absolute; top:545px; right:0; width:210px; background:#fff; z-index:10;}
.sTel_rList .tit {padding-left:19px; color:#333; font-size:16px; font-weight:600; line-height:40px; background:#f9f9f9; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.sTel_rList .sTel_area {border:1px solid #e1e1e1;border-top:0; padding:15px 20px;background:url('https://img1.kbcard.com/LT/images_r/personal/finance/pass_stel_bg.gif') no-repeat 140px center;}
.sTel_rList .sTel_area p {font-size:12px;color:#666;line-height:18px;}
.sTel_rList .sTel_area p strong {display:block;margin-bottom:10px;font-size:18px;color:#6b58c2;}
.titArea.twotitArea .txtTotal{display:inline-block;}
.titArea.twotitArea .first-tit {position:relative;padding-right:8px; margin-right:5px;}
.titArea.twotitArea .first-tit:after {content:'';display:block;position:absolute;top:5px;right:0;width:1px;height:15px;border-right:1px solid #666;}
.loanPayment {position:relative;width:400px;margin:0 auto; }
.loanPayment_list {}
.loanPayment_list:after{content:'';display:block;height:0;clear:both}
.loanPayment_list li {float:left;width:200px;text-align:right;font-size:14px;}
.loanPayment_list li strong{display:block;font-size:18px;color:#333;}
.loanPayment_list li:first-child {text-align:left;}
.loanPayment_graphWrap {margin-top:15px;}
.loanPayment_graph {position:relative;width:400px;margin:10px 0;height:6px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/pass_bar_bg.gif) repeat-x 0 0;border-radius:10px;}
.loanPayment_graph .graph_bar{position:absolute;top:0;left:0;height:6px;background:#e4e4e4;border-radius:10px;}
.loanPayment_graph .graph_bar_dot{position:absolute;top:0;right:-7px;height:14px;width:14px;margin:-4px 0 0 0px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/pass_stepbar_img.png) repeat-x 0 0;border-radius:10px;}
.loanPayment_graphWrap>p {margin-top:10px;font-size:14px;text-align: right;}
.loanPayment_graphWrap>p>strong {font-size:18px;color:#333;}
.loanPayment_graph ul {position:absolute;top:30px;left:50px;width:400px;}
.loanPayment_graph ul:after {content:'';display:block;clear:both;}
.loanPayment_graph ul li {position:relative;width:155px; float:left;padding-top:36px; }
.loanPayment_graph ul li:after {content:'';display:block;position:absolute;top:0;left:50%;width:30px;height:36px;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/pass_stepbar_img.png) no-repeat;margin-left:-15px;}
/*.success_stepbox ul li span {display:block;width:80px;margin:0 auto;padding:20px 0 10px 0;background:url(success_stepbox_dot.gif) no-repeat center 10px;}*/
.loanPayment_graph ul li.on span {text-align:center;background:#e44b3a;border-radius:5px;color:#fff;padding:10px 0;}
.slideBox {border-top:1px solid #e1e1e1;margin-top:-1px;}
.slideBox .slideTit {padding:30px 30px 30px 0px ;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/slide_dw_btn.png) no-repeat 97%center;border-bottom:1px solid #e1e1e1;cursor:pointer;}
.slideBox .slideTit.on {background:url(https://img1.kbcard.com/LT/images_r/personal/finance/slide_up_btn.png) no-repeat 97%center;border-bottom:none;}
.slideBox .slideArea {}
.payment_result {position:relative;}
.payment_result ul {margin-left:80px;}
.payment_result ul:after {content:'';display:block;clear:both;}
.payment_result ul li {float:left;background:url(https://img1.kbcard.com/LT/images_r/personal/finance/slideiit_section_bg.gif) no-repeat 0 50%;margin-left:15px;padding-left:15px;}
.payment_result ul li:first-child {background:none;padding-left:0;margin-left:0;}
.payment_result .sectionSell{position:absolute; top:-5px;left:0;}
.payment_result .pay_result_num {position:absolute; top:-3px;right:30px;text-align: right;font-size:18px;font-weight:600;color:#e44b3a;}

/* 장기카드대출 프로세스 리뉴얼 CSS추가 */
/* RNB영역 */
.rList .callIcon {display:block; padding:14px 20px; line-height:17px;}
.rList .callIcon span {display:block; background:url('https://img1.kbcard.com/LT/images_r/common/cardRNB_callIcon160427.png') no-repeat right center; font-size:12px;}
.rList .callIcon p {margin-bottom:7px; font-size:18px; color:#6b58c2; font-weight:600;}
.rList .loanRbanner {padding:19px 19px 20px; text-align:right;}
.rList .loanRbanner .txt {font-size:12px; color:#666;}
.rList .loanRbanner .count {display:block; margin-top:6px; font-size:22px; color:#333; font-weight:600;}
.rList .loanRbanner .count em {font-size:14px; font-weight:normal;}
.rList .loanRbanner a {display:block; margin-top:14px; border-radius:3px; line-height:30px; font-size:12px; color:#fff; text-align:center; background:#6b727f;}

/* TOP영역 */
.loanBox {padding:35px 0 0; background:#ddf1ff; text-align:center;}
.loanBox .tit { font-size:30px; font-weight:600; color:#333;}
.loanBox .txt {display:block; padding-bottom:34px; margin-top:20px; font-size:16px; line-height:26px; color:#333;}
.loanBox .txt a {margin-top:19px; font-weight:600}
.loanBox .countWrap {overflow:hidden; text-align:center; background:#d4edff}
.loanBox .countWrap .countTit {padding:20px 0; border-top:1px solid #fff; background:#cfe7f9; line-height:23px;}
.loanBox .countWrap .countTit span {padding:1px 0 2px 34px; background:url('https://img1.kbcard.com/LT/images_r/personal/finance/iconLoan01.png') no-repeat; color:#333; font-size:18px; font-weight:600;}					
.loanBox .countWrap .countArea .countList {display:inline-block; width:100%; border-top:1px solid #fff;}
.loanBox .countWrap .countArea .countList ul {margin:33px 0 30px}
.loanBox .countWrap .countArea .countList ul li {display:inline-block; text-align:center; padding-top:2px; vertical-align:top}
.loanBox .countWrap .countArea .countList ul li p {color:#333; font-weight:600; margin-bottom:17px;}
.loanBox .countWrap .countArea .countList ul li span {display:block; font-size:30px; font-weight:600; color:#7361c5; font-family:'Arial'}
.loanBox .countWrap .countArea .countList ul li span em {display:inline-block; margin-top:-4px; font-size:20px; vertical-align:middle; font-family:'나눔고딕'}
.loanBox .countWrap .countArea .countList ul li strong {display:block; margin-top:14px; color:#e35647; font-weight:normal}
.loanBox .countWrap .countArea .countList ul li strong em {text-decoration:line-through; font-weight:600;}
.loanBox .countWrap .countArea .countList ul li:last-child {margin-left:30px; padding-left:40px; background:url('https://img1.kbcard.com/LT/images_r/personal/finance/countLine.png') no-repeat;}
.loanBox .countWrap .countArea .countList ul li .iconUp {padding-left:14px; background:url('https://img1.kbcard.com/LT/images_r/personal/finance/iconLoan03.png') no-repeat left center; color:#f1513d; font-size:12px;}
.loanBox .countWrap .countArea .countList ul li .iconDown {padding-left:14px; background:url('https://img1.kbcard.com/LT/images_r/personal/finance/iconLoan02.png') no-repeat left center; color:#f1513d; font-size:12px;}					
.loanBox .divideArea .countArea {float:left; width:360px;}
.loanBox .divideArea .countArea:last-child {border-left:1px solid #fff; width:359px;}
.loanBox .allArea .countArea {background:#d4edff}

.familyArea {overflow:hidden; margin-top:50px; border:5px solid #9199a9;}
.familyArea_left {float:left; width:355px; background:#f7f7f7; text-align:center;}
.familyArea_left .logo {height:39px; padding-top:20px; border-bottom:1px solid #fff;}
.familyArea_left .logo span {padding-left:35px; background:url('https://img1.kbcard.com/LT/images_r/personal/finance/iconLoan_logo.png') no-repeat; font-size:18px; color:#333; font-weight:600;}
.familyArea_left .countList {display:inline-block; width:355px; border-top:1px solid #fff;}
.familyArea_left .countList ul {overflow:hidden; margin:24px 0 21px;}
.familyArea_left .countList ul li {float:left; width:177px; text-align:center; vertical-align:top}
.familyArea_left .countList ul li:last-child {width:178px; background:url('https://img1.kbcard.com/LT/images_r/personal/finance/countLine02.png') no-repeat left 2px;}
.familyArea_left .countList ul li p {font-size:14px; color:#333; font-weight:600; margin-bottom:8px;}
.familyArea_left .countList ul li span {display:block; font-size:30px; font-weight:600; color:#7361c5; font-family:'Arial'}
.familyArea_left .countList ul li span em {display:inline-block; margin-top:-4px; font-size:20px; vertical-align:middle; font-family:'나눔고딕'}
.familyArea_right {float:left; width:329px; padding:29px 0 30px 26px; line-height:22px;}
.familyArea_right a {margin-top:19px; font-weight:600}

/* 주요안내 */
.loanInfo_list li {padding:27px 0 24px 87px; border-bottom:1px solid #e1e1e1; line-height:22px;}
.loanInfo_list li p {font-size:18px; margin-bottom:14px; color:#333; font-weight:600;}
.loanInfo_list li:nth-child(1) {background:url('https://img1.kbcard.com/LT/images_r/personal/finance/loanInfo_icon01.png') no-repeat 5px 33px;}
.loanInfo_list li:nth-child(2) {background:url('https://img1.kbcard.com/LT/images_r/personal/finance/loanInfo_icon02.png') no-repeat 7px 40px;}
.loanInfo_list li:nth-child(3) {background:url('https://img1.kbcard.com/LT/images_r/personal/finance/loanInfo_icon03.png') no-repeat 5px 33px;}
.loanInfo_list li:nth-child(4) {background:url('https://img1.kbcard.com/LT/images_r/personal/finance/loanInfo_icon04.png') no-repeat 5px 34px;}
.loanInfo_list li:nth-child(5) {background:url('https://img1.kbcard.com/LT/images_r/personal/finance/loanInfo_icon05.png') no-repeat 5px 33px;}
.loanInfo_list li:nth-child(6) {background:url('https://img1.kbcard.com/LT/images_r/personal/finance/loanInfo_icon06.png') no-repeat 5px 29px;}

.loanInfo_box {padding:28px 30px 30px; margin-top:6px; border:1px solid #e1e1e1}
.loanInfo_box .tit {margin:30px 0 15px; font-size:16px; font-weight:600; color:#333;}
.loanInfo_box .tit:first-child {margin-top:0;} 

.loanEvt_area {overflow:hidden; margin-top:30px;}
.loanEvt_area li {float:left; width:214px; height:172px; padding-left:146px; padding-top:35px; background:#cdeaff url('https://img1.kbcard.com/LT/images_r/personal/finance/loanEvt_icon01.png') no-repeat 30px 18px;}
.loanEvt_area li:last-child {width:213px; border-left:1px solid #fff; background:#cdeaff url('https://img1.kbcard.com/LT/images_r/personal/finance/loanEvt_icon02.png') no-repeat 30px 10px;}
.loanEvt_area li p {font-size:18px; font-weight:600; line-height:24px; color:#333;}
.loanEvt_area li span {display:block; margin-top:11px; line-height:22px;}
.loanEvt_area li span strong {display:block; margin-top:2px; font-size:14px; color:#333;}
.loanEvt_area li span strong em {font-size:20px;}
.loanEvt_area li a {margin-top:11px;}
.loanEvt_area li:last-child a {margin-top:8px;}

.loanBox.singleType {padding:0;}
.singleType .countWrap .countTit {border-top:0}
.singleType .countWrap .countArea .countList ul li .sTxt {font-size:14px; font-weight:normal; color:#7361c5;}
.singleType .countWrap .countArea .countList ul li .sTxt em {font-size:18px; font-weight:600; font-family:'Arial'}
.singleType .countWrap .countArea .countList ul li .sTxt em em {font-size:14px; font-family:'나눔고딕'}

/* 장기카드대출(카드론) 신청 STEP */
.loanStep .stepTit {border-top:1px solid #9fa5a9; border-bottom:1px solid #e1e1e1; padding:20px 21px 20px; font-size:16px; color:#333; font-weight:600; background:#f9f9f9}
.loanStep .stepCon {display:none}
.loanStep .stepTable {margin-top:-1px; border-top:1px solid #9fa5a9;}					
.stepTop .stepCon {display:block;}
.loanStep .stepTable th,
.loanStep .stepTable td {padding:9px 20px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:left;; line-height:24px;}
.loanStep .stepTable td:last-child {border-right:none}
.loanStep .tdType02 td {padding:20px 20px;}
.loanStep .btnArea {margin:20px 0 50px;}
.stepTop .stepTit {border-top:1px solid #e1e1e1;}
.onenStep .stepTit {border-top:1px solid #9fa5a9;}
.onenStep .stepCon {display:block;}
.stepTable .formRad {line-height:24px}
.stepTable .formRad input[type=radio] {top:50%; margin-top:-10px;}
.stepTable .formRad label:before {top:50%; margin-top:-10px;}
.stepTable .formRad label .colPoint2 {font-weight:600}
.stepTable .stepInfo {padding-right:9px; text-decoration:line-through; background:url('https://img1.kbcard.com/LT/images_r/personal/finance/stepInfo_icon01.png') no-repeat right;}
.stepTable .periodTxt {display:block; padding-top:8px; color:#715fc4; font-size:18px;}
.stepTable .periodTxt em {font-size:28px; font-weight:600}
.loanStep .boxType2 {position:relative;}
.loanStep .boxType2 .btnCon {position:absolute; top:24px; right:25px;}
.loanStep .boxType2 .colPoint {display:inline-block; padding:0 12px; line-height:40px; background:#f2f2f2; border-radius:5px; font-size:18px; font-weight:600; color:#7361c5;}
.loanStep .boxType2 .endBox {margin:22px 26px;}
.predictionArea {overflow:hidden; margin-top:30px; height:55px; background:#f9f9f9}
.predictionArea ul {margin-top:16px;}
.predictionArea li {float:left; width:50%; text-align:right; background:url('https://img1.kbcard.com/LT/images_r/personal/finance/predictionLine.gif') no-repeat right 4px;}
.predictionArea li span {padding-right:21px;}
.predictionArea li span em {font-size:18px; font-weight:600; color:#ee6251;}
.predictionArea li:last-child {text-align:left; background:none}
.predictionArea li:last-child span {padding-left:21px;}

.loanInfo_box02 {display:table; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.loanInfo_box02.lineNone {border-top:none; border-bottom:none;}
.loanInfo_box02 .txtArea {display:table-cell; width:339px; height:188px; padding-left:42px; vertical-align:middle;}
.loanInfo_box02 .txtArea .tit {font-size:18px; font-weight:600; color:#333;}
.loanInfo_box02 .txtArea span {display:block; margin-top:20px; line-height:22px;}
.loanInfo_box02 .imgArea {padding-right:39px; padding-top:45px;}
.loanInfo_box02:first-child .imgArea {padding-top:40px;}

.loanInfo_box03 {overflow:hidden; padding:29px 30px 24px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.loanInfo_box03 .tit {padding-bottom:20px; font-size:16px; font-weight:600; color:#333;}
.loanInfo_box03 .loanInfo_con {float:left; width:390px; margin-left:10px;}
.loanInfo_box03 .loanInfo_con span {display:block; margin-top:14px; line-height:24px;}
.loanInfo_box03 .loanInfo_con span em {color:#333;}
.loanInfo_box03 .loanInfo_con span strong {color:#614cc2;}
.loanInfo_box03 .loanInfo_con:last-child {width:248px; margin-left:0;}

/* 장기카드대출 보이스피싱 예방 문진표 CSS */
.loanInterview {padding:37px 40px 35px; border:1px solid #e1e1e1;}
.loanInterview .tit {font-size:24px; font-weight:600; color:#151515;}
.loanInterview .txt {display:block ;margin-top:26px; line-height:22px;}
.loanInterview ul {margin-top:27px; border-top:1px solid #e1e1e1;}
.loanInterview ul li {padding:18px 37px; background:url('https://img1.kbcard.com/LT/images_r/personal/finance/interviewBullet.png') no-repeat 9px 22px; border-bottom:1px solid #e1e1e1; line-height:22px;}
.interviewForm {position:relative; padding-left:19px; border-bottom:1px solid #e1e1e1; line-height:59px; font-size:16px; color:#333; font-weight:600; background:#f9f9f9;}
.interviewForm .chkBox {position:absolute; right:0; top:0; width:116px; height:59px;text-align:center; border-left:1px solid #e1e1e1; font-weight:normal; color:#666;}/* 장기카드대출 문진표 팝업 깨짐 /FNC/DVIEW/HFAMCXPRIFIC0100 */
.interviewForm .chkBox .formChk{vertical-align:middle}

/* 금리인하요구권관련 추가 180319 */
.financeStep {border-top:1px solid #e1e1e1;}
.financeStep .radList {position:relative; border-bottom:1px solid #e1e1e1; height:39px; padding-top:18px; padding-left:20px; background:#f9f9f9;}
.financeStep .listTxt {position:absolute; left:182px; top:18px;}
.financeStep table {width:100%; border-bottom:1px solid #e1e1e1;}
.financeStep table th {padding:10px 20px; border-bottom:1px solid #e1e1e1; text-align:center;}
.financeStep table td {padding:10px 20px; border-bottom:1px solid #e1e1e1; text-align:left;}
.financeStep table tr:last-child th,
.financeStep table tr:last-child td {border-bottom:0;}
.financeStep table th {font-weight:600;}
.financeStep table td {border-left:1px solid #e1e1e1}
.financeStep table td .thTit {color:#666;}
.financeStep table td.tdRad {padding:20px;}
.financeStep .radInp input {margin:0 13px;}

/* 장기카드대출(카드론) 그래프 박스 180426 */
.cardLoan_box {}
.cardLoan_box li {display:table;position:relative; width:100%; min-height:186px; margin-top:-1px; border:1px solid #ddd; vertical-align:middle;}
.cardLoan_box li:after {content:''; display:table; clear:both;}
.cardLoan_box li .listType1 li, .listType2 li {display:block; min-height:auto; margin-top:0; border:0;}
.cardLoan_box .inner {display:table-cell; width:50%; vertical-align:middle;}
.cardLoan_box dl {padding:0 50px 0 43px;}
.cardLoan_box dt {color:#333; font-size:18px; font-weight:600; line-height:1;}
.cardLoan_box dd {padding-top:20px;}
.cardLoan_box .imgWrap {padding-right:43px; text-align:right}
.cardLoan_box .imgWrap img {max-width:100%;}

/* 2019 리볼빙 체험하기 */
.revolvingExp_wrap {padding:39px 49px}

.revolvingExp_wrap .infoTxt {text-align:center}
.revolvingExp_wrap .infoTxt dt {color:#333;font-size:18px;line-height:1}
.revolvingExp_wrap .infoTxt dd {padding:16px 0 0 0}

.revolvingExp_wrap .revolvingExp {margin:30px 0 0 0;padding:40px 0 0 0;border-top:1px solid #e1e1e1}
.revolvingExp_wrap .revolvingExp:after {content:'';display:table;clear:both}

.revolvingExp_wrap .revolvingExp .expBox {float:left;width:530px;padding:94px 0 0 0}
.revolvingExp_wrap .revolvingExp .sliderWrap {display:table}
.revolvingExp_wrap .revolvingExp .sliderWrap .sliderBox {display:table-cell;width:440px;padding:15px 0 0 0;vertical-align:top}

.revolvingExp_wrap .ui-widget-content {width:412px;height:10px;border:0;border-radius:5px;background:#f1f1f1}
.revolvingExp_wrap .ui-slider .ui-slider-range {border-radius:5px;background:url('https://img1.kbcard.com/LT/images_r/personal/finance/bg_graph01.png') repeat-x}

.revolvingExp_wrap .ui-state-default, .revolvingExp_wrap .ui-widget-content .ui-state-default, .revolvingExp_wrap .ui-widget-header .ui-state-default {top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:0;background:url('https://img1.kbcard.com/LT/images_r/personal/finance/btn_graph01.png') no-repeat}
.revolvingExp_wrap .ui-slider .ui-slider-handle {z-index:100;cursor:pointer}
.revolvingExp_wrap .ui-slider-float .ui-slider-tip, .revolvingExp_wrap .ui-slider-float .ui-slider-tip-label {top:-56px;display:block;width:60px;height:36px;margin-left:-31px;border-color:#e44b3a;background:#e44b3a;color:#f7f8f8;font-size:18px;font-weight:600;text-align:center;line-height:36px;visibility:visible;opacity:1;cursor:default}
.revolvingExp_wrap .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .revolvingExp_wrap .ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .revolvingExp_wrap .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .revolvingExp_wrap .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .revolvingExp_wrap .ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .revolvingExp_wrap .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {top:-56px}
.revolvingExp_wrap .ui-slider-float .ui-slider-tip:before, .revolvingExp_wrap .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {content:'';position:absolute;bottom:-8px;left:50%;width:0;height:0;margin-left:-4px;border:4px solid rgba(255, 255, 255, 0);border-top-color:#e44b3a}
.revolvingExp_wrap .ui-slider-float .ui-slider-tip:after, .revolvingExp_wrap .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {content:'';position:absolute;bottom:-13px;width:0;height:0;left:50%;margin-left:-4px;border:4px solid rgba(255, 255, 255, 0);border-top-color:#e44b3a;border-top-width:8px}
.revolvingExp_wrap .ui-slider-pips .ui-slider-pip {top:20px}
.revolvingExp_wrap .ui-slider-pips .ui-slider-line, .revolvingExp_wrap .ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line, .revolvingExp_wrap .ui-slider-pips .ui-slider-pip-inrange .ui-slider-line {height:10px;background:#d8d8d8}
.revolvingExp_wrap .ui-slider-pips .ui-slider-label {top:15px;color:#666;font-size:12px;line-height:1.5;font-weight:normal}
.revolvingExp_wrap  .ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {color:#666;font-weight:normal}
.revolvingExp_wrap .revolvingExp .sliderWrap .selRatioBox {display:table-cell;width:90px;text-align:right;vertical-align:top}
.revolvingExp_wrap .revolvingExp .sliderWrap .selRatioBox .selectbox a.tit span span {position:relative}
.revolvingExp_wrap .revolvingExp .sliderWrap .selRatioBox .selectbox a.tit span span:after {content:'%'}
.revolvingExp_wrap .revolvingExp .sliderWrap .selRatioBox .selectbox .overcon .con a span {position:relative}
.revolvingExp_wrap .revolvingExp .sliderWrap .selRatioBox .selectbox .overcon .con a span:after {content:'%'}

.revolvingExp_wrap .revolvingExp .expBox .btnArea {margin-top:68px}

.revolvingExp_wrap .revolvingExp .infoBox {float:right;width:210px;padding:20px;background:#f7f8f8;text-align:right}
.revolvingExp_wrap .revolvingExp .infoBox dt {margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px solid #e1e1e1;color:#333;line-height:1.64;font-weight:600}
.revolvingExp_wrap .revolvingExp .infoBox dt:first-child {margin:0;padding:0;border-top:0}
.revolvingExp_wrap .revolvingExp .infoBox dd {padding:10px 0 0 0}
.revolvingExp_wrap .revolvingExp .infoBox dd,
.revolvingExp_wrap .revolvingExp .infoBox dd span {font-size:20px;line-height:1.15}
.revolvingExp_wrap .revolvingExp .infoBox dd strong span {font-weight:normal}

/* 2019 중금리론 심사탈락 고객 소개 대출 안내 */
.loanAffiliates .boxType2 {padding:30px}
.loanAffiliates .boxType2 dt {color:#151515;font-size:24px;line-height:1.25;font-weight:600}
.loanAffiliates .boxType2 dd {margin:15px 0 0 0;color:#333;font-size:18px;line-height:1;font-weight:600}
.loanAffiliates .boxType2 .infoBox {margin:18px 0 0 0;padding:14px 20px;background:#f8f8f8;line-height:1.64}

.affiliatesList_wrap {margin:8px 0 0 0;padding:11px 29px 29px 29px;background:#f6f6f6}
.affiliatesList_wrap .affiliatesList {margin-top:18px;border:1px solid #e1e1e1;border-radius:4px;background:#fff}
.affiliatesList_wrap .chkList {display:table;width:838px;padding:30px}
.affiliatesList_wrap .chkList:after {content:'';display:table;clear:both}
.affiliatesList_wrap .chkList .formRad.radTxt {margin-top:5px;}
.affiliatesList_wrap .chkList .formRad input[type=radio] {top:50%;margin-top:-9px}
.affiliatesList_wrap .chkList .formRad.radTxt label {position:relative;color:#333;font-size:18px;font-weight:600;overflow:visible}
.affiliatesList_wrap .chkList .affiliatesLogo {display:table-cell;text-align:right;vertical-align:middle}
.affiliatesList_wrap .chkList .affiliatesLogo img {height:30px;vertical-align:bottom}
.affiliatesList_wrap .chkList_box {display:none;padding:0 29px 29px 29px}
.affiliatesList_wrap .chkList_box .loanList_wrap {margin:30px 0 0 0;padding:29px 0 0 0;border-top:1px solid #e1e1e1}
.affiliatesList_wrap .chkList_box .loanList_wrap:after {content:'';display:table;clear:both}
.affiliatesList_wrap .chkList_box .loanList_wrap:first-child {margin-top:0}
.affiliatesList_wrap .chkList_box .loanList_wrap .loanList {float:left;width:389px;text-align:center}
.affiliatesList_wrap .chkList_box .loanList_wrap .loanList:first-child {width:390px;margin:0 30px 0 0;padding:0 30px 0 0;border-right:1px solid #e1e1e1}
.affiliatesList_wrap .chkList_box .loanList_wrap .loanInfo dt {color:#333;font-size:16px;line-height:1.5;font-weight:600}
.affiliatesList_wrap .chkList_box .loanList_wrap .loanInfo dd {padding:8px 0 0 0}
.affiliatesList_wrap .chkList_box .loanList_wrap .loanInfo_box {display:table;width:387px;margin:18px 0 0 0;padding:18px 0;background:#f9f9f9}
.affiliatesList_wrap .chkList_box .loanList_wrap .loanList:first-child .loanInfo_box {width:388px}
.affiliatesList_wrap .chkList_box .loanList_wrap .loanInfo_box dl {position:relative;display:table-cell}
.affiliatesList_wrap .chkList_box .loanList_wrap .loanInfo_box dl:after {content:'';position:absolute;top:0;bottom:0;left:0;width:1px;background:#e5e5e5}
.affiliatesList_wrap .chkList_box .loanList_wrap .loanInfo_box dl:first-child:after {display:none}
.affiliatesList_wrap .chkList_box .loanList_wrap .loanInfo_box dt {font-size:12px;line-height:1.}
.affiliatesList_wrap .chkList_box .loanList_wrap .loanInfo_box dd {padding:5px 0 0 0;color:#538eef;font-size:18px;line-height:1.28;font-weight:600}
.affiliatesList_wrap .chkList_box .loanList_wrap .loanInfo_box .limit dd {color:#329f9a}
.affiliatesList_wrap .chkList_box .loanList_wrap .btnArea {margin-top:18px}
.affiliatesList_wrap .chkList_box .loanList_wrap .lawInfo {padding:20px 0 0 0;font-size:12px;line-height:1.5;letter-spacing:-0.1px}

.affiliatesList_wrap .affiliatesList.on .chkList_box {display:block}

.loanAffiliates .loanAgree_wrap {margin:70px 0 0 0;padding:49px 29px}
.loanAffiliates .loanAgree_wrap .withdrawCont {margin:16px 0 0 0;border-right:0;border-left:0;background:#f7f8f8}
.loanAffiliates .loanAgree_wrap .withdrawCont .agreeChk.chkOFF label,
.loanAffiliates .loanAgree_wrap .withdrawCont .agreeChk.chkOFF input[type=checkbox]:checked + label {background:#f7f8f8}
.loanAffiliates .loanAgree_wrap .logoWrap {padding:28px 0 0 0;text-align:center}
.loanAffiliates .loanAgree_wrap .logoWrap img {margin:0 5px;}

/* 2019 장기카드 대출 */
.longTerm_loan {}
.longTerm_loan .infoBox2 .infoCont li:before {background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_longterm_info.png) no-repeat;}
.longTerm_loan .infoBox2 .infoCont li.info2:before {background-position-x:-60px;}
.longTerm_loan .infoBox2 .infoCont li.info3:before {background-position-x:-120px;}
.longTerm_loan .infoBox2 .infoCont2 li .priceArr {padding:0 15px;}

.longTerm_loan .tdInfoBox {line-height:23px;}
.longTerm_loan .tdInfoBox .btnXS {vertical-align:baseline;}
.longTerm_loan .longLoan_list .longLoan_item {padding:20px 25px; border-bottom:1px solid #e1e1e1;}
.longTerm_loan .longLoan_list .longLoan_item:after {content:''; display:block; clear:both;}
.longTerm_loan .longLoan_list .longLoan_item:first-child {border-top:1px solid #e1e1e1;}
.longTerm_loan .longLoan_list .longLoan_item .itemSel {float:left; width:258px; padding:20px 0 0 0;}
.longTerm_loan .longLoan_list .longLoan_item .itemSel .formRad input[type=radio] {top:2px;}
.longTerm_loan .longLoan_list .longLoan_item .itemSel .formRad label:before {top:2px;}
.longTerm_loan .longLoan_list .longLoan_item .itemSel .formRad label span {display:table-cell; color:#333; font-size:16px; font-weight:600; line-height:1.44; vertical-align:middle;}
.longTerm_loan .longLoan_list .longLoan_item .itemSel .formRad label .orgin {padding:0 10px 0 0; color:#666; font-size:14px; font-weight:normal; line-height:1.64; text-decoration:line-through;}
.longTerm_loan .longLoan_list .longLoan_item .itemSel .formRad label .sale {}
.longTerm_loan .longLoan_list .longLoan_item .itemSel .btnArea {margin-top:15px; padding:0 0 0 28px; text-align:left;}
.longTerm_loan .longLoan_list .longLoan_item .itemSel .btnArea a {width:109px; margin:0; text-align:left;}
.longTerm_loan .longLoan_list .longLoan_item .itemInfo_wrap {float:right; width:652px;}
.longTerm_loan .longLoan_list .longLoan_item .itemInfo_wrap .withDrawList:last-child,
.longTerm_loan .longLoan_list .longLoan_item .itemInfo_wrap .listType1 li:last-child {padding-bottom:0;}
.longTerm_loan .longLoan_list .longLoan_item .itemInfo {padding:20px 0; background:#f9f9f9;}
.longTerm_loan .longLoan_list .longLoan_item .itemInfo:after {content:''; display:block; clear:both;}
.longTerm_loan .longLoan_list .longLoan_item .itemInfo dl {position:relative; float:left; width:265px; border-left:1px solid #e5e5e5; padding:0 30px; line-height:1.64;}
.longTerm_loan .longLoan_list .longLoan_item .itemInfo dl:first-child {border-left:0;}
.longTerm_loan .longLoan_list .longLoan_item .itemInfo dt {padding:0 0 5px 0; font-weight:600;}
.longTerm_loan .longLoan_list .longLoan_item .itemInfo dd {padding:5px 0 0 0;}
.longTerm_loan .longLoan_list .longLoan_item .itemInfo.col3 dl {width:156px;}

.longTerm_loan .withdrawBox2 {max-height:none;}

.longTerm_loan .agreeChk_list li {position:relative; padding:19px 0 18px 40px; border-top:1px solid #e1e1e1;}
.longTerm_loan .agreeChk_list li:before {content:''; position:absolute; top:20px; left:10px;}

.longTerm_loan .cardLoan_box {}
.longTerm_loan .cardLoan_box .repaymentInfo {border:1px solid #ddd;}
.longTerm_loan .cardLoan_box li.item {display:table;position:relative; width:100%; min-height:0; margin-top:0; padding:40px 0; border:0; border-top:1px solid #ddd; vertical-align:middle;}
.longTerm_loan .cardLoan_box li.item:after {content:''; display:table; clear:both;}
.longTerm_loan .cardLoan_box li.item:first-child {border-top:0;}
.longTerm_loan .cardLoan_box .inner {display:table-cell; width:298px; padding:0 40px 0 0; vertical-align:middle;}
.longTerm_loan .cardLoan_box .inner:first-child {width:auto; padding:0 0 0 40px;}
.longTerm_loan .cardLoan_box dl {padding:0;}
.longTerm_loan .cardLoan_box dt {color:#333; font-size:16px; font-weight:600; line-height:1.5;}
.longTerm_loan .cardLoan_box dd {padding-top:18px;}
.longTerm_loan .cardLoan_box .listType1 li {display:block; min-height:0; margin-top:0; border:0;}
.longTerm_loan .cardLoan_box .listType1 li:last-child {padding-bottom:0;}
.longTerm_loan .cardLoan_box .imgWrap {padding-right:0; text-align:right}
.longTerm_loan .cardLoan_box .imgWrap img {max-width:100%;}

.layContents .cardLoan_box {}
.layContents .cardLoan_box li.item {padding:30px 0;}
.layContents .cardLoan_box .inner {padding:0 30px 0 0;}
.layContents .cardLoan_box .inner:first-child {padding:0 32px 0 30px;}
.layContents .cardLoan_box dt {font-size:14px;}
.layContents .cardLoan_box dd {padding-top:10px;}

/* 2019 KB국민 이지신용대출 화상상담신청 */
.videoCall_banner {position:relative; min-height:70px; margin:25px 0 0 0; padding:0 30px; background:#f6f6f6;}
.videoCall_banner:before {content:''; position:absolute; bottom:0; left:30px; width:60px; height:60px; background:url('https://img1.kbcard.com/LT/images_r/personal/finance/ico_videoCall.png') no-repeat;}
.videoCall_banner .inner {display:table; width:100%; table-layout:fixed;}
.videoCall_banner p {display:table-cell; padding:0 0 0 80px; color:#333; font-weight:600; line-height:23px; vertical-align:middle;}
.videoCall_banner .btnArea {display:table-cell; margin:0; padding:20px 0; text-align:right; vertical-align:middle;}

/* 200928_AB테스트 */
.ficABtest {position:fixed; text-align:center; z-index:1001;}
.ficABtest a {display:block;}
.ficABtest.fixed {position:absolute;}
.ficABtest.Atype {bottom:112px; left:50%; width:50px; height:90px; margin-left:500px; background:#566ec3;}
.ficABtest.Atype a {position:relative; height:81px; padding:9px 0 0 0; color:#fff;}
.ficABtest.Atype a:before {content:''; display:block; width:32px; height:32px; margin:0 auto 2px auto; background:url(https://img1.kbcard.com/LT/images_r/personal/finance/ico_ficABtest.png) no-repeat;}
.ficABtest.Atype.fixed {bottom:10px;}

.ficABtest.Btype {bottom:0; left:0; width:100%; height:64px;}
.ficABtest.Btype a {height:44px; padding:20px 0 0 0; background-color:rgba(86, 110, 195, 0.3); color:#fff; -ms-transition:background-color ease 0.5s; -webkit-transition:background-color ease 0.5s; transition:background-color ease 0.5s;}
.ficABtest.Btype a:hover,
.ficABtest.Btype a:focus {background-color:rgba(86, 110, 195, 1);}
.ficABtest.Btype a span {position:relative; display:inline-block; padding-right:14px; color:#fff; font-size:16px; font-weight:600; line-height:1.5;}
.ficABtest.Btype a span:after {content:''; position:absolute; top:50%; right:0; display:block; width:11px; height:11px; margin-top:-6px; background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_infomenu_arrow.png) no-repeat 0 0;}
.ficABtest.Btype.fixed {position:fixed; left:0; width:100%; bottom:212px;}

.ficABtest.Ctype {bottom:50px; left:50%; width:145px; height:52px; margin-left:345px;}
.ficABtest.Ctype a {height:52px; border-radius:52px; background:#ffcc00; color:#333; font-size:16px; font-weight:600; line-height:52px;}
.ficABtest.Ctype.fixed {bottom:-52px;}

/*230915 : [금융] 카드대출 신청 시 신분증 진위확인 프로세스 추가*/
.box-gray-bar__tit { position: relative;}
.step {font-weight: 600; font-size: 24px; color: rgba(0, 0, 0, 0.6);}
.step strong { font-weight: 600; font-size: 32px; line-height: 40px; color: rgba(0, 0, 0, 0.87); letter-spacing: 5px;}
.tit-dep4 {margin: 80px 0 24px; font-size: 20px; font-weight: 600;}
.txt-ss {line-height: 1.71; font-size:13px !important;}
.list-dot > li, .list-dash > li { position: relative;  padding-left: 10px;  line-height: 24px; font-weight: 100;}
.list-dot > li + li, .list-dash > li + li {margin-top: 8px;}
.c-orange {color: #f46600 !important;}
.list-dot > li:before, .list-dash > li:before { content: ""; position: absolute; left: 0; top: 10px;}
.list-dash > li:before {content: "\2012"; top: -2px;}
#loantab02 .keypadloan {padding: 0 25px 0 14px;}
#loantab02 .keypadloan.btnSpe:after {top:10px;}
.c-red {color:#ff0000 !important;}
.tit-dep5 {margin: 24px 0 16px; font-size: 18px; font-weight:bold;}
.tit-dep5:first-child {margin-top:0;}
.box-gray {overflow: hidden; padding: 24px 32px; background: #eff2f7; border-radius: 8px;}
.form-field__error {display: none; font-size: 13px; font-weight: 400; color: #ff0000;  padding-top: 8px;}
.txt-infor {margin: 16px 0 8px; font-size: 13px; line-height: 1.69;}
.btn_flex {position: relative; display: flex; align-items: center; justify-content: space-between;}
.btn_flex .ck_ipt {flex:1; width:100%;}
.btn_flex .ck_ipt + .ck_ipt {margin-left:5px;}
.btn_flex .kbBtn {margin-left:5px;}
.flex_col2 {display:flex; align-items: center; justify-content: space-between;}
.flex_col2 input {flex:1; width:100%; box-sizing: border-box; margin-right:5px;}
.flex_col2 input:last-child {margin-right:0;}
.full_ipt {box-sizing: border-box; width:100% !important;}
.txt-Info { position: relative; padding-left: 20px; font-size: 12px; line-height: 1.5;}
.txt-Info:before {content: ''; display: block; position: absolute; top: 1px; left: 0; width: 16px; height: 16px; background: url(https://img1.kbcard.com/LT/images_r/common/bg_icon.png) no-repeat;}
.loancheckPop .tblF td.tdInp, .tblF td.tdcard, .tblF td.tdCard {vertical-align: top;}
.loancheckPop .tblF th label {font-weight:normal;}
.loancheckPop .cardNum.bgNone {display: flex; align-items: center; justify-content: space-between;}
.loancheckPop .cardNum.bgNone .cd_ipt {flex:1;}
.loancheckPop .cardNum.bgNone .cd_ipt input {width:100%; box-sizing: border-box;}
.loancheckPop .cardNum.bgNone .cd_dash {padding:0 8px;}
.loancheckPop .cardNum.bgNone .kbBtn {margin-left:5px;}
/* .popLayer.loancheckPop .tblF th {padding-top:32px;} */
.popLayer.loancheckPop .selectbox .tit.on > span {line-height:30px;}
.box-nodata { text-align: center;  min-height:200px; padding-top: 80px; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.box-nodata .ico-nodata {display: block; margin: 0 auto 16px; font-size: 0; width: 64px; height: 64px; background: url(https://img1.kbcard.com/home_re/pc/ico/64/ico-nodata-circle.png) 0 0 no-repeat; background-size: 100% auto;}
.box-count {display: flex;align-items: center;justify-content: space-between;margin-top: 24px;padding: 0 0 16px;}
.radio-wrap .formRad.radTxt {position: relative; margin-top:16px; font-size:15px; display:block;}
.radio-wrap .formRad.radTxt:first-child {margin-top:0;}
.radio-wrap .formRad.radTxt label {width: 100%;	height:auto; min-height:48px;  padding: 11px 16px;  border: 1px solid rgba(0, 0, 0, 0.16);  border-radius: 4px;  box-sizing: border-box; text-align:left;}
.radio-wrap .formRad label:before {position: relative;}
.radio-wrap .formRad.radTxt input {position: absolute; top: 0; left: 0;  width: 24px;  height: 24px;  margin: 3px 0 0;  z-index: 2;  opacity: 0; cursor: pointer;}
.radio-wrap .formRad.radTxt input:checked + label {color: rgba(0, 0, 0, 0.87);}
.radio-wrap input[type="radio"]:checked + label { z-index: 2; background: #fff; border-color: rgba(0, 0, 0, 0.87);}
.list-flex-between { display: flex;  justify-content: space-between;}
.list-post-wrap { height: 241px;  overflow-y: scroll; border: 1px solid rgba(0, 0, 0, 0.16);  border-radius: 4px;}
.list-post-wrap ul > li {padding: 0 40px;}
.list-post-wrap .on {background-color: #f9fafc;}
.list-post-wrap .list-post__cont {position: relative;  display: table;  width: 100%;  padding: 16px 0;}
.list-post-wrap .list-post__txt {display: table-cell; width: 100px; vertical-align: middle;}
.list-post-wrap .list-post__address > span {display: block;}
.list-post-wrap .list-post__address > span.bold {font-weight: 600;}
.list-post-wrap .list-post__cont:after {content: '';  position: absolute; left: 0; bottom: 0; width: 100%;  height: 1px; background-color: rgba(0, 0, 0, 0.16);}
.list-form-view {display: flex; flex-wrap: wrap; word-wrap: break-word; word-break: keep-all;}
.list-form-view--type3 {text-align: left; padding: 24px 0 24px 14px;}
.list-form-view dt, .list-form-view dd {margin-top: 16px; font-weight: 400;}
.list-form-view dt {width: 150px; padding-right: 20px; color: rgba(0, 0, 0, 0.6);}
.list-form-view--type3 dt {font-weight: 400; color: rgba(0, 0, 0, 0.87);}
.list-form-view dt:first-of-type, .list-form-view dd:first-of-type {margin-top: 0;}
.list-form-view dd {width: calc(100% - 170px);}
.list-form-view--type3 dd {font-weight: 100; color: rgba(0, 0, 0, 0.87);}


/*24.04.24 : [금융] 이지신용대출 관련 화면 변경*/
.box-gray {	overflow: hidden;padding: 24px 32px;background: #eff2f7;border-radius: 8px;}
.both-flex { display: flex; justify-content: space-between; width: 100%;}
.point-info span { font-size: 13px;}
.point-info p {font-size:26px; line-height: 1.29; font-weight: bold;}
.point-info p.fontN {font-weight: normal;}
.point-info p small {vertical-align: middle; font-size: 20px;}
.btn-txt--arr-r4 {font-size: 18px;}
.btn-txt {color: rgba(0, 0, 0, 0.87);line-height: 24px;	min-height: 24px;font-weight: 400;}
.btn-txt--arr-r4:after { margin-left: 4px; margin-top: -2px;  content: ""; display: inline-block;  vertical-align: middle; font-size: 0;  width: 24px;  height: 24px;  background: url(https://img1.kbcard.com/home_re/pc/arr/24/arr-1-right.png) 0 0 no-repeat;  background-size: 100% auto;}
.box-line-gray {overflow: hidden;display: flex;justify-content: space-between;align-items: center;padding: 21px;margin-top: 24px;background: #f9fafc;border-radius: 12px;border: 1px solid rgba(0, 0, 0, 0.08);
}
.box-line-gray__obj {display: flex;}
.banner_loan {padding-left:32px; background:url("https://img1.kbcard.com/home_re/pc/ico/24/ico-coin.png") no-repeat 0 center; background-size:24px; line-height:24px;}
.list-count li .tit {float: left; color: rgba(0, 0, 0, 0.6); margin-top:6px;}
.list-count li .obj {float: right; font-size: 26px; line-height: 1.29; font-weight: bold;}
.list-count li .obj small {vertical-align: middle; font-size: 20px;}
.list-count li:after {content: ""; display: block; clear: both; overflow: hidden; visibility: hidden;} 

/*25.04.22 : [금융] 각 상품별 KB Pay 연결 추가*/
.infoBox2.is-payqr {display: flex; align-items: center; justify-content: space-between;}
.infoBox2.is-payqr .infoCont {width:572px; display:block;}
.infoBox2.is-payqr .infoCont li, .infoBox2 .infoCont2 li {min-width: 185px;}
.infoBox2.is-payqr .infoLink {width:158px; padding: 0; display: block; margin-right:40px;}
.infoBox2.is-payqr .infoLink .infomenu {height: auto;}
.infoBox2.is-payqr .infoLink .infomenu + .infomenu {margin-top:18px;}

.infoInner.is-payqr {min-height:196px;}
.infoInner.btnType1.is-payqr .innerBox {padding: 26px 440px 26px 40px;}
.infoInner.is-payqr .btnBox {right:235px;}
.infoInner.is-payqr .payqr {position: absolute; right: 0; top: 0; height:100%;}
		
.payqr {background:#e5e9f2; border-radius: 0 12px 12px 0; display:flex; align-items: center; flex-direction:column; justify-content: center; padding:0 39px; height:196px; text-align:center;}
.payqr__img {padding:10px; background:#fff; border-radius: 8px; display:flex; align-items: center; justify-content: center; margin-top:8px; width:100px; height:100px;}
.payqr__img span {display:block; width:100px; height:100px;}
.payqr__img img {max-width:100%;}
.payqr__txt {font-size:14px; margin-top:8px; font-weight:bold;}

/*25.08.20 : [자동차금융] 신차 카드캐시백 이벤트 관련 문안 변경*/
.finance-desc {padding-left:64px; background:url(https://img1.kbcard.com/home_re/pc/ico/48/ico-coin-48.png) no-repeat left top; background-size:48px auto;}