@charset "utf-8";

@font-face { 
        font-family:"KBFGTextL"; 
        font-style:normal; 
        font-weight:normal; 
        src: url("?");
        src: url("asis_UI/font/KBFGTextL.eot");
        src:local(※),
        url("asis_UI/font/KBFGTextL.eot?#iefix") format("embedded-opentype"), 
        url("asis_UI/font/KBFGTextL.woff") format("woff"); 
}

@font-face { 
        font-family:"KBFGTextM"; 
        font-style:normal; 
        font-weight:normal; 
        src: url("?");
        src: url("asis_UI/font/KBFGTextM.eot");
        src:local(※),
        url("asis_UI/font/KBFGTextM.eot?#iefix") format("embedded-opentype"), 
        url("asis_UI/font/KBFGTextM.woff") format("woff");
}

@font-face { 
        font-family:"KBFGDisplayM"; 
        font-style:normal; 
        font-weight:normal; 
        src: url("?");
        src: url("asis_UI/font/KBFGDisplayM.eot");
        src:local(※),
        url("asis_UI/font/KBFGDisplayM.eot?#iefix") format("embedded-opentype"), 
        url("asis_UI/font/KBFGDisplayM.woff") format("woff"); 
}

@font-face {
        font-family:"NG";
        font-style:normal;
        font-weight:normal;
        src: url("?");
        src: url("asis_UI/font/NanumGothic.eot");
        src:local(※),
        url("asis_UI/font/NanumGothic.eot?#iefix") format("embedded-opentype"),
        url("asis_UI/font/NanumGothic.woff") format("woff");
}

/* default */
body, h1, h2, h3, h4, h5, h6, img, a, ul, li, dl, dt, dd, address, table, thead, tbody, tfoot, td, tr, th, summary, caption, div, p, td, ul,ol, ul, li,a,img,h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd, blockquote{margin:0;padding:0;font-size:16px;font-family:'KB금융 본문체 Light', KBFGTextL,"돋움",Dotum,AppleGothic, sans-serif;letter-spacing:-0.01em}
ul, ol, dl{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
select, input, button, textarea{margin:0;padding:0;color:#666;font-size:16px;font-family:'KB금융 본문체 Light', KBFGTextL,"돋움",Dotum,AppleGothic, sans-serif}
img{border:0}
fieldset {margin:0px;padding:0px;border:none}
caption{position:absolute;top:-9999px;left:-9999px;font:0/0 Arial}
legend {padding:0; position: absolute;top:-9999px;left:-9999px;font:0/0 Arial}
table{width:100%;border-collapse:separate}
th, td{empty-cells:show; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"]{border:none;cursor:pointer}
button::-moz-focus-inner{margin:0;padding:0;border:0}
hr{display:none}
em{padding:0; margin:0; font-style:normal}
strong{font-weight:600;}
a {text-decoration:none;}

/* 홈페이지 템플릿 초기화 */
.header,
.sGnb,
.rNavi,
.pageTop,
.footer {display:none}
.container {padding:0; width:100%;}
#skipnavi {position:absolute; top:0; left:0; text-indent:-9999px;} 

/* common */
.totalWrap .totalHeader,
.totalWrap .content {background:#566ec3}
.totalWrap .totalHeader,
.totalWrap .content,
.totalWrap .noticeArea {color:#fff;}
.totalWrap .innerCon {width:1000px; margin:0 auto;}

/* header */
.totalHeader {height:70px;}
.totalHeader p {margin-left:194px; padding-top:20px; font-size:22px; font-family:'KB금융 본문체 Medium', KBFGTextM; line-height:1.36; color:#fff}
.totalHeader:after  {content:''; position:absolute; left:0; top:70px; width:100%; height:1px; border-bottom:1px solid #fff; opacity:0.4;}
.totalHeader .innerCon {position:relative; }
.totalHeader .innerCon h1 {position:absolute; left:0; top:22px;}

/* content */
.content .innerCon {padding:70px 0 75px;}
.content .totalTit {position:relative; font-size:48px; font-family:'KB금융 제목체 Medium', KBFGDisplayM; letter-spacing:-1px; color:#fff;}
.content .totalTit span {display:inline-block; margin-bottom:15px; font-size:24px; opacity:0.8; color:#fff;}
.content .totalTit em {color:#ffcc00;}
.content .totalTit .totalBtn {position:absolute; right:0; bottom:11px; width:350px; line-height:80px; text-align:center; border-radius:10px; background:#ffcc00; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.4); color:#453700; font-size:24px; font-family:'KB금융 본문체 Medium', KBFGTextM;}

.listBox {overflow:hidden; margin-top:49px; border-radius:10px; border:2px solid rgba(255, 255, 255, 0.3);}
.listBox .infoList {display:inline-block; margin:40px 0 45px; padding:0; border-top:0;}
.listBox .infoList li {position:relative; float:left; margin:0 34px; width:180px; height:123px; padding-top:95px; text-align:center}
.listBox .infoList li:last-child {margin:0 35px;}
.listBox .infoList li p {font-size:22px; line-height:1.36; font-family:'KB금융 제목체 Medium', KBFGDisplayM; color:#fff}
.listBox .infoList li span {display:inline-block; margin-top:15px; font-size:16px; line-height:1.5; font-family:'KB금융 본문체 Medium', KBFGTextM; opacity:0.5; color:#fff}
.listBox .infoList li:after {content:''; position:absolute; right:-34px; top:0; width:1px; height:218px; background:#fff; opacity:0.2;}
.listBox .infoList li:last-child:after {display:none}
.listBox .infoList li.icon01 {background:url('https://img1.kbcard.com/LT/images_r/totalFinance/ico-finance-cash-80.png') no-repeat center -7px}
.listBox .infoList li.icon02 {background:url('https://img1.kbcard.com/LT/images_r/totalFinance/ico-finance-cardloan-80.png') no-repeat center -7px}
.listBox .infoList li.icon03 {background:url('https://img1.kbcard.com/LT/images_r/totalFinance/ico-finance-revolving-80.png') no-repeat center -7px}
.listBox .infoList li.icon04 {background:url('https://img1.kbcard.com/LT/images_r/totalFinance/ico-finance-loan-80.png') no-repeat center -7px}

.listBox .detailList {position:relative; margin:41px 35px 0; padding-left:390px; padding-bottom:40px;}
.listBox .detailList:before {content:''; position:absolute; top:-41px; left:0; width:928px; height:1px; background:#fff; opacity:0.2;}
.listBox .detailList:first-child:before {display:none}
.listBox .detailList .sTit {position:absolute; top:36px; left:0; width:300px; padding-left:90px; font-size:22px; font-family:'KB금융 제목체 Medium', KBFGDisplayM; line-height:1.36; vertical-align:middle; color:#fff;}
.listBox .detailList .sTit.icon01 {background:url('https://img1.kbcard.com/LT/images_r/totalFinance/ico-finance-cash-80.png') no-repeat -5px center;}
.listBox .detailList .sTit.icon02 {background:url('https://img1.kbcard.com/LT/images_r/totalFinance/ico-finance-cardloan-80.png') no-repeat -5px center;}
.listBox .detailList .sTit.icon03 {background:url('https://img1.kbcard.com/LT/images_r/totalFinance/ico-finance-revolving-80.png') no-repeat -5px center;}
.listBox .detailList .sTit.icon04 {background:url('https://img1.kbcard.com/LT/images_r/totalFinance/ico-finance-loan-80.png') no-repeat -5px center;}
.listBox .detailList .sTit span {display:block; margin-top:5px; font-family:'KB금융 본문체 Medium', KBFGTextM; opacity:0.5; line-height:1.5; color:#fff;}
.listBox .detailList .detailInfo {display:inline-block; position:relative; width:478px; min-height:80px; height:auto; padding:25px 32px 25px 30px; background:#4D62AF; border-radius:6px;}
.listBox .detailList .detailInfo ul {padding-right:128px;}
.listBox .detailList .detailInfo li {overflow:hidden; position:relative; margin-top:20px;}
.listBox .detailList .detailInfo li:after {content:''; display:table; clear:both;}
.listBox .detailList .detailInfo li:first-child {margin-top:0;}
.listBox .detailList .detailInfo li .btn {display:inline-block; padding-right:23px; background:url('https://img1.kbcard.com/LT/images_r/totalFinance/ico-finance-arr-23.png') no-repeat top right; font-family:'KB금융 본문체 Medium', KBFGTextM; color:#fff; line-height:1.44;}
.listBox .detailList .detailInfo li p {float:left; margin-top:7px; font-size:16px; line-height:1.44; font-family:'KB금융 본문체 Medium', KBFGTextM; color:#fff;}
.listBox .detailList .detailInfo li .total {float:right; font-size:16px; font-family:'KB금융 본문체 Medium', KBFGTextM; color:#fff;}
.listBox .detailList .detailInfo li .total em {display:inline-block; margin-right:8px; font-size:28px; font-family:'KB금융 본문체 Medium', KBFGTextM; color:#ffcc00; line-height:1.07; font-weight:bold;}
.listBox .detailList .detailInfo li .discount {position:absolute; top:0; left:110px; color:#fff; opacity:0.5;}
.listBox .detailList .detailInfo li .discount em {font-size:28px; font-family:NanumGothic, "나눔고딕", "NG"; text-decoration:line-through; line-height:1.07; color:#fff;}
.listBox .detailList .detailInfo li .discount:after {content:'→'; position:absolute; top:-2px; right:-35px; font-size:28px; color:#fff; font-family:NanumGothic, "나눔고딕", "NG";}
.listBox .detailList .detailInfo .maxUser {margin-top:20px; padding-top:30px; border-top:1px solid rgba(255, 255, 255, .12);}
.listBox .detailList .detailInfo .totalBtn {position:absolute; right:25px; top:40px; width:98px; line-height:50px; border-radius:4px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.3); background:#ffcc00; font-size:16px; font-family:'KB금융 본문체 Medium', KBFGTextM; text-align:center; color:#453700}
.listBox .detailList .detailInfo .totalBtn.btnMax {position:absolute; right:25px; top:auto; bottom:20px; width:98px; padding:0; line-height:50px; border-radius:4px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.3); background:#fff; font-size:16px; font-family:'KB금융 본문체 Medium', KBFGTextM; text-align:center; color:#453700}
.listBox .detailList .detailInfo .totalBtn.btnAgree {position:absolute; right:25px; top:40px; width:98px; padding:0; line-height:50px; border-radius:4px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.3); background:#fff; font-size:16px; font-family:'KB금융 본문체 Medium', KBFGTextM; text-align:center; color:#453700}
.listBox .detailList .infoTxt {margin-top:10px; font-size:12px; font-family:'KB금융 본문체 Medium', KBFGTextM; opacity:0.6; line-height:1.5; color:#fff;}
.listBox .detailList .detailInfo .listType2 li {margin-top:13px; padding-bottom:20px; border-bottom:1px solid #6475b3}
.listBox .detailList .detailInfo .listType2 li:last-child {padding-bottom:0; border-bottom:none}
.listBox .detailList .detailInfo .listType2 li:first-child {margin-top:0;}
.listBox .detailList .linkTxt {display:inline-block; margin:10px 0 0 0; padding:0 16px 0 0; background:url('https://img1.kbcard.com/LT/images_r/totalFinance/ico-finance-arr-16.png') no-repeat right 3px; color:#fff; line-height:23px;}

.listBox .detailList.type02 {margin:50px 40px 0; padding-left:0; padding-bottom:50px;}
.listBox .type02 p {font-size:22px; font-family:'KB금융 본문체 Medium', KBFGTextM; line-height:1.36; color:#fff;}
.listBox .type02 .detailInfo02 {width:860px; height:183px; margin-top:30px; padding:39px 30px 39px; background:#4D62AF; border-radius:6px;}
.listBox .type02 .detailInfo02 li {position:relative; padding-bottom:39px;}
.listBox .type02 .detailInfo02 li:after {content:''; position:absolute; bottom:-1px; left:0; width:860px; height:1px; background:#fff; opacity:0.12;}
.listBox .type02 .detailInfo02 li:last-child:after {display:none}
.listBox .type02 .detailInfo02 li:last-child {padding-top:54px; padding-bottom:0;}
.listBox .type02 .detailInfo02 li a {position:absolute; top:0; right:10px; width:212px; line-height:50px; color:#453700; border-radius:4px; background:#ffcc00; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.3); font-size:16px; font-family:'KB금융 제목체 Medium', KBFGDisplayM; text-align:center}
.listBox .type02 .detailInfo02 li a.btnType02 {top:40px; background:#fff;}
.listBox .type02 .detailInfo02 li p {font-size:18px; line-height:1.48; font-family:'KB금융 본문체 Light', KBFGTextL;}

.mainBtn {overflow:hidden; margin-top:55px;}
.mainBtn li {float:left;}
.mainBtn li.icon01 a {width:228px; background:url('https://img1.kbcard.com/LT/images_r/totalFinance/ico-credit-loan-64.png') no-repeat top left;}
.mainBtn li.icon02 a {width:284px; background:url('https://img1.kbcard.com/LT/images_r/totalFinance/ico-finance-car-64.png') no-repeat top left;}
.mainBtn li.icon03 a {width:236px; background:url('https://img1.kbcard.com/LT/images_r/totalFinance/ico-finance-card-64.png') no-repeat top left;}
.mainBtn li a {display:block; padding-left:84px; height:64px; color:#fff;}
.mainBtn li a em {display:block; padding-top:4px; font-size:14px; font-family:'KB금융 본문체 Medium', KBFGTextM; opacity:0.5; line-height:1.44;}
.mainBtn li a span {display:inline-block; padding-right:24px; background:url('https://img1.kbcard.com/LT/images_r/totalFinance/ico-finance-arr-24.png') no-repeat right center; margin-top:5px; font-size:18px; font-family:'KB금융 제목체 Medium', KBFGDisplayM; line-height:1.45; color:#fff}

/* 장기카드대출 미동의 case 추가 */
.listBox .detailList.type03 .sTit {top:20px;}
.listBox .detailList.type03 .detailInfo {height:auto; min-height:53px; padding:25px 32px 25px 30px;}
.listBox .detailList.type03 .detailInfo p {margin-top:0;}
.listBox .detailList.type03 .detailInfo .totalBtn {top:25px; background:#fff}

/* noticeArea */
.noticeArea {padding:70px 0 80px; background:#3c4658}
.noticeArea .tit {font-size:22px; line-height:1.27; font-family:'KB금융 본문체 Medium', KBFGTextM; color:#fff}
.noticeArea ul {margin-top:12px;}
.noticeArea li {text-indent:-13px; margin-top:8px; margin-left:13px; line-height:1.63; font-family:'KB금융 본문체 Medium', KBFGTextM; color:#fff}
.noticeArea li.sTxt {font-family:'KB금융 본문체 Light', KBFGTextL;}
.noticeArea li.sTxt:nth-child(even) {margin-top:24px}
.noticeArea .noticeTxt {margin-top:24px; line-height:1.5; color:#fff}

/* footer */
.totalWrap .footer {display:block;}
.footer {width:1000px; padding:30px 0; margin:0 auto; text-align:left}
.footer p,
.footer span {color:#666; font-size:14px; line-height:1.71;}

/* 현업요청으로 css 추가 190708 */
.popLayer{position:fixed;top:50%;left:50%;z-index:10000;margin:-300px 0 0 -325px;}
.popLayer * {font-size:14px; color:#666}
.layContainer{position:relative;padding-bottom:30px;border-top:6px solid #ffcf00;background:#fff;z-index:100}
.layContainer .titLayDep1{padding:17px 0 18px 30px;color:#333;font-size:20px;font-weight:600;border-bottom:2px solid #e5e5e5;text-align:left}
.layContainer .inputArea1{padding:20px 0;text-align:center}
.layContainer .tblScroll{overflow:auto;max-height:230px;border:1px solid #e1e1e1}
.layContainer .tblScroll .tblH{border-bottom:none}
.layContainer .tblScroll .tblH tr:first-child th{border-top:none}
.layContainer .tblScroll .tblH .nodata{border-bottom:1px solid #e1e1e1}
.layContents{padding:30px 30px 0 30px;line-height:22px}
.laybtnArea{padding-top:30px;text-align:center}
.laybtnArea .btnS{margin:0 3px;color:#333;font-weight:600;border-color:#e8eaef;background:#e8eaef}
.laybtnArea .btnS.action{color:#333;border-color:#ffde02;background:#ffde02}
.popLayer .btnS{line-height:28px}
.laybtnArea .icon.print:before, .popContents .icon.print:before{top:7px;left:10px;width:16px;height:16px;background-position:-240px 0}
.layClose{position:absolute;top:13px;right:14px;display:block;text-indent:-9999px;width:33px;height:34px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_popup.gif) no-repeat 5px 5px}
.laybtnArea .layClose{position:static;display:inline-block;text-indent:0;width:auto;height:auto;background-image:none}
.dimmed{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);z-index:10}
.scrolling{zoom:1;overflow-y:auto;overflow-x:hidden;min-height:100%;max-height:384px}
.scrolling + .laybtnArea{margin-top:30px;border-top:1px solid #c2c2c2}
.withdrawScroll{overflow:auto;height:140px;padding:15px;border:1px solid #e1e1e1}

/* popup 안 요소들 재정의 */
.popLayer .titDep2{margin-bottom:10px;font-size:14px}
.popLayer .titDep3{margin-bottom:10px;color:#666;font-size:14px}
.popLayer .selectbox{height:30px}
.popLayer .selectbox .tit > span{height:28px;line-height:28px}
.popLayer .selectbox .tit > span:after{top:13px}
.popLayer .selectbox .tit.on > span{line-height:26px}
.popLayer input[type="text"], .popLayer input[type="password"]{height:18px;line-height:18px}
.popLayer .txtUnit{font-size:12px}
.popLayer .tblH th, .popLayer .tblH td{height:auto;padding:11px 5px}
.popLayer .tblV th, .popLayer .tblV td{height:auto;padding:11px 10px}
.popLayer .tblH th, .popLayer .tblV th{color:#333}
.popLayer .tblH th label, .popLayer .tblV th label{color:#333}
.popLayer .tblH td, .popLayer .tblV td{color:#333}
.popLayer .tblH .tdInp, .popLayer .tblV .tdInp{padding:4px 10px}
.popLayer .hyphen{line-height:30px}
.popLayer .btnS.icon.reset:before{top:6px}
.poptitDep2{margin-bottom:12px;color:#333;font-size:16px;font-weight:600;line-height:1}

.popLayer .withdrawCont .titWith{padding-top:9px;height:20px;font-size:14px;line-height:18px}
.popLayer .withdrawCont .agreeRad .formRad{padding:9px 24px 9px 26px}
.popLayer .withdrawCont .agreeRad .formRad label:before, .popLayer .withdrawCont .agreeRad .formRad input[type=radio]{top:9px;left:26px}
.popLayer .withdrawWrap.agreeOne .withdrawCont .kbBtn{top:6px;right:135px}
.popLayer .listType1 li, .popLayer .withDrawList{padding-bottom:10px}
.popLayer .withdrawCont .agreeRad.radOFF .formRad{padding:0}
.popLayer .withdrawCont .agreeRad.radOFF label{padding:9px 24px 10px 56px}
.popLayer .titArea{margin-bottom:10px}

.guideInfo{line-height:22px}
.contLine{padding-bottom:20px;border-bottom:1px solid #c2c2c2}
.tblScroll{overflow:auto;max-height:230px;border:1px solid #e1e1e1}
.tblScroll .tblH{border-bottom:none}
.tblScroll .tblH tr:first-child th{border-top:none}
.timeCert{display:inline-block;margin-left:6px;font-size:12px;line-height:16px}
.timeCert:before{content:'';display:inline-block;width:16px;height:16px;margin:-3px 3px 0 0;vertical-align:middle;background:url(https://img1.kbcard.com/LT/images_r/common/bult_time.gif) no-repeat}
.popLayer .tipArea .titTip{padding:13px 0 0 37px;font-size:14px;line-height:27px;border:none}
.popLayer .tipArea .titTip:before{top:20px;left:19px;width:10px;height:13px;background-position:-40px 0}
.popLayer .tipArea .listType1{padding:0 20px 8px 20px}
.popLayer .tipArea .listType1 li{padding-bottom:6px;font-size:12px}

/* 약관 */
.terms dt{padding-top:64px;font-weight:600;color:#333}
.terms dt:first-child{padding-top:0}
.terms .termsDep1{font-size:18px}
.terms dd{padding-top:20px;color:#333;line-height:20px}
.terms dd > dl{margin-left:15px}
.terms dd > dl > dt{margin:0;padding:23px 0 3px}
.terms dd > dl > dt:first-child{padding-top:23px}
.terms dd > dl > dd{color:#666;padding:0}
.terms .annotation01{padding-left:5px;font-weight:600;color:#329f9a;vertical-align:top}
.terms .annotation02{margin-top:6px;padding-left:20px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_icon.png) no-repeat -56px 2px;font-size:12px}
.terms .annotation02 strong{padding-right:5px;font-weight:600;color:#333}
.termsList01{padding-left:15px}
.termsList01 li{padding-top:18px}
.termsList02{padding:4px 0 0 15px}
.termsList02 li{padding-top:2px}
.termsList02 li strong{font-weight:normal}
.termsList02 li>ul,.termsList02 li>ol{padding-bottom:5px}

.layContents .terms dt,.layContents .terms dt:first-child{margin-top:24px;padding-top:24px}
.layContents .terms dt:first-child{padding-top:0}
.layContents .terms .termsDep1{font-size:16px}
.layContents .terms dd{padding-top:14px;color:#666}
.layContents .termsList01,.layContents .termsList02{padding-left:0}
.layContents .termsList02 li{padding-top:10px}
.layContents .terms dd > dl{margin:0}
.layContents .terms dd > dl > dt,.layContents .terms dd > dl > dt:first-child{padding:0 0 3px}
.layContents .terms dd > dl > dt:first-child{margin:0}
.layContents .terms dd .termsList02:first-child{padding-top:0;}
.layContents .terms dd .termsList02:first-child li:first-child{padding-top:0;}
.layContents .terms .txtInfo{margin-left:10px}

/* form */
input[type="text"],input[type="password"]{height:28px;padding:5px 15px;line-height:28px;border:1px solid #c2c2c2;border-radius:5px;outline:none;vertical-align:middle}
input[type="text"]:focus,input[type="password"]:focus{padding:4px 14px;border:2px solid #ffde02}
input:disabled{background:#e8eaef}
input:disabled:focus, input:read-only:focus{padding:5px 15px;border:1px solid #c2c2c2}
input[type=text].t_right{padding-right:1px\9}
input[type=text]:focus.t_right{padding-right:0\9}

/* table */
.tblH th, .tblV th{font-weight:normal;font-weight:600}
.tblH, .tblV{width:100%;border-bottom:1px solid #e1e1e1}
.tblH th, .tblH td{height:36px;padding:11px 5px 11px;line-height:22px;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;text-align:center}
.tblH th{color:#333;text-align:center;background:#f9f9f9}
.tblH th:first-child, .tblH td:first-child{border-left:none}
.tblH tbody th{font-weight:normal;background:none}
.tblH .cellLine, .tblV .cellLine{border-left:1px solid #e1e1e1 !important}
.tblH tfoot tr:first-child th, .tblH tfoot tr:first-child td{border-top:1px solid #a0a5a9}
.tblH tfoot th, .tblH tfoot td{font-weight:600;background:#fffcf1}
.tblH.crossLine tr.nth th, .tblH.crossLine tr.nth td{background:#f9f9f9}
.tblH td.t_left{padding-left:10px}
.tblH .termWrap .calInp{text-align:left}

.tblV th, .tblV td{height:21px;padding:20px 19px 17px;line-height:22px;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1}
.tblV th{color:#000;text-align:left;background:#f9f9f9}
.tblV th:first-child, .tblV td:first-child{border-left:none}
.tblV th.subTh{background:none}
.tblH .listType1 .listDep2 li, .tblV .listType1 .listDep2 li{padding-top:0}
td.tdInp{padding:9px 20px}
td.tdCard{padding:10px 20px 10px !important}
.tblV tfoot th, .tblV tfoot td{font-weight:600;background:#fffcf1}

/* common */
.kbBtn{overflow:visible;position:relative;display:inline-block;*display:inline;*zoom:1;margin:0;padding:0;color:#333;text-align:center;white-space:nowrap;vertical-align:middle}
.btnXS{padding:0 9px;font-size:12px;line-height:24px;border:1px solid #c2c2c2;border-radius:3px;background:#fff}
.btnS{min-width:40px;padding:0 10px;line-height:38px;border:1px solid #c2c2c2;border-radius:5px;background:#f3f3f3}
.txtInfo{position:relative;padding-left:20px;font-size:12px !important;line-height:18px; color:#666;}
.txtInfo *{font-size:12px !important;vertical-align:top}
.txtInfo: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;}
.txtInfo.td_r{display:inline-block;margin-left:20px}

.formChk, .formRad{position:relative;display:inline-block;line-height:20px;z-index:0}
.formChk{width:20px;min-height:20px}
.formChk input[type=checkbox], .formRad input[type=radio]{position:absolute;top:1px;left:1px;width:18px;height:18px;margin:0;padding:0;z-index:1}
.formChk label, .formRad label{display:block;padding-left:28px;cursor:pointer}
.formChk label:before, .formRad label:before{position:absolute;top:0;left:0;display:inline-block;content:'';width:20px;height:20px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_form.png) no-repeat 0 -23px;background:none\9;z-index:2}
.formChk input[type=checkbox]:checked + label:before, .formChk input[type=checkbox]:checked + span:before{background-position:-23px -23px}
.formChk input[type=checkbox]:disabled + label, .formRad input[type=radio]:disabled + label{cursor:default}
.formChk input[type=checkbox]:disabled + label:before{background-position:-46px -23px}
.formChk input[type=checkbox]:disabled:checked + label:before{background-position:-69px -23px}
.formChk.chkTxt{width:auto}
.formChk.chkBack{display:block}
.formChk.chkBack label{padding:0}
.formChk.chkBack label:before{position:absolute;top:50%;left:auto;right:0;margin-top:-10px;padding:0}
.formChk.chkBack input[type=checkbox]{left:auto;right:1px}

.formRad{width:19px;min-height:19px;line-height:19px}
.formRad.radTxt{width:auto}
.formRad input[type=radio]{top:0;left:0;width:19px;height:19px}
.formRad label:before{width:19px;height:19px;background-position:0 0}
.formRad input[type=radio]:checked + label:before{background-position:-23px 0}
.formRad input:disabled{background:none}
.formRad input[type=radio]:disabled + label:before{background-position:-46px 0}
.formRad input[type=radio]:disabled:checked + label:before{background-position:-69px 0}
.radList .formRad{margin-right:12px}

.selectbox{position:relative;display:inline-block;height:40px;text-align:left;z-index:99;vertical-align:middle}
.selectbox select{height:40px;padding-left:14px}
.select {position:relative}
.selectbox .select.disabled{opacity:1}
.selectbox .select.disabled .tit{background:#e8eaef; cursor:default}
.selectbox .select.disabled .tit:hover {text-decoration:none;}
.selectbox .tit {display:block;border:1px solid #c2c2c2;border-radius:5px;background:#fff;color:#666;}
.selectbox .tit > span{display:block;margin:0 27px 0 14px;height:38px;padding:0;line-height:38px;vertical-align:top}
.selectbox .tit > span:after{content:'';display:block;position:absolute;top:18px;right:12px;width:10px;height:6px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_form.png) no-repeat 0 -51px}
.selectbox a.tit > span span, .selectbox span.tit > span{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}
.selectbox .tit.on{border:2px solid #ffde02}
.selectbox .tit.on > span{margin-left:13px;line-height:36px}
.selectbox .maskDiv_wddo{margin-top:5px;border:1px solid #c2c2c2;border-radius:5px;background:#fff}
.selectbox .overcon{display:none;wid th:100%;background:#fff}
.selectbox .overcon .con li:first-child{margin-top:5px}
.selectbox .overcon .con li:last-child{margin-bottom:5px}
.selectbox .overcon .con a{overflow:hidden;display:block;line-height:30px;color:#666;}
.selectbox .overcon .con a span{overflow:hidden;display:block;padding:0 14px;text-overflow:ellipsis;white-space: nowrap}
.selectbox .overcon .con a.on, .selectbox .overcon .con a:hover{background:#fff8cc}
.jspContainer{overflow:hidden;position:relative;}
.jspPane{overflow:hidden;position:absolute}
.jspVerticalBar{position:absolute;top:5px;right:5px;width:15px;height:100%;border-radius:15px}
.jspHorizontalBar{width:0;height:0}
.jspTrack{background:#e9eaef;position:relative;border-radius:15px}
.jspDrag{background:#707684;position:relative;top:0;left:0;cursor:pointer;border-radius:15px}
.jspCapTop{height:0px}
.jspCapBottom{display:block;height:10px}

.phoneWrap *{vertical-align:middle}
.phoneWrap .selectbox{width:90px}
.hyphen{display:inline-block;padding:0 5px;font-size:20px;line-height:40px}
.phoneWrap input[type="text"]{width:38px}
.addrArea *{vertical-align:top}
.addrArea .zipcode{width:58px;margin-bottom:10px;text-align:center}
.addrArea .kbBtn{margin-left:10px}
.addr1{width:211px}
.addr2{width:300px;margin-left:10px}
.phoneWrap .hyphen {padding:0}

.listType1 li, .withDrawList{padding:0 0 10px 10px;line-height:1.5;background:url(https://img1.kbcard.com/LT/images_r/common/bult_sq01.gif) no-repeat 0 9px; color:#666}
.listType1 li .btnLink{margin-top:6px}
.hyphen{display:inline-block;padding:0 5px;font-size:20px;line-height:40px;vertical-align:middle}

.marT10{margin-top:10px !important}
.marT30{margin-top:30px !important}

/* 본인인증 */
.requestAgree {overflow:hidden; width:498px; border:1px solid #e1e1e1;}
.requestAgree .tit {float:left; width:353px; padding-left:19px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f9f9f9; line-height:39px; color:#333; font-weight:600;}
.requestAgree .chkArea {float:left; width:100px; height:30px; padding-left:25px; padding-top:9px; border-bottom:1px solid #e1e1e1;}
.requestAgree .agreeList {float:left; width:100%; padding:11px 0 12px;}
.requestAgree .agreeList li {position:relative; padding-left:19px; margin-bottom:13px; padding-right:260px}
.requestAgree .agreeList li:last-child {margin-bottom:0}
.requestAgree .agreeList li .kbBtn {position:absolute; top:-1px; right:20px;}

/* 가상키패드 디자인 변경 20180824 */
.keypadType {display:inline-block; overflow:hidden; width:253px; height:23px; padding:7px 8px; border:1px solid #c2c2c2; border-radius:5px; vertical-align:middle}
.keypadType .divide {float:left;}
.keypadType input {float:left;; width:65px; line-height:23px; height:23px; border:none;  padding:0; text-align:center;}
.keypadType input[type=text] {width:50px;}
.keypadType input:focus {padding:0; border:none;}
.virtualKey {vertical-align:middle;}
.hiddenPs {display:inline-block; padding:0 5px; vertical-align:middle;}
.popLayer .keypadType {height: 18px;line-height: 18px; padding: 5px;}

/* error code관련 초기화 */
.boxType2 {background:#fff; text-align:left; margin:30px;}