@charset "utf-8";
/** 2.16. CM **/
@font-face {
    font-family:KBFGText;
    font-style:normal;
    font-weight:400;
    font-display:swap;
    src:url("/CMN/common/fonts/KBFGTextL_subset.woff") format("woff"), 
    url("/CMN/common/fonts/KBFGTextL_subset.woff2") format("woff2");
}
@font-face {
    font-family:KBFGText;
    font-style:normal;
    font-weight:600;
    font-display:swap;
    src:url("/CMN/common/fonts/KBFGTextM_subset.woff") format("woff"), 
    url("/CMN/common/fonts/KBFGTextM_subset.woff2") format("woff2");
}
@font-face {
    font-family:KBFGDisplayM;
    font-style:normal;
    font-display:swap;
    src:url("/CMN/common/fonts/KBFGDisplayM_subset.woff") format("woff"),
    url("/CMN/common/fonts/KBFGDisplayM_subset.woff2") format("woff2"); 
}

/* default */
/* 2021.11.17 asis→tobe 개선 */
html, body{color: rgba(0, 0, 0, 0.87);font-size:15px; font-weight:400;word-break:keep-all}
body, h1, h2, h3, h4, h5, h6, img, a, ul, li, dl, dt, dd, address, table, thead, tbody, tfoot, td, tr, th, p, summary, caption,div, p, td,ul,ol, ul, li,a,img,h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd, blockquote,select, input, button, textarea{margin:0;padding:0;font-family:'KBFGText';font-size:1rem}/*word-break:keep-all !important 2022.01.11 br 제거 대응 */
ul, ol, dl{list-style:none}
a, input, button, th, td, h1, h2, h3,
h4, h5, h6, select, textarea, label {
  color: rgba(0, 0, 0, 0.87);
}

/* 2021.11.17 asis→tobe 개선 */
button, input { -webkit-border-radius:0; border-radius:0; border:0; }
input[type="text"] {width:167px}
h1,h2,h3,h4,h5,h6{font-weight:normal}

/* 2021.11.17 asis→tobe 개선
select, input, button, textarea{margin:0;padding:0;color:#666;font-size:15px;font-family:'KBFGText',"돋움",Dotum,AppleGothic,sans-serif} */
img{border:0}
fieldset {margin:0px;padding:0px;border:none}
caption{overflow: hidden;position: absolute;clip: rect(0, 0, 0, 0);clip-path: inset(50%);width: 1px;height: 1px;margin: -1px;border: 0;padding: 0;}
legend {overflow: hidden;position: absolute;clip: rect(0, 0, 0, 0);clip-path: inset(50%);width: 1px;height: 1px;margin: -1px;border: 0;padding: 0;}
table{width:100%;border-collapse:separate}
th, td{empty-cells:show}

/* button, input[type="button"], input[type="reset"], input[type="submit"]{border:none;cursor:pointer} DEFC-0000002197 */
button, input[type="reset"], input[type="submit"]{border:none;cursor:pointer}
input[type="button"]{cursor:pointer}

button::-moz-focus-inner{margin:0;padding:0;border:0}
hr{display:none}
em{font-style:normal}
strong{font-weight:600}

/* link */
a{border:none}
a, a:link, a:visited, a:active{text-decoration:none}
a:focus{outline-offset:-1px}
/* 2021.11.17 asis→tobe 개선
a:hover, button:hover{text-decoration:underline}
a:hover{color:#666} */

.linkPoint:link, .linkPoint:visited, .linkPoint:hover{color:#e44b3a;text-decoration:underline}
.linkPoint2:link, .linkPoint2:visited, .linkPoint2:hover{color:#614cc2;text-decoration:underline}
.linkPoint2.arrR {padding:0 16px 0 0; background:url('https://img1.kbcard.com/LT/images_r/common/ico_arrR_purple.png') no-repeat right top}

/* 리뉴얼 width 초기화 */
input[style="width:68px;"] {width:76px !important}
col[width="165px"] {width: 170px !important}

/* common */
.marT0{margin-top:0 !important}
.marT5{margin-top:5px !important}
.marT10{margin-top:10px !important}
.marT15{margin-top:15px !important}
.marT20{margin-top:20px !important}
.marT25{margin-top:25px !important}
.marT30{margin-top:30px !important}
.marT35{margin-top:35px !important}
.marT40{margin-top:40px !important}
.marT45{margin-top:45px !important}
.marT50{margin-top:50px !important}
.marT60{margin-top:60px !important}
.marT70{margin-top:70px !important}
.marT90{margin-top:90px !important}
.marT100{margin-top:100px !important}
.marT120{margin-top:120px !important}

.t_center{text-align:center !important}
.t_left{text-align:left !important}
.t_right{text-align:right !important}
.f_left{float:left !important}
.f_right{float:right !important}

/* 2021.11.17 asis→tobe 개선 
.colPoint1{color:#e44b3a !important}
.colPoint2{color:#614cc2 !important}
.colPoint3{color:#614cc2 !important}
.colPoint4{color:#614cc2 !important; font-size:16px; line-height:1.7;} */
.colPoint1{color:#EA580C !important}/* AsIs->ToBe 웹접근성 2022-01-21 */
.colPoint2{color:#0D9488 !important}/* AsIs->ToBe 웹접근성 2022-01-26 */
.colPoint3{color:rgba(0,0,0,.87) !important}
.colPoint4{color:rgba(0,0,0,.87) !important; font-size:14px; line-height:1.7;}
.colPoint5{color:rgba(0,0,0,.6) !important}

.bold{color:#333}
.clear:after{content:'';display:block;height:0;clear:both}
.hidden{position:absolute;top:-9999px;left:-9999px;font:0/0 Arial}
.blind {overflow: hidden;position: absolute;clip: rect(0, 0, 0, 0);clip-path: inset(50%);width: 1px;height: 1px;margin: -1px;border: 0;padding: 0;}
.linethrough{text-decoration:line-through} 
.underLine {text-decoration:underline;}
.p_rel{position:relative;}

/* 이벤트관련 padding, margin */
.p0 {padding:0 !important;}
.p5 {padding:5px !important;}
.p10 {padding:10px !important;}
.p15 {padding:15px !important;}
.p20 {padding:20px !important;}
.p25 {padding:25px !important;}
.p30 {padding:30px !important;}
.p35 {padding:35px !important;}
.p40 {padding:40px !important;}
.p45 {padding:45px !important;}
.p50 {padding:50px !important;}
.p12 {padding:12px !important;}
.p18 {padding:18px !important;}

.m0 {margin:0 !important;}
.m5 {margin:5px !important;}
.m10 {margin:10px !important;}
.m15 {margin:15px !important;}
.m20 {margin:20px !important;}
.m25 {margin:25px !important;}
.m30 {margin:30px !important;}
.m35 {margin:35px !important;}
.m40 {margin:40px !important;}
.m45 {margin:45px !important;}
.m50 {margin:50px !important;}
.m12 {margin:12px !important;}
.m18 {margin:18px !important;}

/* as-is 용 css */
/*  Padding Top-Right-Bottom-Left */
.pd15{padding:15px !important;}

.pT0{padding-top:0px !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT15{padding-top:15px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT35{padding-top:35px !important;}
.pT40{padding-top:40px !important;}
.pT45{padding-top:45px !important;}
.pT50{padding-top:50px !important;}

.pR0{padding-right:0px !important;;}
.pR5{padding-right:5px !important;;}
.pR10{padding-right:10px !important;}
.pR15{padding-right:15px !important;}
.pR20{padding-right:20px !important;}
.pR25{padding-right:25px !important;}
.pR30{padding-right:30px !important;}
.pR35{padding-right:35px !important;}
.pR40{padding-right:40px !important;}
.pR45{padding-right:45px !important;}
.pR50{padding-right:50px !important;}

.pB0{padding-bottom:0px !important;}
.pB5{padding-bottom:5px !important;}
.pB10{padding-bottom:10px !important;}
.pB15{padding-bottom:15px !important;}
.pB20{padding-bottom:20px !important;}
.pB25{padding-bottom:25px !important;}
.pB30{padding-bottom:30px !important;}
.pB35{padding-bottom:35px !important;}
.pB40{padding-bottom:40px !important;}
.pB45{padding-bottom:45px !important;}
.pB50{padding-bottom:50px !important;}

.pL0{padding-left:0px !important;}
.pL5{padding-left:5px !important;}
.pL10{padding-left:10px !important;}
.pL15{padding-left:15px !important;}
.pL20{padding-left:20px !important;}
.pL25{padding-left:25px !important;}
.pL30{padding-left:30px !important;}
.pL35{padding-left:35px !important;}
.pL40{padding-left:40px !important;}
.pL45{padding-left:45px !important;}
.pL50{padding-left:50px !important;}

/*  Marign Top/Right/Bottom/Left */
.mT0{margin-top:0px !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT12{margin-top:12px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT45{margin-top:45px !important;}
.mT50{margin-top:50px !important;}

.mR0 {margin-right:0 !important;}
.mR5{margin-right:5px !important;}
.mR10{margin-right:10px !important;}
.mR15{margin-right:15px !important;}
.mR20{margin-right:20px !important;}
.mR25{margin-right:25px !important;}
.mR30{margin-right:30px !important;}
.mR35{margin-right:35px !important;}
.mR40{margin-right:40px !important;}
.mR45{margin-right:45px !important;}
.mR50{margin-right:50px !important;}

.mB0{margin-bottom:0px !important;}
.mB5{margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB35{margin-bottom:35px !important;}
.mB40{margin-bottom:40px !important;}
.mB45{margin-bottom:45px !important;}
.mB50{margin-bottom:50px !important;}

.mL0{margin-left:0px !important;}
.mL5{margin-left:5px !important;}
.mL10{margin-left:10px !important;}
.mL15{margin-left:15px !important;}
.mL20{margin-left:20px !important;}
.mL25{margin-left:25px !important;}
.mL30{margin-left:30px !important;}
.mL35{margin-left:35px !important;}
.mL40{margin-left:40px !important;}
.mL45{margin-left:45px !important;}
.mL50{margin-left:50px !important;}

/* border radius */
.r5 {border-radius:5px !important;}
.r8 {border-radius:8px !important;}

/* text ellipsis; */
[class*="letterType"]{display:inline-block;width:147px;vertical-align:top;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.letterType1{width:147px}
.letterType2{width:225px}
.letterType3{width:80px}
.letterType4{width:140px}

/* 2021.11.17 asis→tobe 개선 */
.brn{border:none !important;}

/* 2022.01.19 */
.wdb_n {word-break:normal !important;}

/* skip navigation */
#skipnavi{z-index:99999}
#skipnavi a{display:block;position:absolute;top:-9999px;width:100%;height:45px;line-height:44px;text-align:center;font-size:14px;font-weight:bold;color:#fff;background-color:#776c61;z-index:3000}
#skipnavi a:focus,#skipnavi a:active{top:0;text-decoration:underline;color:#fff}

/* layout */
.wrapper{position:relative;text-align:center;z-index:1000}

/* 200417_추가 */
.gnbsub_lease{display:inline-block;position:relative;width:148px;}
.gnbsub_lease .personalAuto{width:148px;background:url(https://img1.kbcard.com/LT/images_r/common/personalLease.png) no-repeat center;}
.gnbsub_lease .personalAuto.depON {}
.gnbsub_lease .personalAuto.depON:after {content:''; position:absolute; bottom:0; left:50%; width:16px; height:8px; margin-left:-8px; background:url(https://img1.kbcard.com/LT/images_r/common/bg_layout.png) no-repeat -88px -54px;}
.gnbsub_lease .etcDep2 {display:none;position:absolute;top:50px;left:50%;padding:18px 20px;background:#f9fafa;text-align:left;transform:translateX(-50%);z-index:10;}
.gnbsub_lease .etcDep2 li a{display:block;height:30px;line-height:30px;letter-spacing:-.7px;white-space:nowrap;}
.gnbsub_lease .etcDep2 li a span{color:#777;}
.gnbsub_lease .etcDep2 li a:hover span {color:#e44b3a;}
.etcDim {display:none; position:fixed; top:120px; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:1}
/* //200417_추가 */

/* GNB 수정전
.btnShare{display:block;position:absolute;top:0;right:0;height:39px;width:100px;padding-left:6px;color:#333;font-size:12px;line-height:39px;border-left:1px solid #e5e6e6;border-right:1px solid #e5e6e6;border-bottom:1px solid #1px solid #e5e5e5;text-align:center;background:#fafafa}
*/
.btnShare{display:block;position:absolute;top:0;right:-3px;height:39px;width:65px;padding-left:0px;color:#333;font-size:12px;line-height:39px;border-bottom:1px solid #e5e5e5; text-align:center;background:#fafafa}
.btnShare:before{content:'';display:inline-block;width:13px;height:13px;margin:-1px 5px 0 0;vertical-align:middle;background:url(https://img1.kbcard.com/LT/images_r/common/iconShare.png) no-repeat left top}
.sGnb.sGnbTop .btnShare{border-color:#eacd07}
.btnShare+.shareBox{display:none;position:absolute;top:49px;right:0;width:98px;padding:10px 0 0 0;border:1px solid #c2c2c2;border-radius:3px;background:#fff}
.btnShare+.shareBox:before{content:'';display:block;position:absolute;top:-6px;left:50%;width:10px;height:6px;margin-left:-5px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_layout.png) no-repeat -195px -53px}
.btnShare+.shareBox a{position:relative;display:block;height:22px;margin:0 10px 5px 10px;padding-left:27px;color:#666;font-size:12px;line-height:22px}
.btnShare+.shareBox a:before{content:'';display:block;position:absolute;top:0;left:0;width:22px;height:22px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_layout.png) no-repeat}
.btnShare+.shareBox a.url:before{background-position:-216px -53px}
.btnShare+.shareBox a.fb:before{background-position:-241px -53px}
.btnShare+.shareBox a.tw:before{background-position:-266px -53px}
.btnShare+.shareBox .close{width:100%;margin-top:5px;color:#666;font-size:12px;line-height:24px;text-align:center;background:#f0f0f0}
.sGnb.sGnbTop .btnShare{background:#ffe11b}

.container{position:relative;width:960px;margin:0 auto;padding:50px 0 50px;text-align:left;z-index:11}
.container:after{content:'';display:block;height:0;clear:both}
/* 2021.11.17 asis→tobe 개선
.contents .contentArea{width:720px;min-height:563px;padding-top:28px} */
.contents .contentArea{width:960px;min-height:563px;padding-top:28px}

.contents.content01 .contentArea{min-height:244px}
.contents.content02 .contentArea{min-height:420px}
.searchContainer:after{content:'';display:block;height:0;clear:both}
.wideTblarea{overflow:hidden;clear:both;width:960px/*margin-top:100px*/}
.contents.btm{float:none;margin-top:70px}
.contents.wide .contentArea{width:960px}
/* 2021.11.17 asis→tobe 개선
.rNavi{position:absolute;top:114px;right:0;width:210px;}
.rNavi .menuR{height:242px;border:1px solid #e1e1e1}
.rNavi .menuR:after{content:'';display:block;height:0;clear:both}
.rNavi .menuR li{float:left;width:103px;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.rNavi .menuR li.on{border-bottom:none}
.rNavi .menuR li.major{border-left:none}
.rNavi .menuR li > .meTab{position:relative;display:block;height:48px;padding:21px 0 0 0;color:#666;font-weight:600;line-height:41px;text-align:center;background:#f8f8f8}
.rNavi .menuR li > .meTab:before{content:'';display:block;position:absolute;top:13px;left:50%;width:16px;height:16px;margin-left:-8px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_rnb.png) no-repeat}
.rNavi .menuR li.on > .meTab{color:#333}
.rNavi .menuR li.major.on .meTab:before{background-position:-16px 0}
.rNavi .menuR li.my{width:104px}
.rNavi .menuR li.my .meTab:before{background-position:-32px 0}
.rNavi .menuR li.my.on .meTab:before{background-position:-47px 0}
.rNavi .menuR li .list{display:none;position:absolute;top:70px;left:0;width:170px;padding:14px 19px;border:none}
.rNavi .menuR li.on > .meTab{background:#fff}
.rNavi .menuR li.on .list{display:block}
.rNavi .menuR li .list li{float:none;width:100%;border:none}
.rNavi .menuR li .list a{display:block;width:auto;line-height:25px;text-align:left;background:none}
.rNavi .menuR li .list a:before{display:none}
*/
.rNavi{display:none !important;visibility:hidden !important;position:absolute !important;top:-99999px !important;left:-99999px !important;width:0 !important;height:0 !important;font-size:0 !important;}

.rList{position:relative;margin-top:10px;border:1px solid #e1e1e1;background:#fff;z-index:10}
.rList+.rList{margin-top:10px}
.rList .tit{padding-left:19px;color:#333;font-size:16px;font-weight:600;line-height:40px;background:#f9f9f9}
.rList .slideWrap button{top:-31px;width:22px;height:20px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_rnb.png) no-repeat}
.rList .slideWrap button.prev{left:auto;right:40px;background-position:0 -16px}
.rList .slideWrap button.next{right:20px;background-position:-21px -16px}
.rList .slideWrap .slider .slideList li{width:208px}
.rList .slideWrap .slider{min-height:124px}
.rList .slideWrap .slider .slideList li a{position:relative;display:block;height:91px;padding:17px 20px}
.rList .slideWrap .slider li a span, .rList .slideWrap .slider li a strong{display:block}
.rList .slideWrap .slider .slideList li a strong{overflow:hidden;width:117px;height:72px;color:#333;font-size:16px;font-weight:600;line-height:23px;letter-spacing:-1px}
.rList .slideWrap .slider .slideList li a span{padding-top:5px;font-size:12px}
.rList .slideWrap .slider .slideList li a img{position:absolute;bottom:41px;right:20px;width:50px;height:50px;border-radius:50px}
.rList .slideWrap.rcardList .slider{min-height:91px}
.rList .slideWrap.rcardList .slider .slideList li a{padding:13px 20px 12px 20px}
.rList .slideWrap.rcardList .slider .slideList li a span{margin:0 0 3px}
.rList .slideWrap.rcardList .slider .slideList li a strong{height:40px;font-size:14px;line-height:22px;letter-spacing:-1px}
.rList .slideWrap.rcardList .slider .slideList li a img{top:40px;width:50px;height:30px;border-radius:0}
.rList .msgList{overflow:hidden;max-height:193px}
.rList .msgList ul{float:left;width:208px;margin-right:1px;padding:5px 0 10px}
.rList .msgList li{float:none;border-bottom:1px dashed #ddd}
.rList .msgList li a{display:block;padding:8px 20px;line-height:18px}
.rList .msgList li:last-child{border-bottom:none}
.rList .slideWrap.rshopList .slider .slideList li a strong{margin-bottom:13px}
.rList .slideWrap.rshopList .slider .slideList li a p{position:absolute;top:35px;right:20px;overflow:hidden;width:50px;height:50px}
.rList .slideWrap.rshopList .slider .slideList li a p img{position:static;width:72px;height:auto}
.rList .slideWrap.rshopList .slider .slideList li a em{color:#7462c6;font-size:12px;font-weight:600}
.rList .slideWrap + .more{display:block;position:relative;padding-left:18px;line-height:39px;border-top:1px dashed #ddd}
.rList .slideWrap + .more:after{content:'';display:block;position:absolute;top:14px;right:21px;width:6px;height:10px;background:url(https://img1.kbcard.com/home_re/asis/bg_btn.png) no-repeat -50px 0;opacity:0.6;filter:alpha(opacity=60)}

.rightMenu{border:1px solid #e1e1e1}
.rightMenu .titRme{padding-left:18px;color:#333;font-size:16px;font-weight:600;line-height:40px;background:#f9f9f9}
.rightMenu ul{margin:9px 0}
.rightMenu ul li a{display:block;padding-left:18px;line-height:26px}
.rightMenu ul li a span{position:relative;display:inline-block;padding-right:14px;}
.rightMenu ul li.on a{background:#ffdf01}
.rightMenu ul li.on a span{color:#333;font-weight:600}
.rightMenu ul li.on a span:after{content:'';display:block;position:absolute;top:9px;right:0;width:6px;height:8px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_layout.png) no-repeat -176px -55px}
.rightMenu ul li a:hover span{text-decoration:underline}

/* loading */
.pageLoading{position:fixed;top:50%;left:50%;margin:-97px 0 0 -155px;text-align:center;z-index:10000}
.pageLoading img{border-radius:13px}
.pageLoading .loading{position:relative;z-index:11}
.pageLoading .loadingTxt{position:absolute;top:140px;left:0;width:310px;color:#4b4101;font-size:18px}
.pageLoading .loading.loadingtype2{background:url(https://img1.kbcard.com/LT/images_r/common/bg_loading.png) no-repeat}
.pageLoading .loading.loadingtype2 div{overflow:hidden;position:absolute;left:90px;top:79px;width:180px;height:11px;padding:2px;background:#fff}
.pageLoading .loading.loadingtype2 div span{overflow:hidden;position:relative;display:inline-block;width:180px;height:11px}
.pageLoading .loading.loadingtype2 div span .bar{display:inline-block;position:absolute;left:-180px;}

/* title */
/* 2021.11.17 asis→tobe 개선
.titDep1, .titDep2, .titDep3, .titDep4, .titDep5, .titDep6{font-family:'KBFGDisplayM';line-height:1;letter-spacing:-1px}
.titDep1{color:#333;font-size:36px;font-weight:600} */
.titDep1, .titDep2, .titDep3, .titDep4, .titDep5, .titDep6{font-family:'KBFGDisplayM';line-height:1;letter-spacing:-1px;}
.titDep1{font-size:32px;}/* font-size:1.86667rem; tobe size*/
.titDep2{margin-bottom:18px;color:#151515;font-size:24px;}
.titDep3{margin-bottom:18px;color:#333;font-size:18px;}
.titDep4{margin-bottom:18px;color:#333;font-size:16px;}
.titDep5{margin-bottom:18px;color:#333;font-size:14px;}
.titDep6{margin-bottom:18px;color:#666;font-size:14px;}
.titDep7{margin-bottom:18px;color:#333;font-size:30px;}
.titArea{position:relative;min-height:16px;margin-bottom:18px}
.titArea .titDep2{margin:0;line-height:40px}
.txtTotal{margin-top:18px;color:#333;font-size:18px}
.txtNess strong{color:#e44b3a}
.titArea .txtNess, .titArea .txtUnit{position:absolute;bottom:0;right:0}

/* button */
/* 2021.11.17 asis→tobe 개선
.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}
.btnL{min-width:60px;padding:2px 20px 0 20px;font-size:16px;font-weight:600;line-height:48px;border-radius:5px;background:#e8eaef}
button.btnL{min-width:100px}
.kbBtn.action{border-color:#ffde02;background:#ffde02}
.kbBtn:hover{color:#333} */
.kbBtn{overflow:visible;position:relative;display:inline-block;*display:inline;*zoom:1;margin:0;padding:0;color:rgba(0, 0, 0, 0.87);;text-align:center;white-space:nowrap;vertical-align:middle;}
.btnL{display:inline-block;vertical-align:middle;cursor:pointer;min-width:126px;height:48px;line-height:48px;padding:0 16px;font-weight:400;border-radius:5px;font-size:1.2rem;text-align:center;background:#fff;border:1px solid rgba(0, 0, 0, 0.6);color:rgba(0, 0, 0, 0.87);}
button.btnL{min-width:160px}
.kbBtn.action{color:#000;border-color:#ffcc00 !important;background:#ffcc00}
a.btnL,a.btnL span{font-size:1.2rem;}
.kbBtn.wemakeprice{border-color:#ee5555;background:#ee5555;color:#fff}
.kbBtn.wemakeprice:hover{color:#fff}
input[type=button].btnL{min-width:160px;border:1px solid rgba(0, 0, 0, 0.6);}/*https://tcard.kbcard.com/MKB/DVIEW/HMAMCXPRIMYS0059?mainCC=a*/

/* 2021.11.17 asis→tobe 개선
.btnS{min-width:40px;padding:0 10px;line-height:38px;border:1px solid #c2c2c2;border-radius:5px;background:#f3f3f3}
button.btnS{min-width:60px;min-width:auto\0/IE8} */
.btnS{display:inline-block;vertical-align:middle;cursor:pointer;min-width:80px;height:40px;line-height:40px !important;padding:0 10px;border-radius:5px;font-size:1rem;text-align:center;background:#fff;border:1px solid rgba(0, 0, 0, 0.6);color:rgba(0, 0, 0, 0.87);}
button.btnS{min-width:80px}

.btnSpe{padding:1px 60px 0 14px;font-size:16px;border-color:#333;letter-spacing:-1px;background:#fff}
.btnSpe:after{content:'';display:block;position:absolute;top:14px;right:10px;width:6px;height:10px;background:url(https://img1.kbcard.com/home_re/asis/bg_btn.png) no-repeat -50px 0}

/* 2021.11.17 asis→tobe 개선
.btnGrey{color:#fff;border-color:#707784;background-color:#707784}
.btnGrey:hover{color:#fff} */
.btnGrey{background:#f1f1f1;border:1px solid rgba(0, 0, 0, 0.16);}
.btnGrey:focus{outline: red solid 1px;}

.btnGrey02 {border-color:#e8eaef; background:#e8eaef; color:#333;}
.btnGery03 {background:#f6f6f6;}/*210304 추가*/

/* 2021.11.17 asis→tobe 개선
.btnXS{padding:0 9px;font-size:12px;line-height:24px;border:1px solid #c2c2c2;border-radius:3px;background:#fff} */
.btnXS{height:32px;padding:0 10px;font-size:13px;line-height:34px;border:1px solid rgba(0, 0, 0, 0.6);border-radius:4px;background:#fff;}
/* a.btnXS{line-height:35px} */
/* 20220121 modify
https://tcard.kbcard.com/BON/DVIEW/HBAMCXPRISVS0001 */
.btnXS_ty1 {margin-left:20px;}

/* 2022.2.8 to-be 바로가기 button 추가 */
.btn-go{display:inline-block;vertical-align:middle;cursor:pointer;padding:0 5px 0 9px;height:32px;line-height:32px;min-width:auto;font-size:13px;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.16);font-weight:400;overflow:hidden;background:#fff;}
.btn-go:after{content:"";display:inline-block;vertical-align:middle;margin-top:-4px;font-size:0;width:16px;height:16px;background:url("https://img1.kbcard.com/home_re/pc/arr/16/arr-1-right.png") 0 0 no-repeat;background-size:100% auto;}

.btnLink{padding:1px 39px 0 10px;font-size:12px;line-height:27px;border:1px solid #8b929e;border-radius:3px;background:#fff}
.btnLink:after{content:'';display:block;position:absolute;top:0;right:0;width:29px;height:28px;border-radius:0 2px 2px 0;background:#8b929e url(https://img1.kbcard.com/home_re/asis/bg_btn.png) no-repeat -19px 9px}
.btnLink2{padding:1px 26px 0 10px;color:#fff;font-size:12px;line-height:29px;border-radius:3px;background:#6b727f}
.btnLink2:after{content:'';display:block;position:absolute;top:10px;right:10px;width:6px;height:10px;background:url(https://img1.kbcard.com/home_re/asis/bg_btn.png) no-repeat -159px 0}
.btnLink2:hover{color:#fff}
.btnLink.outside:after{background-color:#e8eaef;background-position:-281px 9px}

/* 2021.11.17 asis→tobe 개선
.kbBtn.icon:before{display:block;position:absolute;content:'';background:url(https://img1.kbcard.com/LT/images_r/common/bg_btn.png) no-repeat} */
.kbBtn.icon:before{display:block;position:absolute;content:'';top:50% !important;background:url(https://img1.kbcard.com/home_re/asis/bg_btn.png) no-repeat;transform:translateY(-50%) !important;}

.btnL.icon{padding-left:50px}
.btnL.icon.viewList:before{top:15px;left:20px;width:20px;height:20px;background-position:-58px 0}
.btnL.icon.viewCal:before{top:15px;left:20px;width:20px;height:19px;background-position:-85px 0}

/* 2021.11.17 asis→tobe 개선
.btnS.icon{padding-left:30px}
.btnS.icon.reset:before{top:11px;left:8px;width:17px;height:15px;background-position:0 0}
.btnS.icon.search:before{top:11px;left:10px;width:18px;height:16px;background-position:0 -27px} */
.btnS.icon{padding-left:30px;padding-right:12px !important;}
.btnS.icon.reset:before{top:11px;left:8px;width:17px;height:16px;background-position:0 0}
.btnS.icon.search:before{top:11px;left:10px;width:18px;height:18px;background-position:0 -27px}

.btnS.icon.search{padding:0 10px 0 33px;font-size:16px}
.btnS.icon.email:before{top:12px;left:9px;width:16px;height:13px;background-position:-380px 0}
.btnS.icon.pdf:before{top:10px;left:9px;width:14px;height:16px;background-position:-400px 0}
.btnXS.icon{padding-left:30px}
.btnXS.icon.reset:before{top:5px;left:9px;width:17px;height:15px;background-position:0 0}
.btnXS.icon.pdfInstall:before{top:4px;left:10px;width:16px;height:16px;background-position:-131px -24px}
.btnL.icon.pdfInstall:before{top:50%;left:20px;width:16px;height:16px;margin-top:-8px;background-position:-131px -24px}
.btnL.icon.srch:before{top:15px;left:20px;width:17px;height:19px;background-position:-210px -24px}

/* 2021.11.17 asis→tobe 개선
.btnFunc{height:20px;color:#333;line-height:1;background:#fff} */
.btnFunc{padding:0 9px;height:32px;line-height:32px;font-size:0.86667rem;background:#fff;border:1px solid rgba(0, 0, 0, 0.6) !important;color:rgba(0, 0, 0, 0.87);border-radius:4px;}
.btnFunc:focus{outline: red solid 1px;outline-offset: -4px;}

.btnFunc *{vertical-align:top}
.btnFunc:before{content:'';display:inline-block;margin:-1px 4px 0 0;vertical-align:middle;background:url(https://img1.kbcard.com/home_re/asis/bg_btn.png) no-repeat}
.btnFunc.print:before{width:16px;height:16px;background-position:-111px 0}
.btnFunc.excel:before{width:16px;height:16px;background-position:-131px 0}
.btnFunc.view:before{width:17px;height:17px;margin-top:-2px;background-position:-174px 0}
.btnFunc.email:before{width:16px;height:16px;margin-top:-2px;background-position:-264px 0}
.btnFunc.conform:before{width:16px;height:16px;margin-top:-2px;background-position:-280px -24px}
.btnFunc.pdf:before{width:16px;height:16px;margin-top:-2px; background: url("https://img1.kbcard.com/home_re/pc/ico/16/ico-1-pdf.png") 0 0 no-repeat;}

.btnFunc.attachAdd {position:relative;display:inline-block;padding-right:18px;margin-right:10px;color:#666;text-decoration:underline;}
.btnFunc.attachAdd:before {display:none;}
.btnFunc.attachAdd:after {content:'클릭 시 파일 삭제';display:block;position:absolute;top:50%;right:0;width:16px;height:16px;margin-top:-7px;background:url(https://img1.kbcard.com/LT/images_r/personal/benefit/bg_benefit_icon.png) no-repeat -126px 0px;text-indent:20px;font-size:1px;overflow: hidden;}

.btnFunc.attachFile:before {content:'';width:16px;height:16px;background:url('https://img1.kbcard.com/LT/images_r/common/icon_attach.png') no-repeat 0 0;}
.btnFunc.attachFile {margin-right:10px;text-decoration:underline;color:#614cc2;}
.btnFunc.reset {display:inline-block; width:30px; height:30px; background:transparent;}
.btnFunc.reset:before {width:30px; height:30px; margin:0; background:url('https://img1.kbcard.com/LT/images_r/common/icon_reset.png') no-repeat;}

.attachList {line-height:initial;}
.attachList .attachFile {display:block;margin-top:8px;}
.attachList .attachFile:first-child {margin-top:0;}
/* 2021.11.17 asis→tobe 개선
.btnWhite{background:#fff} */
.btnWhite{background:#fff;border:1px solid rgba(0, 0, 0, 0.6)}
.btnLink.btnWhite{padding-right:29px}
.btnLink.btnWhite:after{top:10px;right:10px;width:6px;height:10px;background-position:-50px 0;background-color:transparent}

.btnArea{margin-top:30px;text-align:center}
.btnArea .kbBtn{margin:0 3px}
.titArea .funcBtns{display:inline-block;position:absolute;top:50%;right:0;margin-top:-15px;}/* 박진수 - title의 크기에 따라 높이가 달라저 가운데 정렬 시킴 https://tcard.kbcard.com/MKB/DVIEW/HMAMCXPRIMYS0049*/
/* 2021.11.17 asis→tobe 개선
.titArea .funcBtns .btnFunc{margin-left:20px} */
.titArea .funcBtns .btnFunc{margin-left:0}
.titArea .funcBtns.anchor{top:0}

/* L버튼 좌/우 정렬 */
.btnArea .sideArea {margin-bottom:-50px;}

/* table */
/* 2021.11.17 asis→tobe 개선
.tblH, .tblV{width:100%;border-top:1px solid #e1e1e1;border-collapse:separate}
.tblH th, .tblV th{font-weight:600}
.tblH th, .tblH td{height:36px;padding:12px 5px 11px;line-height:18px;border-left:1px solid #e1e1e1;border-bottom: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}
.priceTbl th, .priceTbl td {padding:11px 20px 11px }
.tipArea .tblH{margin-top:10px;border-top:1px solid #a0a5a9}
.tipArea .tblH th, .tipArea .tblH td{height:18px;padding:11px 5px 10px;color:#666}
.tblV th, .tblV td{height:22px;padding:20px 19px 17px;line-height:22px;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.tblV th {color:#333;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} */
.tblH, .tblV{width:100%;border-top:1px solid #d1d1d1;border-collapse:separate;font-size:14px}
.tblH th, .tblV th{font-weight:600}
.tblH th, .tblH td{height:41px;padding:7px 5px;line-height:1.6;border-left:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;text-align:center;letter-spacing:-.7px}
.tblH th {text-align:center;}
.tblH th:first-child, .tblH td:first-child{border-left:none}
.tblH thead th{border-bottom:1px solid #848484 !important;}/*DB저장된 데이터 불러오는경우 border-bottom:1px solid #fff; 하드코딩되는 경우가 있어 강제 적용시킴 - 민원건수공시 상세 같은 -*/
.tblH tbody th{background:none}
.tblH .cellLine, .tblV .cellLine{border-left:1px solid #d1d1d1 !important}
.tblH tfoot tr:first-child th, .tblH tfoot tr:first-child td{border-top:1px solid #848484}
.tblH tfoot th, .tblH tfoot td{font-weight:600;background:#f9fafc}
.tblH.crossLine tr.nth th, .tblH.crossLine tr.nth td{background:#f9fafc}
.tblH td.t_left{padding-left:10px}
.tblH .termWrap .calInp{text-align:left}
.priceTbl th, .priceTbl td {padding:11px 20px 11px }
.tipArea .tblH{margin-top:10px;border-top:1px solid #848484}
.tipArea .tblH th, .tipArea .tblH td{height:18px;padding:11px 5px 10px;color:#666}
.tblV th, .tblV td{height:22px;padding:17px 19px 16px;line-height:22px;border-left:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1}
.tblV th {text-align:left;}
.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}
.tblV tfoot th, .tblV tfoot td{font-weight:600;background:#f9fafc}
/*.tblH tr td, .tblV tr td {word-break:break-all !important} word-break https://tcard.kbcard.com/MKB/DVIEW/HMCMCXPRIMYC0002 | 02-10 박진수 - 주석달린 페이지에서 이상점을 못 발견 했습니다. 오케스트라에도 검색했는데 없어서 다시 주석 처리합니다. 카드상세 어드민 내용들 영향도로 삭제 */

/* 20220121 modify
https://tcard.kbcard.com/FNC/DVIEW/HFCMCXPRIFIS0020 */
.tblV_ty1 {border-top:0px;}

/* 2021.11.17 asis→tobe 개선 Form 테이블 */
.tblF {table-layout:fixed;word-wrap:break-word;word-break:break-all;width:100%;padding-bottom:16px;border-bottom:1px solid #d1d1d1;}
.tblF col[width="20%"] {width:184px;}
/* .tblF tr:first-child th {padding-top:12px;}
.tblF tr:first-child td {padding-top:0;} */
.tblF th {padding:32px 0 0px;text-align:left;color:rgba(0, 0, 0, 0.6);font-weight:400;vertical-align:top;}
.tblF th label {color:rgba(0, 0, 0, 0.6);font-weight:600;}
.tblF th .btn-txt {margin-left:24px;}
.tblF td {padding:22px 0 8px !important;}
.tblF td.tdInp,.tblF td.tdcard,.tblF td.tdCard{padding:21px 0 9px 0 !important;height:42px;vertical-align: top;}
.tblF td .box-chk {margin-top:0;}
.tblF td > .radList:first-child {margin-top:8px;}
.tblF td > p:first-child {margin-top:8px}
.tblF-txt tr:first-child th,.tblF-txt tr:first-child td {padding-top:8px;}
.tblF-txt th {padding:16px 0 0;}
.tblF-txt td {padding:16px 0 8px;}
.tblF + .txtInfo {display:block;margin-top:16px !important;}

/* 테이블 내 라디오/체크박스 & 행 비활성화 */
.tblV tr.disabled th,
.tblV tr.disabled td,
.tblV tr.disabled .formChk label,
.tblV tr.disabled .formRad label,
.tblH tr.disabled th,
.tblH tr.disabled td,
.tblH tr.disabled .formChk label,
.tblH tr.disabled .formRad label {color:rgba(0, 0, 0, 0.35);}
.tblV tr.disabled .formChk input[type=checkbox]:disabled,
.tblV tr.disabled .formChk input[type=checkbox]:disabled + label:before,
.tblV tr.disabled .formRad input[type=radio]:disabled,
.tblV tr.disabled .formRad input[type=radio]:disabled + label:before,
.tblH tr.disabled .formChk input[type=checkbox]:disabled,
.tblH tr.disabled .formChk input[type=checkbox]:disabled + label:before,
.tblH tr.disabled .formRad input[type=radio]:disabled,
.tblH tr.disabled .formRad input[type=radio]:disabled + label:before {opacity:0.35;}

/* radio관련 table css 추가 20170825 */
td.tdRad .formRad {margin-left:20px;}
td.tdRad .formRad:first-child {margin-left:0px;}

.tblS{border-right:1px solid #e1e1e1}
.tblS th, .tblS td{height:auto;padding:10px 5px;font-size:12px;line-height:13px}
.tblS th:first-child, .tblS td:first-child{border-left:1px solid #e1e1e1}
.tblS tbody th{padding-left:9px;text-align:left}
.tblS .layOver{padding:0}
.tblS .popLayS:after{content:'';display:block;position:absolute;top:0;right:0;width:8px;height:8px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_tri.png) no-repeat;z-index:1}
.popLayS{position:relative}
.popLayS > button{display:block;width:100%;height:100%;padding:10px 0 10px 9px;color:#614cc2;font-weight:600;font-size:12px;text-align:left;background:none}
/* .popLayS .layCont{display:none;position:absolute;bottom:34px;left:50%;width:250px;margin-left:-125px;padding:18px 20px;text-align:left;line-height:20px;border:5px solid #9198a8;background:#fff;z-index:10} */
.popLayS .layCont{display:none;position:absolute;bottom:34px;left:50%;width:250px;margin-left:-116px;padding:18px 20px;text-align:left;line-height:20px;border:5px solid #9198a8;background:#fff;z-index:10}
.popLayS .layCont.cont2{bottom:48px}
/* 2021.11.17 asis→tobe 개선
.popLayS .layCont, .popLayS .layCont *{font:12px/20px 나눔고딕, "NanumGothic", "NG" !important}*/
.popLayS .layCont, .popLayS .layCont *{font:12px/20px !important}
.popLayS .layCont:after{content:'';display:block;position:absolute;bottom:-15px;left:50%;width:10px;height:10px;margin-left:-5px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_tri.png) no-repeat 100% 0}
.popLayS > button:hover + .layCont, .popLayS > button:focus + .layCont{display:block}

.ness{display:inline-block;margin-left:7px;color:#e44b3a;font-weight:600}
.ness span{position:absolute;top:-9999px;left:-9999px;font:0/0 Arial}

/* tab */
/* 2021.11.17 asis→tobe 개선
.tabType1{position:relative;height:70px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_tab.gif) repeat-x 0 -10px}
.tabType1:after{content:'';clear:both;display:block;height:0;visibility:visible}
.tabType1 li{float:left;z-index:10;background:#fff}
.tabType1 li > a{position:relative;display:block;padding:14px 10px 15px;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5;text-align:center}
.tabType1 li > a > span{display:table-cell;width:400px;height:38px;margin:0 auto;font:600 14px/1.2 'KBFGText';vertical-align:middle}
.tabType1 li > a:hover{color:#666}
.tabType1 li.tabON > a:hover{color:#333}
.tabType1 li:first-child a{border-left:1px solid #e5e5e5}
.tabType1 li.tabON{z-index:100}
.tabType1 li.tabON > a{padding:15px 10px 15px 10px;border-color:#696969;border-width:2px;border-left:2px solid #696969}
.tabType1 li.tabON > a > span{color:#151515;font-size:16px}
*/
.tabType1{position:relative;}
.tabType1:before{content:"";display:block;position:absolute;width:100%;top:64px;border-bottom:1px solid rgba(0, 0, 0, 0.16);}
.tabType1:after{content:"";display:block;clear:both;overflow:hidden;visibility:hidden;}
.tabType1 > li{float:left;margin-right:16px;}
/* .tabType1 li > a{position:relative;display:block;text-align:center;line-height:1.45;padding:16px 8px 12px;}
.tabType1 li > a > span{font-size:1.33333rem;}
.tabType1 li:hover a,.tabType1 li.tabON a {padding:15px 8px 13px;border-bottom:3px solid rgba(0, 0, 0, 0.87);} */
.tabType1 > li::after{content:'';clear:both;display:block;}
/* 두줄대응 높이 css 고정형 */
.tabType1 > li > a{position:relative;display:block;text-align:center;padding:8px;}
.tabType1 > li > a:focus{outline: red solid 1px;}
.tabType1 > li > a > span{font-size:1.2rem;height:48px;display:table-cell;vertical-align:middle;line-height:1.25;}
.tabType1 > li:hover > a,.tabType1 > li.tabON > a {padding:8px 8px 5px;border-bottom:3px solid rgba(0, 0, 0, 0.87);}
.tabType1 > li:hover > a > span,.tabType1 li.tabON > a > span {font-weight:600;}

/* .tabType1.tabCol2 > li{width:auto}
.tabType1.tabCol3 > li{width:auto}
.tabType1.tabCol3 > li.tabON{width:auto}
.tabType1.tabCol4 > li{width:auto}
.tabType1.tabCol5 > li{width:auto}
.tabType1.tabCol6 > li{width:auto}
.tabType1.tabCol6 > li.tabON{width:auto}
.tabType1.tabCol7 > li{width:auto}
.tabType1.tabCol7 > li.tabON{width:auto} */
.tabType1.tabCol6 > li > a > span{font-size:1.06666rem;}
.tabType1.tabCol7 > li{margin-right:10px;}
.tabType1.tabCol7 > li > a > span{font-size:0.93333rem;}

/* wide content tab(col2) */
/* 2021.11.17 asis→tobe 개선
.contents.wide .tabType1.tabCol2 li > a > span {width:459px;}
.contents.wide .tabType1.tabCol2 li.tabON > a > span {width:456px;} */
.dep2ON{height:149px}
.dep2ON2{height:149px}

/* 2021.11.17 asis→tobe 개선
.tabDep2{position:relative;height:60px;margin-top:20px}
.tabDep2 li{float:left;position:relative}
.tabDep2 li:after{content:'';display:block;position:absolute;bottom:0px;left:0;width:100%;height:1px;background:#e5e5e5}
.tabDep2 li a{display:block;line-height:49px;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5;text-align:center}
.tabDep2 li:first-child a{border-left:1px solid #e5e5e5}
.tabDep2 li a span{display:block}
.tabDep2 li.tabON a{border:none;border-top:1px solid #6b727f;background:#6b727f}
.tabDep2 li:first-child.tabON a{border-left:none}
.tabDep2 li.tabON a span{color:#fff;font-size:14px}
.tabDep2 li.tabON:after{content:'';display:block;position:absolute;bottom:-10px;left:50%;margin-left:-10px;width:19px;height:10px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_tab.gif) no-repeat 0 0}
.tabDep2 li a:hover{color:#666}
.tabDep2 li.tabON a:hover{color:#fff}
.tabType1 li .tabDep2{position:absolute;top:70px;left:0;width:100%}
.tabType1 li .tabDep2 li{position:relative}
.tabType1 li .tabDep2 li a{padding:0}
.tabType1 li .tabDep2 li span{display:table-cell;width:400px;height:49px;text-align:center;vertical-align:middle}
.tabType1 li .tabDep2 li.tabON a{padding:0;border:none;border-top:1px solid #6b727f;background:#6b727f}
.tabType1 li .tabDep2 li.tabON a span{color:#fff;font-size:14px}
.tabType1 li .tabDep2 li.tabON:after{content:'';display:block;position:absolute;bottom:-10px;left:50%;margin-left:-10px;width:19px;height:10px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_tab.gif) no-repeat 0 0} */
.tabDep2 *{box-sizing:border-box;}
.tabDep2:after{content:'';clear:both;display:block;}
.tabDep2 li{float:left;/* 일단 가로 자동 width:calc(16.66666666667% - 20px); */ margin-right:16px;margin-top:16px;}
.tabDep2 li a{position:relative;display:block;text-align:center;line-height:1.45;min-height:48px;padding:12px 24px 10px;background:#fff;border:1px solid rgba(0, 0, 0, 0.16);border-radius:6px}
.tabDep2 li a span{font-size:1rem;}
.tabDep2 li a:hover,.tabDep2 li.tabON a{padding:11px 23px 9px;font-weight:600;border:2px solid rgba(0, 0, 0, 0.87);}   
.tabDep2 li a:hover span,.tabDep2 li.tabON a span {  font-weight:600;border-bottom:none;}
.tabDep2 li a:focus{outline: red solid 1px;outline-offset: -5px;}

.tabType1 li .tabDep2{position:absolute;width:100%;left:0;margin-top:0;}

/* 임시
.tabCol2 > li{width:50%}
.tabCol3 > li{width:33.33%}
.tabCol3 > li.tabON{width:33.34%}
.tabCol4 > li{width:25%}
.tabCol5 > li{width:20%}
.tabCol6 > li{width:16.6%}
.tabCol6 > li.tabON{width:17%}
.tabCol7 > li{width:14.2%}
.tabCol7 > li.tabON{width:14.8%} */

/* 2021.11.17 asis→tobe 개선
.tabType2{height:59px}
.tabType2:after{content:'';clear:both;display:block;width:100%;height:1px;background-color:#6b727f}
.tabType2 li{float:left;border-top:1px solid #ddd;border-right:1px solid #ddd;text-align:center}
.tabType2 li a{position:relative;display:table-cell;height:36px;padding:6px 19px 6px 19px;font:600 14px/18px 'KBFGText';text-align:center;vertical-align:middle}
.tabType2 li:first-child{border-left:1px solid #ddd}
.tabType2 li.tabON{position:relative;color:#fff;border-color:#6b727f;background:#6b727f}
.tabType2 li.tabON:after{content:'';display:block;position:absolute;bottom:-11px;left:50%;margin-left:-10px;width:19px;height:10px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_tab.gif) no-repeat}
.tabType2 li.tabON a{color:#fff} */
.tabType2{position:relative;margin-top:32px}
.tabType2:after{content:'';clear:both;display:block;}
.tabType2 li{float:left;position:relative;padding:0 20px;}
.tabType2 li:last-of-type {padding-right:0;}
.tabType2 li:first-of-type {padding-left:0;}
.tabType2 li a{display:block;height:24px;border:0;line-height:24px;color:rgba(0, 0, 0, 0.87);opacity:1;}
.tabType2 li::before {position:absolute;top:50%;left:0;width:1px;height:12px;margin-right:20px;background-color:rgba(0, 0, 0, 0.24);content:"";transform:translateY(-50%);}
.tabType2 li:first-of-type::before {content:none;}
.tabType2 li a,.tabType2 li a span{font-size:17px;}
.tabType2 li:hover a,.tabType2 li.tabON a{font-weight:600;border-bottom:1px solid rgba(0, 0, 0, 0.87) ;}

/* 2021.11.17 asis→tobe 개선
.tabType2.dep4{margin:0;border-color:#6c6c6c}
.tabType2.dep4 li{position:relative;z-index:1}
.tabType2.dep4 li a{font-weight:normal;background:#f9f9f9}
.tabType2.dep4 li.tabON{margin-left:-1px;border-left:1px solid #6c6c6c;z-index:10}
.tabType2.dep4 li.tabON:after{background:none}
.tabType2.dep4 li.tabON a{height:37px;color:#333;font-weight:600;background:#fff}
.tabType2.dep4 li:first-child.tabON{margin:0}
.tabMulti{overflow:visible;width:718px;border:1px solid #666;background:#ddd}
.tabMulti ul:after{content:'';clear:both;display:block;height:0;visibility:visible}
.tabMulti ul li{float:left;text-align:center;z-index:1}
.tabMulti ul li a{display:table-cell;width:450px;height:18px;margin-left:1px;padding:16px 0 15px;line-height:18px;border-right:1px solid #ddd !important;vertical-align:middle;background:#fff}
.tabMulti ul li.tabON a{position:relative;color:#333;font-size:16px;font-weight:600;background:#fc0;z-index:10}
.multiLine2 ul li a{height:40px;padding:11px 0;word-break:keep-all;}
.multiLine2 ul li.tabON a{line-height:20px} */
.tabType2.dep4 li{position:relative;margin:0;width:auto;}
.tabType2.dep4 li a{padding:0 16px;min-height:32px;margin:0 8px 16px 0;background:#eff2f7;border-radius:32px;font-size:0.93333rem;line-height:32px;color:rgba(0, 0, 0, 0.6);}
.tabType2.dep4 li a:before {margin-right:0;width:0;height:0;background:none;content:"";}
.tabType2.dep4 li:hover a,.tabType2.dep4 li.tabON a{background:#fff;border:0;box-shadow:0 0 0 2px rgba(0, 0, 0, 0.87) inset;color:rgba(0, 0, 0, 0.87);}

.tabMulti,.tabMulti *{box-sizing:border-box;}
.tabMulti{width:100%;max-width:960px;background:#fff}/*width:960px DEFC-0000002951 https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0076?mainCC=a&cooperationcode=09173&categoryCode=L0048&sGroupCode=1*/
.tabMulti ul{display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid #d7d7d7;border-radius:8px;}
.tabMulti ul li{position:relative;border-top:1px solid #d7d7d7;border-left:1px solid #d7d7d7;text-align:center;z-index:1;background-color:#fafafa;}
.tabMulti ul li:first-child,.tabMulti ul li:first-child a,
.tabMulti ul li.tabON:first-child:after{border-top-left-radius:8px;}
.tabMulti ul li:last-child,.tabMulti ul li:last-child a,
.tabMulti ul li.tabON:last-child:after{border-bottom-right-radius:8px;}
.tabMulti ul li a{display:block;padding:14px 4px;font-size:16px;line-height:20px;background-color:#fff;height:48px;}
.tabMulti ul li a:focus{outline: 1px dashed #272727; outline-offset: -5px;}
.tabMulti ul li.tabON a{font-weight:600;z-index:10}
.tabMulti ul li.tabON:after{content:'';display:block;position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);border:2px solid #272727;top:-2px;left:-2px;}/*top:-1px;left:-1px; https://tcard.kbcard.com/SVC/DVIEW/HSBMCXPRISVC0210 */
.tabMulti+div{margin-top:32px}
.tabMulti.multiLine2 ul li{display:table;height:69px;}
.tabMulti.multiLine2 ul li a{display:table-cell;vertical-align:middle;height:68px;word-break:keep-all;}
.tabMulti.multiLine3 ul li{display:table;height:89px;}
.tabMulti.multiLine3 ul li a{display:table-cell;vertical-align:middle;height:88px;word-break:keep-all;}


/* 211014_고객센터 추가 */
/* 2021.11.17 asis→tobe 개선
.tabType1.multiLine3 {height:80px; background:url(https://img1.kbcard.com/LT/images_r/common/bg_tab.gif) repeat-x 0 0;}
.tabType1.multiLine3 li > a > span {height:48px;font-size:13px;}
.tabType1.multiLine3 li.tabON > a > span {font-size:13px;} */
.tabType1.multiLine3 {height:80px;}
.tabType1.multiLine3 li > a > span {height:48px;font-size:13px;}
.tabType1.multiLine3 li.tabON > a > span {font-size:13px;}

.tabType1 .tabMulti{position:absolute;top:90px;left:0}
.tabType1 .tabMulti ul li a{border:none}
.tabType1 .tabMulti ul li.tabON a{padding-top:16px}

.tab3H{height:242px}

/* 2021.11.17 asis→tobe 개선
.tabMulti ul.tabCol5 li{width:143px}
.tabMulti ul.tabCol4 li{width:179px}
.tabMulti ul.tabCol3 li{width:239px}
.tabMulti ul.tabCol2 li{width:359px}
.tabMulti ul.tabCol5 li:nth-child(5n){width:146px}
.tabMulti ul.tabCol5 li:nth-child(5n) a{border-right:none !important}
.tabMulti ul.tabCol5 li+li+li+li+li+li{border-top:1px solid #ddd !important}
.tabMulti ul.tabCol4 li:nth-child(4n){width:181px}
.tabMulti ul.tabCol4 li:nth-child(4n) a{border-right:none !important}
.tabMulti ul.tabCol4 li+li+li+li+li a{border-top:1px solid #ddd !important}
.tabMulti ul.tabCol3 li:nth-child(3n){width:240px}
.tabMulti ul.tabCol3 li:nth-child(3n) a{border-right:none !important}
.tabMulti ul.tabCol3 li+li+li+li{border-top:1px solid #ddd !important}
.tabMulti ul.tabCol2 li:nth-child(2n) a{border-right:none !important}
.tabMulti ul.tabCol2 li+li+li{border-top:1px solid #ddd !important} */
.tabMulti ul.tabCol2 li{width:50%}
.tabMulti ul.tabCol3 li{width:33.33333%}
.tabMulti ul.tabCol3 li:nth-child(3n){width:33.33334%}
.tabMulti ul.tabCol4 li{width:25%}
.tabMulti ul.tabCol5 li{width:20%}
.tabMulti ul.tabCol2 li:nth-child(2n),
.tabMulti ul.tabCol3 li:nth-child(3n),
.tabMulti ul.tabCol4 li:nth-child(4n),
.tabMulti ul.tabCol5 li:nth-child(5n){border-right:1px solid #d7d7d7;}
/* .tabMulti ul.tabCol2 li:nth-child(2n+1):after,
.tabMulti ul.tabCol3 li:nth-child(3n+1):after,
.tabMulti ul.tabCol4 li:nth-child(4n+1):after,
.tabMulti ul.tabCol5 li:nth-child(5n+1):after{width:calc(100% - 3px);height:calc(100% - 3px);} https://tcard.kbcard.com/SVC/DVIEW/HSBMCXPRISVC0210 */
.tabMulti ul.tabCol2 li:nth-child(2),.tabMulti ul.tabCol2 li:nth-child(2) a,
.tabMulti ul.tabCol2 li:nth-child(2):after,
.tabMulti ul.tabCol3 li:nth-child(3),.tabMulti ul.tabCol3 li:nth-child(3) a,
.tabMulti ul.tabCol3 li:nth-child(3):after,
.tabMulti ul.tabCol4 li:nth-child(4),.tabMulti ul.tabCol4 li:nth-child(4) a,
.tabMulti ul.tabCol4 li:nth-child(4):after,
.tabMulti ul.tabCol5 li:nth-child(5),.tabMulti ul.tabCol5 li:nth-child(5) a,
.tabMulti ul.tabCol5 li:nth-child(5):after{border-top-right-radius:8px;}
.tabMulti ul.tabCol2 li:nth-last-child(2),.tabMulti ul.tabCol2 li:nth-last-child(2) a,
.tabMulti ul.tabCol2 li:nth-last-child(2):after,
.tabMulti ul.tabCol3 li:nth-last-child(3),.tabMulti ul.tabCol3 li:nth-last-child(3) a,
.tabMulti ul.tabCol3 li:nth-last-child(3):after,
.tabMulti ul.tabCol4 li:nth-last-child(4),.tabMulti ul.tabCol4 li:nth-last-child(4) a,
.tabMulti ul.tabCol4 li:nth-last-child(4):after,
.tabMulti ul.tabCol5 li:nth-last-child(5),.tabMulti ul.tabCol5 li:nth-last-child(5) a,
.tabMulti ul.tabCol5 li:nth-last-child(5):after{border-bottom-left-radius:8px;}

.tabType1 + .tabMulti{margin-top:20px}
.tabMulti+.serviceBox,.infoBox+.tabMulti{margin-top:32px}

.tabDep2.dbLine li{display:table;}
.tabDep2.dbLine li a{display:table-cell;vertical-align:middle;line-height:20px;height:49px;}

/* 200318_추가 */
/* .contents.wide .tabMulti {width:auto;}
.contents.wide .tabMulti ul:after{content:'';clear:both;display:block;height:0;visibility:visible}
.contents.wide .tabMulti ul li{float:left;text-align:center;z-index:1}
.contents.wide .tabMulti ul li a{display:table-cell;width:479px;height:18px;margin-left:1px;padding:16px 0 15px;line-height:18px;border-right:1px solid #ddd !important;vertical-align:middle;background:#fff}
.contents.wide .tabMulti ul li.tabON a{position:relative;color:#333;font-size:16px;font-weight:600;background:#fc0;z-index:10}
.contents.wide .multiLine2 ul li a{height:40px;padding:11px 0}
.contents.wide .multiLine2 ul li.tabON a{line-height:20px}
.contents.wide .tabMulti ul.tabCol5 li{width:191px}
.contents.wide .tabMulti ul.tabCol4 li{width:239px}
.contents.wide .tabMulti ul.tabCol3 li{width:319px}
.contents.wide .tabMulti ul.tabCol2 li{width:479px}
.contents.wide .tabMulti ul.tabCol5 li:nth-child(5n){width:194px}
.contents.wide .tabMulti ul.tabCol5 li:nth-child(5n) a{border-right:none !important}
.contents.wide .tabMulti ul.tabCol5 li+li+li+li+li+li{border-top:1px solid #ddd !important}
.contents.wide .tabMulti ul.tabCol4 li:nth-child(4n){width:241px}
.contents.wide .tabMulti ul.tabCol4 li:nth-child(4n) a{border-right:none !important}
.contents.wide .tabMulti ul.tabCol4 li+li+li+li+li{border-top:1px solid #ddd !important}
.contents.wide .tabMulti ul.tabCol3 li:nth-child(3n){width:320px}
.contents.wide .tabMulti ul.tabCol3 li:nth-child(3n) a{border-right:none !important}
.contents.wide .tabMulti ul.tabCol3 li+li+li+li{border-top:1px solid #ddd !important}
.contents.wide .tabMulti ul.tabCol2 li:nth-child(2n) a{border-right:none !important}
.contents.wide .tabMulti ul.tabCol2 li+li+li{border-top:1px solid #ddd !important} */
/* 200318_추가 */

/* 탭가이드추가 181206 */
.tabType04 {overflow:hidden; border:1px solid #666; background:#f0f0f0;}
.tabType04 > ul {overflow:hidden; margin:0 -1px;}
.tabType04 > ul li {float:left; width:160px; display:table; text-align:center;}
.tabType04 > ul li:nth-child(n+1):nth-child(-n+6) a {border-top:none;}
.tabType04 > ul li a {display:table-cell; height:60px; border-left:1px solid #eee; border-top:1px solid #eee; text-align:center; background:#fff; line-height:20px; vertical-align:middle;}
.tabType04 > ul li.tabOn a {font-weight:600; background:#707684; color:#fff;}

/* step */
/* 2021.11.17 asis→tobe 개선
.stepType{padding:20px 0 25px;border:1px solid #e0e0e0;text-align:center}
.stepType strong:before{border-color:#614cc2;background:#614cc2 url(../img/common/bg_step.png) no-repeat 6px 6px}
.stepType strong span{position:absolute;top:-9999px;left:-9999px;font:0/0 Arial}
.stepType strong:after,.stepType span:after{content:'';display:block;position:absolute;top:15px;left:-93px;width:186px;height:4px;border-radius:4px;background:#e2e2e2}
.stepType strong:after, .stepType .stepPrev:after{background:#614cc2}
.stepType .step01:after{display:none}
.stepType .stepPrev:before{content:'' !important;border-color:#614cc2;background:#fff url(../img/common/bg_step.png) no-repeat -37px 7px} */
.stepType{padding:20px 0 25px;border:1px solid #e0e0e0;text-align:center;border-radius:12px;}
.stepType .inner{position:relative;display:block;margin:0 auto}
.stepType .inner:after{content:'';clear:both;display:block;visibility:visible}
.stepType strong, .stepType span{position:relative;float:left;width:33.33%;padding:48px 0 0 0;font-weight:600}
.stepType strong:before, .stepType span:before{content:'';display:block;position:absolute;top:0;left:50%;width:28px;height:28px;margin-left:-17px;font-size:18px;line-height:30px;border:3px solid #e1e1e1;border-radius:40px;text-align:center}/*line-height:28px - DEFC-0000002293*/
.stepType span.step02:before{content:'2'}
.stepType span.step03:before{content:'3'}
.stepType span.step04:before{content:'4'}
.stepType span.step05:before{content:'5'}
.stepType span.step06:before{content:'6'}/*210709*/
.stepType strong{color:#333}
.stepType strong:before{border-color:#666;background:url(https://img1.kbcard.com/home_re/asis/bg_step.png) no-repeat 6px 6px #666}
.stepType strong span{position:absolute;top:-9999px;left:-9999px;font:0/0 Arial}
.stepType strong:after,.stepType span:after{content:'';display:block;position:absolute;top:15px;left:-93px;width:186px;height:4px;border-radius:4px;background:#e2e2e2}
.stepType strong:after, .stepType .stepPrev:after{background-color:#666}
.stepType .step01:after{display:none}
.stepType .stepPrev:before{content:'' !important;border-color:#666;background:#fff url(https://img1.kbcard.com/home_re/asis/bg_step.png) no-repeat -37px 7px}
.stepType.stepCol2 strong, .stepType.stepCol2 span{width:50%}
.stepType.stepCol2 strong:after,.stepType.stepCol2 span:after{left:-152px;width:304px}
.stepType.stepCol4 strong, .stepType.stepCol4 span{width:25%}
.stepType.stepCol4 strong:after,.stepType.stepCol4 span:after{left:-63px;width:126px}
.stepType.stepCol5 strong, .stepType.stepCol5 span{width:20%}
.stepType.stepCol5 strong:after,.stepType.stepCol5 span:after{left:-45px;width:90px}

/*210709 :중고차_다이렉트 적합성도입*/
.stepType.stepCol6 strong, .stepType.stepCol6 span{width:16.66%;}
.stepType.stepCol6 strong:after,.stepType.stepCol6 span:after{left:-45px;width:90px;}

/* 2021.11.17 asis→tobe 개선
.tabType1 + .stepType{padding-top:30px;border-top:none}
.tabType1.dep2ON2 + .stepType{margin-top:-10px;border-top:none} */
.tabType1 + .stepType{margin-top:32px;padding-top:30px;}
.tabType1.dep2ON2 + .stepType{margin-top:32px;}

/* form */
/* 2021.11.17 asis→tobe 개선
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} */
input[type='text'],
input[type='password'],
input[type='number'],
input[type='email'],
input[type='search'],
input[type='tel'] {
  position:relative;
  z-index:1;
  height:39px;
  /* height:38px; *//* <- 박진수 버튼높이 40에 맞춤 */
  padding:0 12px;
  font-weight:400;
  outline:0;
  border-bottom:1px solid rgba(0, 0, 0, 0.24);
  /* border:1px solid rgba(0, 0, 0, 0.24); */
  border-radius:0;
  vertical-align:middle;
}
input[type='text'],
input[type='password'],
input[type='number'],
input[type='email'],
input[type='search'],
input[type='tel'] {
  font-size:1rem;
}
input[type='text']:focus,
input[type='password']:focus,
input[type='number']:focus,
input[type='email']:focus,
input[type='search']:focus,
input[type='tel']:focus {
  border-color:#000;
  /* border-color:rgba(0,0,0,.87); */
}
input[type='text']:disabled,
input[type='password']:disabled,
input[type='number']:disabled,
input[type='email']:disabled,
input[type='search']:disabled,
input[type='tel']:disabled {
  opacity:0.6;
  background:rgba(0, 0, 0, 0.02);
}
.inpFile>.kbBtn.btnS{min-width:auto;padding:0 16px;}/* 2021.11.17 asis→tobe 개선 파일찾기버튼 */

input[type=text].t_right{padding-right:1px\9}
input[type=text]:focus.t_right{padding-right:0\9}

.phoneWrap *{vertical-align:middle}
.hyphen{display:inline-block;padding:0 2px;font-size:20px;line-height:40px}
.phoneWrap input[type="text"]{width:40px;margin:0 2px;text-align:center;}
.addrArea *{vertical-align:top !important}
.addrArea .zipcode{width:58px;margin-bottom:10px;text-align:center}
.addrArea .kbBtn{margin-left:10px}
.addr1{width:211px}
.addr2{width:300px;margin-left:10px}
/* 2021.11.17 asis→tobe 개선 
.phoneWrap .hyphen {padding:0} */
.formChk, .formRad{position:relative;display:inline-block;line-height:20px;z-index:0;vertical-align:top}/* https://rcard.kbcard.com/MKB/DVIEW/HMEMCXPRIMYS0062 제 3청구지 정보 초기화 버튼 위치 */
.formChk{width:20px;min-height:20px}
.formChk label {min-height:20px;padding-left:20px !important;}/* 결함 6722, height 재 지정 for 접근성 */
/* 2021.11.17 asis→tobe 개선 
.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 input[type=checkbox], .formRad input[type=radio]{position:absolute;top:1px;left:1px;width:18px;height:18px;margin:0;padding:0;z-index:1;opacity:0;}
.formChk label, .formRad label{display:block;padding-left:28px;cursor:pointer}
.formChk label:before, .formRad label:before{position:absolute;top:0;left:0;z-index:2;display:inline-block;content:'';width:20px;height:20px;background-repeat:no-repeat;background-size:100% auto;}
.formChk label:before{width:20px;height:20px;background-image: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-off.png");}
.formChk input[type=checkbox]:checked + label:before, .formChk input[type=checkbox]:checked + span:before{background-image: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-on.png");}
.formChk input[type=checkbox]:disabled + label, .formRad input[type=radio]:disabled + label{cursor:default}
.formChk input[type=checkbox]:disabled + label:before{background-image: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-disabled.png");}
.formChk input[type=checkbox]:disabled:checked + label:before, 
.formChk input[type=checkbox]:checked:disabled + span:before{background-image: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-disabled-checked.png");}

.formChk.chkBack{display:block}
.formChk.chkTxt.chkBack label{padding:0 !important;}
.formChk.chkBack label:before{position:absolute;top:50%;left:auto;right:0;margin-top:-10px;padding:0}
.formChk.chkBack input[type=checkbox]:checked:disabled + label:before{background-image: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-on.png");opacity: 0.3;}
.formChk.chkBack input[type=checkbox]{left:auto;right:1px}

.formChk.chkTxt{width:auto}/* 박진수 - 전체정도 가운데 정렬 si쪽에서 다른 부분에서 상단 pading을 삭제하고 잡아서 똑같이 잡습니다. */ 
.formChk.chkTxt label {padding-left:28px !important;}/* height:20px*/
/* 접근성관련 CSS추가 */
.formChk input[type=checkbox]:focus + label {outline:1px dotted #666}
.formRad{width:19px;min-height:19px;line-height:19px}
.formRad input[type=radio]{top:0;left:0;width:19px;height:19px}
.formRad label{overflow:hidden;width:20px;min-height:20px;padding-left:0;color:transparent;text-indent:-999px;}
.formRad input[type=radio]:focus ~ label { outline: -webkit-focus-ring-color auto 5px; }/* 2022-01-20 접근성관련 CSS추가 */
/* 2021.11.17 asis→tobe 개선 
.formRad label:before{width:19px;height:19px;background-position:0 0} */
.formRad label:before{width:20px;height:20px;background-image: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-radio-off.png");}
.formRad input[type=radio]:checked + label:before{background-image: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-radio-on.png");}
.formRad input:disabled{background:none}
.formRad input[type=radio]:disabled + label:before{background-image: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-radio-disabled.png");}
.formRad input[type=radio]:disabled:checked + label:before{background-image: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-radio-disabled-checked.png");}
.formRad.radTxt{width:auto}
.formRad.radTxt label{width:auto;padding-left:28px;text-indent:0;color:inherit;word-break: break-all;}/* 2022-01-24 익스결함건 수정 */

/* 20220120 최상림, 라디오 체크 내부에 있는 텍스트인풋 잘림 현상 수정, https://tcard.kbcard.com/SVC/DVIEW/HSCMCXPRISVS0057?mainCC=b */
.visibleFormInput .radTerm2 input[type="text"]{margin-top:0;vertical-align:middle;}
.visibleFormInput .radTerm2 .formRad input[type=radio]{top:8px;}
.visibleFormInput .radTerm2 .formRad label:before{top:8px;}

.selectbox *{box-sizing:border-box;}
.selectbox{position:relative;display:inline-block;min-width:65px;height:42px;text-align:left;z-index:99;vertical-align:middle}
.selectbox select{height:40px;padding-left:14px}
.selectbox .scroll-pane{width:100%!important}
.selectbox + .selectbox {margin-left:12px;}
.select {position:relative}
.selectbox .select.disabled{opacity:0.6;background:rgba(0, 0, 0, 0.02);}
.selectbox .select.disabled .tit{ cursor:default}
.selectbox .select.disabled .tit:hover {border:1px solid rgba(0, 0, 0, 0.24);}
.selectbox .tit {display:block;color:rgba(0, 0, 0, 0.6);border-bottom:1px solid rgba(0, 0, 0, 0.24);border-radius:0;background:#fff;font-size:1rem;font-weight:400;}
.selectbox .tit:hover {border-color:rgba(0, 0, 0, 0.87);color:rgba(0, 0, 0, 0.87)}
.selectbox .tit > span{display:block;padding:0 30px 0 2px;height:40px;line-height:40px;}
.selectbox .tit > span:after{content:'';display:block;position:absolute;top:18px;right:2px;width:10px;height:6px;background:url(https://img1.kbcard.com/home_re/asis/bg_form.png) no-repeat 0 -51px}
.selectbox .tit.on > span:after{transform:rotate(-180deg);}
.selectbox a.tit > span span, .selectbox span.tit > span{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}
.selectbox .maskDiv_wddo{width:100% !important;margin-top:5px;border:1px solid rgba(0, 0, 0, 0.87);border-radius:5px;background-color:#fff;}
.selectbox .overcon{display:none;width: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;}
.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;font-weight:600}
.selectbox+.btnS,input[type='text']+.btnS{margin-left:5px}
.selectbox+.kbBtn.btnS{height:42px}

.jspContainer{overflow:hidden;position:relative;width: 100%!important;}
.jspPane{overflow:hidden;position:absolute;width: 100% !important;}
/* 2021.11.17 asis→tobe 개선
.jspVerticalBar{position:absolute;top:5px;right:5px;width:15px;height:100%;border-radius:15px} */
.jspVerticalBar{position:absolute;top:5px;right:5px;width:10px;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}
.attachTextarea {display:block;padding:10px 15px;letter-spacing:-0.1px;border:1px solid #c2c2c2;border-radius:5px;overflow:auto;resize:vertical;}

/* 2021.11.17 asis→tobe 개선
.termWrap{position:relative;display:inline-block;z-index:99}
.termWrap:after{content:'';clear:both;display:block;font:0/0 Arial;visibility:visible}
.termWrap .calInp{position:relative;float:left;width:138px;height:38px;border:1px solid #c2c2c2;border-radius:5px}
.termWrap .calInp input[type="text"]{width:89px;padding:5px 0 5px 15px;border:none}
.termWrap .calInp .icoCal{position:absolute;top:1px;right:0;text-indent:-9999px;width:34px;height:38px;padding:0;margin:0;background:url(https://img1.kbcard.com/LT/images_r/common/bg_calendar.png) no-repeat -111px 10px}
.termWrap .calInp.focus{width:136px;height:36px;border:2px solid #ffde02}
.termWrap .calInp.focus .icoCal{top:0;right:-1px;background-position:8px 10px}
.termWrap .calInp.focus input[type="text"]{padding:4px 0 4px 14px}
.termWrap span{display:block;float:left;width:26px;line-height:40px;text-align:center} */
.termWrap{position:relative;display:inline-block;z-index:99;vertical-align:middle}/* https://tcard.kbcard.com/CMN/DVIEW/HSEMCXCRSCTC0041 박진수 - 날짜와 버튼이 안맞는 현상 수정 */
.termWrap:after{content:'';clear:both;display:block;font:0/0 Arial;visibility:visible}
/* .termWrap .calInp{position:relative;float:left;width:138px;height:38px; border-bottom:1px solid rgba(0, 0, 0, 0.24);background-color:#fff; } */
.termWrap .calInp{position:relative;float:left;width:138px;height:38px; background-color:#fff; }
.termWrap .calInp input[type="text"]{width:113px;height:38px;}
.termWrap .calInp .icoCal{position:absolute;top:1px;right:0;text-indent:-9999px;width:34px;height:38px;padding:0;margin:0;background:url(https://img1.kbcard.com/home_re/asis/bg_calendar.png) no-repeat -110px 10px;z-index:2;}
.termWrap .calInp.focus .icoCal{right:-1px;background-position:8px 10px}
.termWrap span{display:block;float:left;width:26px;line-height:40px;text-align:center}

.termWrap .calInp .calendar{display:none;position:absolute;top:43px;left:-2px;width:220px;padding-bottom:9px;border:1px solid #707684;border-radius:5px;background:#fff}
.termWrap .calInp .calendar .selectTerm{height:39px;text-align:center;background:#707684}
.termWrap .calInp .calendar .selectTerm button, .termWrap .calInp .calendar .selectTerm em{display:inline-block;margin-top:8px}
.termWrap .calInp .calendar .selectTerm button{text-indent:-9999px;width:20px;height:22px;padding:0;margin:0;background:url(https://img1.kbcard.com/home_re/asis/bg_calendar.png) no-repeat -27px 5px}
.termWrap .calInp .calendar .selectTerm button.prev{background-position:-47px 5px}
.termWrap .calInp .calendar .selectTerm button.next{background-position:-69px 5px}
.termWrap .calInp .calendar .selectTerm button.last{background-position:-89px 5px}
.termWrap .calInp .calendar .selectTerm em{width:108px;color:#fff;line-height:22px}
.termWrap .calInp .calendar table{width:220px}
.termWrap .calInp .calendar table th, .termWrap .calInp .calendar table td{width:30px;height:28px;padding:0;border:none;text-align:center}
.termWrap .calInp .calendar table td{height:26px}
.termWrap .calInp .calendar table th{background:#e9eaef}
.termWrap .calInp .calendar table .sun{padding-left:5px}
.termWrap .calInp .calendar table .sat{padding-right:5px}
.termWrap .calInp .calendar table .sat,.termWrap .calInp .calendar table .sat button{color:#614cc2}
.termWrap .calInp .calendar table .sun,.termWrap .calInp .calendar table .sun button{color:#e44b3a}
.termWrap .calInp .calendar table button{width:30px;height:26px;line-height:25px;background:#fff}
.termWrap .calInp .calendar table .today button{color:#333;font-weight:600;text-decoration:underline;background:#fc0}
.termWrap .calInp .calendar table tbody tr:first-child td{padding-top:3px}
.termWrap .calInp .calendar .btns{margin-top:6px;text-align:center}
.termWrap .calInp .calendar .btns .kbBtn{margin:0 5px}

/* 조회기간 입력관련 버튼정렬 CSS 추가 */
.termAlign:after {content:""; clear:both; display:block;}
.termAlign .termWrap,
.termAlign .termBtns {float:left;}
.termAlign .termBtns {margin-left:30px; margin-top:8px;}

.inpSearch *{vertical-align:top}
.inpSearch input[type="text"]{width:190px}
.inpSearch .kbBtn{min-width:64px;margin-left:6px}

.inpFile{overflow:hidden;position:relative;display:inline-block}
.inpFile .kbBtn{margin-left:5px;vertical-align:top}
.inpFile input[type="file"]{position:absolute;top:0;right:0;width:74px;height:40px;opacity:0;filter:alpha(opacity=0);cursor:pointer}

/* list */
.listType1 > li, .withDrawList {
  position: relative;
  padding: 0 0 10px 12px;
  line-height: 24px;
}
.listType1 > li:before, .withDrawList:before  {
  content: "\2012";
  position: absolute;
  left: 0;
  top: -2px;
}
.listType1 > li .btnLink{margin-top:6px}
.listNum1 li{position:relative;padding:0 0 5px 18px;line-height:1.45;background:none;}
.listNum1 li span{position:absolute;top:0;left:0}
.listNum2{padding-left:19px}
.listNum2 li{list-style:decimal;padding-bottom:8px;line-height:22px}
.listType1 li .listNum1{margin-top:18px}
.listType2 > li{padding:0 0 7px 10px; color:#333; line-height:1.6; position:relative;}
.listType2 > li:before {width:3px; height:3px; border-radius:50%; background-color:currentColor; content:""; position:absolute; left:0; top:10px;}
.listType2 li .btnLink2{margin:5px 0 13px}
.boxType2 .listType2{margin:25px 30px 19px 30px}
.boxType2 .date {margin-bottom:14px; font-weight:600; color:#333;}
.listType3 li, .txtStar{padding:0 0 4px 8px;font-size:12px;line-height:1.5;background:url(https://img1.kbcard.com/LT/images_r/common/bult_star.gif) no-repeat 0 7px}
.txtStar{margin-top:3px;padding-bottom:0;color:#333}
.listType5 li, .txtStar02 {padding:0 0 4px 9px; font-size:12px;line-height:1.5;background:url(https://img1.kbcard.com/LT/images_r/common/bult_star02.png) no-repeat 0 1px}
.txtStar02{padding:0 0 0 9px;}
.listType1 li .tblH +.listType3{margin:7px 0 0 0}
.listType1 li .listType3{margin-top:5px}
.listType1 li{word-break: keep-all;} /* 안내사항 줄바꿈 */
/* 20220121 modify 
https://tcard.kbcard.com/BON/DVIEW/HBAMCXPRISVS0001 */
.listType1_ty1 li {background: url(https://img1.kbcard.com/LT/images_r/common/bult_sq01.gif) no-repeat 0 13px !important; }
/* 별 블릿 신규 */
.txtStar02{padding:0 0 0 9px;font-size:12px;line-height:1.5;background:url(https://img1.kbcard.com/LT/images_r/common/bult_star02.png) no-repeat 0 1px}
/* 2021.11.17 asis→tobe 개선
.txtInfo{position:relative;padding-left:20px;font-size:12px !important;line-height:18px}
.txtInfo:before{content:'';display:block;position:absolute;top:1px;left:0;width:16px;height:16px;background:url(https://img1.kbcard.com/home_re/asis/bg_icon.png) no-repeat} */
/* .txtInfo{position:relative;padding-left:20px;font-size:12px !important;line-height:21px}
.txtInfo:before{content:'';display:block;position:absolute;top:2px;left:0;width:16px;height:16px;background:url(https://img1.kbcard.com/home_re/asis/bg_icon.png) no-repeat}
span.txtInfo:before{top:-2px} 일단 이미지 삭제 */
.txtInfo{position:relative;margin:2px 0;padding-left: 7px;font-size:12px !important;line-height:21px}
.txtInfo:before{content:'';display:block;position:absolute;top: 8px;left: 0;width: 2px;height: 2px;background-color: currentColor;border-radius: 50%;}

.txtInfo *{font-size:12px !important;vertical-align:top}
.txtInfo.td_r{display:inline-block;margin-left:20px}
.txtInfo.td_b{margin-top:8px}
.txtInfo.td_i{display:inline-block}
/* 2021.11.17 asis→tobe 개선 
span.txtInfo:before{top:0} */
.txtInfo .kbBtn{margin-top:-5px}
.tblH .colPoint4, .tblV .colPoint4{display:inline-block;vertical-align:super}
.txtInfo .colPoint4, .txtInfo [class*="annotation"]{display:inline-block;margin-top:-3px;vertical-align:top}

.tipArea .titTip{position:relative;padding:2px 0 0 54px;color:#333;font-size:16px;font-weight:600;line-height:48px;border-bottom:1px solid #e1e1e1;text-transform:uppercase}
.tipArea .titTip:before{content:'';display:block;position:absolute;top:17px;left:30px;width:14px;height:19px;background:url(https://img1.kbcard.com/home_re/asis/bg_icon.png) no-repeat -20px 0}
.tipArea .listType1, .tipArea .listNum1{padding:26px 30px 16px 30px}
.tipArea table .listType1, .tipArea table .listNum1{padding:0}
.tipArea .titTip2{margin:0 30px 17px 30px;color:#333;font-weight:600;line-height:1}
.titTip + .titTip2{margin-top:29px}
.tipArea .titTip2 + .listType1{padding-top:0}
.tipTxt{padding:0;line-height:22px}

.listType4 li{margin-bottom:20px}

/* .tblV .listType1 li, .tblH .listType1 li{padding:2px 0 2px 10px;background-position:0 10px} */
.tblH .lineNone, .tblV .lineNone {border-left:none}

.listDep2 li{position:relative;padding:0 0 2px 15px;line-height:22px;vertical-align:middle;background:none}
.listDep2 li:before{content:'▷';display:block;position:absolute;top:1px;left:0;font-size:10px}
.listDep3 li{padding:0 0 12px 8px;background:url(https://img1.kbcard.com/LT/images_r/common/bult_sq03.gif) no-repeat 0 8px}
.listDep3 li:before{display:none}

.listType1 li .listDep2, .listType1 li .listDep3{margin-top:7px}
.listType1 li .listDep3 li{background-position:0 11px}
.listType1 li .listNum1{margin-top:5px}
.listType1 li .listNum1 li{padding-bottom:0}
.listDep2 li .listNum1{margin:2px 0 5px}
.listDep2 li .listNum1 li:before{display:none}

/* box */
/* 2021.11.17 asis→tobe 개선
.boxType1{border:1px solid #e1e1e1} */
.boxType1{border:1px solid rgba(0, 0, 0, 0.16);border-radius:12px;}
.boxType1 + .boxType1{margin-top:8px; border-top:1px solid rgba(0,0,0,.16) !important;}
.txtGuide01{padding:20px 30px 19px;line-height:1.6}
.txtGuide01 *{vertical-align:top}
/* 2021.11.17 asis→tobe 개선
.fileDown{padding:15px 30px 15px;line-height:26px} */
.fileDown{padding:15px 30px 15px;line-height:32px}
.fileDown:after{content:'';display:block;height:0;clear:both}
.fileDown .kbBtn{float:right}
.fileDown *{vertical-align:middle}
.boxType1 .titTxt {padding:22px 30px 21px; line-height:1.5; font-weight:600; font-size:18px; color:#333;}
.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/LT/images_r/personal/finance/bg_folding_arrow.png) no-repeat -24px 0;}
.folding.open .titTxt:after { background:url(https://img1.kbcard.com/LT/images_r/personal/finance/bg_folding_arrow.png) no-repeat 0 0; } 
.folding .subTxt {margin-top:5px; font-weight:normal;}
.folding .txtGuide01 { display:none; border-top:1px solid #e1e1e1; } 
.folding.open .txtGuide01 { display:block; }

/* 2021.11.17 asis→tobe 개선
.boxType2{border:5px solid #9199a9}
.boxType3{border-radius:5px;background:#f7f8f8}*/
.boxType2{border-radius:12px;background-color:#f9fafc;border:1px solid #f9fafc}
.boxType3{border-radius:5px;background:none}
.boxType3 .listNum2{padding:20px 20px 15px 20px;margin-left:20px}

.boxGray {padding:32px 40px; background:#ebebeb;}
.boxGray .inner {display:table; width:100%;}
.boxGray .inner .img {display:table-cell; width:64px; height:64px; padding:0 20px 0 0; vertical-align:middle;}
.boxGray .inner .img img {display:block;}
.boxGray .inner .txt {display:table-cell; color:#333; font-size:16px; line-height:1.5; vertical-align:middle;}

.withdrawBox{overflow:auto;height:242px;padding:30px;line-height:22px;border:1px solid #e1e1e1;background:#f5f5f5}
.withdrawBox .tit{display:block;margin-bottom:25px}
.withdrawBox .listType4 li > strong{margin-bottom:20px}
[class*="withdrawBox"] .terms dt{margin-top:30px;padding-top:0}
[class*="withdrawBox"] .terms dt:first-child{margin-top:0;padding-top:0}
[class*="withdrawBox"] .terms .termsDep1{font-size:16px}
[class*="withdrawBox"] .terms dd{padding-top:14px;color:#666}
[class*="withdrawBox"] .termsList01,.layContents .termsList02{padding-left:0}
[class*="withdrawBox"] .termsList02 li{padding-top:10px}
[class*="withdrawBox"] .terms dd > dl{margin:0}
[class*="withdrawBox"] .terms dd > dl > dt,.layContents .terms dd > dl > dt:first-child{padding:0 0 3px;margin:0;margin-top:30px}
[class*="withdrawBox"] .terms dd .termsList02:first-child{padding-top:0;}
[class*="withdrawBox"] .terms dd .termsList02:first-child li:first-child{padding-top:0;}
[class*="withdrawBox"] .terms .txtInfo{margin-left:10px}

.txtWithdraw{margin-bottom:25px;line-height:22px}
/* 2021.11.17 asis→tobe 개선
.withdrawCont{position:relative;border:1px solid #e1e1e1;background:#f9f9f9} */
.withdrawCont{position:relative;border:1px solid rgba(0, 0, 0, 0.16);background:#f9f9f9;overflow:hidden;}
.withdrawCont:first-of-type{border-top-left-radius:12px;border-top-right-radius:12px}
.withdrawCont:last-of-type,
.withdrawCont:last-of-type .withdrawBox2{border-bottom-left-radius:12px;border-bottom-right-radius:12px;} /* 박진수 - ie 스크롤 랜더링 오류로 선택자 추가 */
.withdrawCont .titWith{display:table-cell;height:48px;padding:11px 20px 9px;color:#333;font-size:16px;font-weight:600;vertical-align:middle;line-height:24px}
.withdrawCont .agreeRad{position:absolute;top:0;right:0;z-index:10;background:#f9f9f9}
.withdrawCont .agreeRad .formRad{float:left;padding:24px 28px 24px;border-left:1px solid #e1e1e1}
.withdrawCont .agreeRad .formRad label:before{top:24px;left:30px}
.withdrawCont .agreeRad .formRad input[type=radio]{top:24px;left:30px}
.withdrawCont .agreeRad.radOFF{background:#fff}
.withdrawCont .agreeRad.radOFF input[type=radio]:checked + label{background:#f9f9f9}
.withdrawBox2{overflow:auto;max-height:160px;padding:27px 30px;border:none;border-top:1px solid #e1e1e1;background:#fff}
.withdrawBox2 .listType1 li:last-child{padding-bottom:0}
.withdrawWrap.toggle .withdrawCont{border-top:none}
.withdrawWrap.toggle .withdrawCont:first-child{border-top:1px solid #e1e1e1}
.withdrawWrap.toggle .withdrawCont .titWith{position:relative;padding-left:80px;z-index:1}
.withdrawWrap.toggle .withdrawCont .titWith:focus:after{content:'';display: block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid red;box-sizing:border-box;}
.withdrawWrap.toggle .withdrawCont .titWith:before{content:'';display:block;position:absolute;top:0;left:0;width:59px;min-height:68px;border-right:1px solid #e1e1e1;background:url(https://img1.kbcard.com/LT/images_r/common/bg_toggle.gif) no-repeat 22px center}/*https://tcard.kbcard.com/MKB/DVIEW/HMFMCXPRISVS0013?mainCC=a*/
/* 01/19 height:100%; https://tcard.kbcard.com/BON/DVIEW/HBAMCXPRISVSD0002 */
.withdrawWrap.toggle .withdrawCont.open .titWith:before{background-position:-32px center}/*https://tcard.kbcard.com/MKB/DVIEW/HMFMCXPRISVS0013?mainCC=a*/
.withdrawWrap.toggle .withdrawCont .withdrawBox2{display:none}
.withdrawWrap.toggle .withdrawCont.open .withdrawBox2{display:block}
.withdrawWrap.toggle .termsList {padding:0 23px 0 0;}
.withdrawWrap.toggle .termsList li {position:relative; min-height:26px; margin-top:18px; padding:0 0 0 0; line-height:26px;}
.withdrawWrap.toggle .termsList li:first-child {margin-top:0;}
.withdrawWrap.toggle .termsList .btnXS {position:absolute; top:-3px; right:95px;}
.withdrawWrap.toggle .termsList .formChk,
.withdrawWrap.toggle .termsList .formRad {position:absolute; top:3px; right:0;}
/* 2021.11.17 asis→tobe 개선 
.withdrawWrap .withdrawCont .kbBtn{position:absolute;top:17px;right:260px;z-index:100} */
.withdrawWrap .withdrawCont .kbBtn{position:absolute;top:16px;right:260px;z-index:100}
.withdrawWrap.agreeOne .withdrawCont{border-top:none}
.withdrawWrap.agreeOne .withdrawCont:first-child{border-top:1px solid #e1e1e1}
.withdrawWrap.agreeOne .withdrawCont .agreeRad{width:auto}
.withdrawWrap.agreeOne .withdrawCont .kbBtn{right:136px}

/* 개인(신용)정보 수집·이용 동의 영역 추가(TD 안에 들어갈 경우) 181123 */
.withdrawChk .withdrawCont .titWith {font-size:14px;padding:0 20px;}
.withdrawChk .withdrawCont .agreeRad.radOFF label {padding:10px 22px 10px 48px;}
.withdrawChk .withdrawCont .agreeRad .formRad input[type=radio],
.withdrawChk .withdrawCont .agreeRad .formRad label:before {top:10px;left:20px;}
.withdrawChk .withdrawWrap.agreeOne .withdrawCont .kbBtn {top:7px;right:118px;}
.withdrawWrap.agreeOne+.withdrawWrap.agreeOne{margin-top:20px;} 

.endBox{margin:24px 30px 26px;}
.endBox .titTxt{display:block;margin-bottom:14px;font-weight:600;font-size:18px;color:#333;line-height:28px}
.wide .endBox .titTxt{font-size:20px;}
.endBox p{line-height:1.5}

.txtBox1{padding:15px 30px;background:#f9f9f9;border:1px solid #e1e1e1}
/* 2021.11.17 asis→tobe 개선
.txtBox1_bdr {padding:15px 30px; border:1px solid #e1e1e1; border-top:0; background:#f9f9f9; font-weight:600; line-height:23px;} */
.txtBox1_bdr{padding:15px 30px;background:#f9f9f9;font-weight:600; line-height:23px;border:1px solid rgba(0, 0, 0, 0.16);border-radius:12px;}
.boxType1+.txtBox1_bdr{margin-top:30px}

/* 2021.11.17 asis→tobe 개선
.infoBox{padding-left:50px} */
.infoBox{padding-left:50px;background-color:#eff2f7 !important;border-radius:12px}
.infoBox .inner{min-height:120px;padding:47px 50px 50px 197px;background-position:0 50%;background-repeat:no-repeat;box-sizing:border-box;}
.infoBox .tit{font-size:24px;color:#333}
.infoBox .tit strong{display:block;font-size:30px;line-height:40px;letter-spacing:-1px}
.infoBox .txtType1{padding-top:15px;line-height:22px}
.infoBox .txtType1 strong{color:#333}
.infoBox .txtType1+.txtType1{padding-top:10px}
.infoBox .btnSpe {padding:1px 26px 0 14px}
.infoBox .kbBtn {font-weight:600;}
.infoBox+.tabMulti{margin-top:32px;}

/* 2021.11.17 asis→tobe 개선
.serviceBox{position:relative;min-height:95px;padding:55px 0 30px 220px;color:#333;background-color:#e0ecf6}
.serviceBox .serLogo{position:absolute;top:50%;left:50px;border-radius:120px;background-color:#fff; transform:translateY(-50%);}
.serviceBox .tit{display:block;margin-bottom:10px;font-size:18px}
.serviceBox .sertxt{display:block;font-size:24px;font-weight:600;line-height:30px}
.infoBox .identify {background-image:url('https://img1.kbcard.com/LT/images_r/personal/service/identifyBg01.png')} */
.serviceBox{position:relative;min-height:95px;padding:55px 0 30px 220px;background-color:#eff2f7;border-radius:12px}
.serviceBox .serLogo{position:absolute;top:50%;left:50px;border-radius:120px;background-color:#fff; transform:translateY(-50%);}
.serviceBox .serLogo img {display:block;border-radius:50%;}
.serviceBox .tit{display:block;margin-bottom:10px;font-size:18px}
.serviceBox .sertxt{display:block;font-size:24px;font-weight:600;line-height:30px}
.infoBox .identify {background-image:url('https://img1.kbcard.com/LT/images_r/personal/service/identifyBg01.png')}

/* paging */
.paging{margin-top:20px;text-align:center}
.paging *{vertical-align:top}
.paging button, .paging a{display:inline-block;padding:0 12px;line-height:30px}
.paging button{width:24px;height:30px;padding:0;text-indent:-9999px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_paging.gif) no-repeat 8px 10px}
.paging button.prev{background-position:-22px 10px}
.paging button.next{background-position:-43px 10px}
.paging button.last{background-position:-75px 10px}
.paging button.prev{margin-right:10px}
.paging button.next{margin-left:10px}
.paging a{color:#757575}
.paging a.recentList{color:#fff;font-weight:600;background:#707784}
.paging a.recentList:focus{outline-color:red;}

/* popup 2021.11.17 asis→tobe 개선 ffde02→fc0 */
body,html,.popWrapper{height:100%;min-height:100%}
body > .popWrapper{height:auto}
.popWrapper{position:relative;overflow:hidden}
/* .popHeader{height:40px;padding:20px 30px 0 30px;background:#fc0} */
.popHeader{height:40px;padding:20px 30px 0 30px;}
.popTitH1{color:#333;font-size:20px;font-weight:600;line-height:1;background:url(https://img1.kbcard.com/LT/images_r/common/logo_pop.png) no-repeat 100% 0}
.poptitDep2{margin-bottom:12px;color:#333;font-size:16px;font-weight:600;line-height:1}
.popContents{padding:30px}
.popFooter{height:60px;margin-top:-60px;text-align:center}
.popClose{width:64px;color:#fff;font-weight:600;line-height:30px;border-radius:5px;background:#6b717f}

.popLayer{position:fixed;top:50%;left:50%;z-index:10000;margin:-300px 0 0 -325px}
/* .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:1px solid #e5e5e5;text-align:left} */
.layContainer{position:relative;padding-bottom:30px;background:#fff;z-index:100;border-radius:12px;}
.layContainer .titLayDep1{display: flex; justify-content: space-between;padding: 32px 74px 24px 32px;color:rgba(0,0,0,0.87);font-size: 24px;/* font-weight:600; */text-align:left;font-family: KBFGDisplayM;}
.layContainer .titLayDep1 strong{font-weight:400}
.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} */
.layContainer .titLayDep1 + .layContents,
.layContainer .pop-header + .layContents
{padding-top: 8px;}
.layContents{padding:72px 32px 0 32px;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:#fc0;background:#fc0}
.laybtnArea .icon.print:before, .popContents .icon.print:before{top:7px;left:10px;width:16px;height:16px;background-position:-240px 0}
.popContents .icon.print:before{top:12px}
.layClose{position:absolute;top: 28px;right: 22px;display:block;text-indent:-9999px;width: 40px;height: 40px;background: url(https://img1.kbcard.com/home_re/pc/ico/32/ico-1-close.png) no-repeat center;}
.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:after {content:''; display:block; width:100%; height:30px;}
/* .scrolling + .laybtnArea{margin-top:0;border-top:1px solid #c2c2c2} */
.scrolling + .laybtnArea{margin-top:0}
.popLayer .keypadType {padding:5px 0;}
.layContainer .pop-header + .layContents.scrolling {min-height:calc(100% - 80px)}

/* 2019.04.02  :지역별 안심 제휴 중고차 판매점 레이어팝업 */
.carloanLayer {position:fixed;top:50%;left:50%;z-index:10000;margin:-300px 0 0 -325px}
.carloanLayer .btnS{line-height:28px}
.carloanLayer .keypadType {height:18px;line-height:18px; padding:5px;}

/* popup설문조사 181127 */
.layContents.survey strong {display:block; padding-bottom:25px; color:#333;}
.layContents.survey .boxType3 .formRad {display:block; padding-bottom:12px; line-height:1.64;}
.layContents.survey .ico_q {color:#09a29b;}

/* popup약관 스크롤영역 및 버튼 추가 */
.layContents .termScroll {overflow-y:scroll; height:149px; padding:14px 20px 20px; border:1px solid #e1e1e1; line-hegiht:20px;}
.layContents .withdrawBox2 {padding:17px 20px 16px; line-height:20px;}
.laybtnArea .btnGrey {color:#fff;border-color:#707784;background-color:#707784}

/* 카드상품안내 layerpopup */
.cardProd{text-align:center}
.cardProd .cardTit{display:block;margin-top:30px;font-size:18px;color:#333}
.cardProd .img{max-width:285px;height:180px}

/* popup 안 요소들 재정의 */
.popLayer .titDep2{margin-bottom:10px;font-size:14px}
.popLayer .titDep3{margin-bottom:10px;color:#666;font-size:14px}
/* .popLayer .selectbox,
.popLayer .selectbox .tit,
.popLayer .selectbox .select{height:32px}
.popLayer .selectbox .tit > span{height:30px;line-height:30px}
.popLayer .selectbox .tit > span:after{top:13px}
.popLayer .selectbox .tit.on > span{line-height:26px} 
.popLayer input[type="text"], .popLayer input[type="password"]{height:30px;line-height:30px}*/
.popLayer .txtUnit{font-size:12px}
.popLayer .tblH th, .popLayer .tblH td{height:auto;padding:10px 5px}
.popLayer .tblV th, .popLayer .tblV td{height:auto;padding:10px 10px}
.popLayer .tblH th, .popLayer .tblV th{color:#333}
.popLayer .tblH td, .popLayer .tblV td{color:#666}
.popLayer .tblH .tdInp, .popLayer .tblV .tdInp{padding:4px 10px}
.popLayer .tblF th{padding-top:32px}
.popLayer .tblF td{padding-top:22px}
.popLayer .tblF tr:first-child th{padding-top:8px;}
.popLayer .tblF tr:first-child td{padding-top:0;}
.popLayer .tblF tr:first-child td.tdInp2 {padding-top:0 !important;}

.popLayer .hyphen{line-height:32px; vertical-align:middle;}
.popLayer .btnS{height:30px;line-height:30px!important;font-size:14px}
.popLayer .btnS.icon.reset:before{top:6px}
.popLayer .btnXS{height:30px;line-height:30px;font-size:14px}
.popLayer .requestAgree .agreeList{padding:12px 0}
.popLayer .requestAgree .agreeList li .kbBtn{top:-3px; height:30px; line-height:28px; font-size:14px}

.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 .withdrawCont .agreeChk .formChk label:before, .popLayer .withdrawCont .agreeChk .formChk input[type=checkbox]{top:9px;left:26px}
.popLayer .withdrawCont .agreeChk.chkOFF label {padding:9px 24px 10px 56px !important}
.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:18px 0 10px 37px;font-size:14px;line-height:27px;border:none}
.popLayer .tipArea .titTip:before{top:25px;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}

.withdrawScroll{overflow:auto;height:140px;padding:15px;border:1px solid #e1e1e1}
.msgAuto{display:block;padding:35px 0 65px;color:#614cc2;font-size:28px;font-weight:600;text-align:center}
.msgAuto span{color:#614cc2;font-size:28px;font-weight:600}
.txtLogout{line-height:22px;text-align:center}
.pop_zipcode .layContainer{height:700px}
.addrSearch{padding:20px}
.searchForm{padding:20px 0 10px}
.searchForm .selectbox, .searchForm input[type=text]{margin-right:6px}
.searchForm label{display:inline-block;padding-right:10px}
.resultSearch{overflow:auto;padding:10px 20px;border:1px solid #e1e1e1}
.resultSearch .resultList li{padding:10px 0}
.resultSearch .resultList li a{/*display:block;*/color:#614cc2;text-decoration:underline}
.resultSearch .resultList li.noData{padding:82px 0;text-align:center}
.addrResult{min-height:429px;margin-top:20px}
.addrResult .formRad{margin-bottom:10px}
.addrResult .formRad label{font-weight:600}

.pop_statement{overflow:hidden;/*background:#dbf3ef*/}
.titState{margin:20px 40px 10px 40px;color:#333;font-size:20px;font-weight:600;background:url(https://img1.kbcard.com/LT/images_r/common/bg_popLogo.png) no-repeat 100% 0}
.pop_statement .layContents{padding:0 40px;/*background:url(https://img1.kbcard.com/LT/images_r/common/bg_state.gif) repeat-y*/}
.pop_statement .layContents.multi .tblWrap{width:481px;display: inline-block;margin-right: 24px;margin-bottom: 24px;vertical-align:top;}
.pop_statement .layContents.multi .tblWrap:nth-child(even){margin-right:0}
.tblWrap{overflow:hidden;border:1px solid #e1e1e1;border-radius:10px}
.tblWrap table th, .tblWrap table td{padding:8px;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1}
.tblWrap table th{color:#333;font-weight:600;text-align:left;background:#f9f9f9}
.tblWrap table td{background:#fff}
.tblWrap table tr:first-child th{border-top:none}
.tblWrap table th:first-child, .tblWrap table td:first-child{border-left:none}

.titDeal{margin:0 30px;padding:30px 0;border-bottom:1px solid #666;text-align:center;background:url(https://img1.kbcard.com/LT/images_r/common/bg_popLogo.png) no-repeat 0 30px}
.titDeal .titLayDep1{display:block; padding:0 0 10px;font-size:30px;text-align:center;border:none}
.dealList{margin-top:10px}
.dealList li{margin-bottom:5px;font-size:12px}
.txtDeal{margin-top:50px;text-align:center}
.txtDeal p+p{margin-bottom:10px}
.txtDeal strong{color:#333}

/* error */
.errorWrap{position: relative;display:table-cell;width:600px;min-height:102px;padding: 24px 24px 24px 88px;border-radius: 12px;line-height:22px;vertical-align: top;background: #f9fafc;}/* 2022-01-23 AsIs->ToBe 개선 | 2022-02-11 ToBe 스타일 맞춤 */
.errorWrap:after{content: "";position: absolute;top: 24px;left: 24px;margin-top: 0;font-size: 0;width: 48px;height: 48px;background: url(https://img1.kbcard.com/home_re/pc/ico/48/ico-exclamation.png) 0  no-repeat;background-size: 100% auto;}
.errorWrap .tit{display:block;margin-bottom: 8px;color: rgba(0,0,0,.87);font-size:18px;line-height: 28px;}
/* 2021.11.17 asis→tobe 개선 
.errorWrap span{display:block;padding-right:30px}
.errorWrap .code{display:block;margin-top:14px;padding-right:30px;font-weight:600;word-break:break-all} */
.errorWrap span{display:block;font-size:1rem;line-height:1.6}
.errorWrap .code{display:block;margin-top:8px;word-break:break-all;line-height:1.6;color:rgba(0, 0, 0, 0.87);}
.errorWrap .code span{display:inline}
.boxType2 .errorWrap{width:960px;height:auto;min-height:132px;padding:48px 48px 0 136px;background:none;}
.boxType2 .errorWrap:after{top:48px;left:48px;width:64px;height:64px;background:url(https://img1.kbcard.com/home_re/pc/ico/64/ico-circle-nodata.png) 0  no-repeat;}
.boxType2 .errorWrap .tit{font-size:18px;line-height:28px}
.boxType2 .boxType3{padding: 8px 48px 48px 136px;}
.boxType2 .boxType3 .txtGuide01{padding:0}

.errorBox{position:fixed;top:50%;left:50%;width:958px;margin:-207px 0 0 -480px;border:1px solid #e5e5e5}
.errorBox .errorInner{min-height:186px;margin:57px 0 60px 70px;padding-left:220px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_error02.gif) no-repeat}
.errorBox .errorInner .tit{padding-bottom:26px;color:#333;font-size:24px}
.errorBox .errorInner .tit strong{font-size:30px}
.errorBox .errorInner span{display:block;line-height:24px}
.errorBox .errorInner span strong{color:#333}
.errorBox .errorInner span+span{padding-top:6px}
.errorBox .errorInner .kbBtn{margin-top:57px}
.errorNum{padding:30px 0;background:#f6f6f6}
.errorNum:after{display:block;content:'';clear:both;height:0}
.errorNum p{float:left;width:396px;color:#333;font-size:16px;font-weight:600;line-height:44px;text-align:center}
.errorNum p strong{display:inline-block;width:125px;text-align:left}
.errorNum .listType1{float:left;width:562px}
.errorNum .listType1 li{position:relative;float:left;width:230px;margin-left:40px;padding-bottom:0}
.errorNum .listType1 li:before{content:'';display:block;position:absolute;top:0;left:-40px;width:1px;height:22px;background:#e5e5e5}
.errorNum .listType1 li span{display:inline-block;width:105px}

.errorwrapper .contentArea{position:fixed;top:50%;left:50%;margin:-210px 0 0 -480px}

/* pattern */
.radList .formRad{margin-right:12px}

.cardNum{position:relative;width:390px;height:100px;padding:10px 35px;color:#333;border-radius:0 0 20px 20px;background:#ffcf00 url(https://img1.kbcard.com/LT/images_r/common/bg_cardNum.gif) no-repeat 30px 59px}
/* 2021.11.17 asis→tobe 개선 
.cardNum input{width:65px;padding:5px 0;text-align:center}
.cardNum input:focus{width:65px;border-color:#666}
.cardNum input[type=password]{letter-spacing:-2px}
.cardNum input[type=image]{width:86px;margin-left:4px;padding:0}
.cardNum .selectbox .tit.on{border-color:#666}
.cardNum.bgNone{display:inline-block;width:auto;height:auto;margin:0 0 0 10px;padding:0;background:none}
.cardKind{margin-left:10px}
.cardTerm{margin-top:10px;text-align:right}
.cardNum_cvc{height:182px;padding-top:12px;background-image:url(https://img1.kbcard.com/LT/images_r/common/bg_cardNum_cvc.gif);background-position:13px 3px}
.cardNum_cvc input[type=password]{width:88px;margin-left:182px}
.cardNum_cvc input[type=password]:focus{width:86px}
.cardNum .btnGrey{position:absolute;top:10px;right:35px}
.cardNum_cvc .btnGrey{top:12px;right:55px}
.cardNumOnly{text-align:right}
.cardNumOnly input{width:85px}
.cardNumOnly input:focus{width:83px}
.cardNum.amexNum input{width:85px}
.cardNum.amexNum input+input{width:136px}
.cardNum.amexNum input:focus{width:83px}
.cardNum.amexNum input+input:focus{width:134px}
.cardNum.amexNum2 input{width:75px}
.cardNum.amexNum2 input+input{width:100px}
.cardNum.amexNum2 input:focus{width:73px}
.cardNum.amexNum2 input+input:focus{width:98px} */
.cardNum input{width:50px;height:38px;padding:0 5px; border:1px solid rgba(0, 0, 0, 0.24);border-radius:5px;text-align:center}
.cardNum input:focus{width:50px;border-color:#666}
.cardNum input[type=password]{letter-spacing:-2px}
.cardNum input[type=image]{width:86px;margin-left:4px;padding:0}
.cardNum .selectbox .tit{border-radius:5px;border:1px solid rgba(0, 0, 0, 0.24)}
.cardNum .selectbox .tit.on{border-color:#666}
.cardNum .selectbox .tit > span{padding:0 24px 0 12px;}
.cardNum .selectbox .tit > span:after{right:12px;}
.cardNum.bgNone{display:inline-block;width:auto;height:auto;padding:0;background:none}
.selectbox ~ .cardNum.bgNone{margin-left: 10px;}
.cardKind{margin-left:10px}
.cardTerm{margin-top:10px;text-align:right}
.cardNum_cvc{height:182px;padding-top:12px;background-image:url(https://img1.kbcard.com/LT/images_r/common/bg_cardNum_cvc.gif);background-position:13px 3px}
.cardNum_cvc input[type=password]{width:78px;margin-left:182px}
.cardNum_cvc input[type=password]:focus{width:86px}
.cardNum .btnGrey{position:absolute;top:10px;right:35px}
.cardNum_cvc .btnGrey{top:12px;right:55px}
.cardNumOnly{text-align:right}
.cardNumOnly input{width:72px}
.cardNumOnly input:focus{width:72px}
.cardNum.amexNum input{width:85px}
.cardNum.amexNum input+input{width:117px}
.cardNum.amexNum input:focus{width:83px}
.cardNum.amexNum input+input:focus{width:134px}
.cardNum.amexNum2 input{width:75px}
.cardNum.amexNum2 input+input{width:81px}
.cardNum.amexNum2 input:focus{width:73px}
.cardNum.amexNum2 input+input:focus{width:98px}

/* 카드번호입력 가상키패드 버튼 패턴 추가 - 20160928 */
.cardNum.keypadInner {padding:10px 20px;width:517px;background-image:url(https://img1.kbcard.com/LT/images_r/common/bg_cardNum02.gif);}
.cardNum.keypadInner input[type="text"] , .cardNum.keypadInner input[type="password"] {width:75px;}
.cardNum.keypadInner input[type="text"]:focus , .cardNum.keypadInner input[type="password"]:focus {width:73px;}
.keypadwrap {position:relative;display:inline-block;}
.keypadwrap input[type="text"],.keypadwrap input[type="password"] {display:inline-block;padding:5px 85px 5px 0px !important;}
.keypadwrap .kbBtn {position:absolute;height:28px;top:6px !important;right:5px !important;border:none;}
.keypadwrap .kbBtn.btnGrey {color:#fff;border-color:#707784 !important;background-color:#707784 !important;}
.keypadwrap .kbBtn.btnGrey:active {background:#e8eaef !important;color:#666;}
.keypadwrap input[type="text"]:focus ,.keypadwrap input[type="password"]:focus {padding:4px 85px 4px 0px !important;border:2px solid #666;}
.keypadInner.cardNum_cvc {padding:18px 20px 0; height:64px; border-radius:0; background-image:url(https://img1.kbcard.com/LT/images_r/common/bg_cardNum_cvc02.gif);background-position:20px 13px;}
.keypadInner.cardNum_cvc .keypadwrap{margin-top:3px}
.keypadInner.cardNum_cvc input[type=password] {margin-left:230px;width:65px;}
.keypadInner.cardNum_cvc input[type=password]:focus {width:63px;}

/* 주소검색 패턴 추가 2016.11*/
.keypadwrap.addWrite .kbBtn {position:absolute;height:26px;top:7px !important;right:6px !important;border:none;}
.keypadwrap.addWrite input[type="text"],.keypadwrap.addWrite input[type="password"] {display:inline-block;padding:5px 90px 5px 10px !important;}
.keypadwrap.addWrite input[type="text"]:focus ,.keypadwrap.addWrite input[type="password"]:focus {padding:4px 89px 4px 9px !important;border:2px solid #fc0;}
.keypadwrap.addWrite .kbBtn.addtrans {background:#707784 url('https://img1.kbcard.com/LT/images_r/common/trans_btn_icon.png') no-repeat 8px center !important;}

/*가상키패드 버튼 패턴 - 팝업 - 20161004*/`
.popLayer .keypadInner.cardNum input[type='text'], .popLayer .keypadInner.cardNum input[type='password'] {height:28px;line-height:28px;}
.popLayer .keypadInner.cardNum {background:none;padding:0;margin-top:10px;height:auto;}

/* 가상키패드 디자인 변경 20180824 */
/* 2021.11.17 asis→tobe 개선 
.keypadType {display:inline-block; overflow:hidden; width:248px; 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;}*/
/* 2021.11.17 asis→tobe 개선
.keypadType {display:inline-block; overflow:hidden; width:255px; height:23px; padding:7px 8px;vertical-align:middle}
.keypadType .divide {float:left;}
.keypadType input {float:left;; width:65px; line-height:23px; height:23px;padding:0; text-align:center;}
.keypadType input[type=text] {width:50px;}
.keypadType input:focus {padding:0;}
.virtualKey {vertical-align:middle;width:40px;height:40px; background-color:#e8eaee; border-radius:5px;}
.hiddenPs {display:inline-block; padding:0 5px;}*/
.tblF .keypadArea{display:flex;justify-content:flex-start;align-items:center;}
.keypadArea {overflow:hidden;}
.keypadType {float:left; display:flex; justify-content:flex-start; align-items:center; width:328px; margin-right:5px;}
.keypadType .divide {margin:0 5px;}
.keypadType input {width:54px !important;padding:0 6px;} /* https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAS0002 스크립트에서 강제로 사이즈 변경 시켜서 고정 시킴 , 박진수 - 카드번호 입력 할 때 IE에서 짤림 현상으로 padding 줄임*/
.virtualKey {vertical-align:middle;width: 40px !important;height: 40px;line-height: 40px;border-radius: 4px;background: #f1f1f1;}
.hiddenPs {display:inline-block; padding:0 5px;}

/* asis→tobe 개선
.searchTerm{padding:5px 20px 8px !important} */
.radTerm{margin:5px 0}
.radTerm .formRad{width:86px;margin-top:11px;vertical-align:top}
.txtInfo2{display:inline-block;margin-left:18px;line-height:19px}
.termBtns{display:inline-block}
.termWrap + .termBtns.marT10{display:block;}/* https://tcard.kbcard.com/CMN/DVIEW/HSEMCXCRSCTC0041 박진수 - 날짜와 버튼이 안맞는 현상 수정 */
.termBtns .btnXS{margin:0 3px}
.termBtns .btnXS:first-child{margin-left:0}/* https://tcard.kbcard.com/CMN/DVIEW/HSEMCXCRSCTC0041 박진수 - 날짜와 버튼이 안맞는 현상 수정 */
.radTerm .termBtns{display:block;margin:8px 0 0 87px}
.radTerm2 .formRad{width:auto;margin:0}
.moneyBtns{margin-left:5px;vertical-align:-1px}

.agreeArea{padding:18px 0 17px 20px;border-bottom:1px solid #e1e1e1}
.agreeArea:after{display:block;content:'';clear:both;height:0}
.agreeArea .txt{float:left;width:510px;color:#333;line-height:22px}
.agreeArea .agreeRad{float:right;margin-top:13px}
.agreeArea .agreeRad .formRad{margin-right:18px}

/* slider */
.slideWrap{position:relative}
.slideWrap button{display:block;text-indent:-9999px;position:absolute;top:30px;width:22px;height:30px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_btnSlide01.png) no-repeat 0 5px;z-index:10}
.slideWrap button.prev{left:0}
.slideWrap button.next{right:0;background-position:100% 5px}
.slideWrap .slider{position:relative;overflow:hidden;z-index:1}
.slideWrap .slider .slideList{position:absolute;top:0;left:0;}
.slideWrap .slider .slideList:after{display:block;content:'';clear:both;height:0}
.slideWrap .slider .slideList li{float:left}

.slideMycard{width:200px}
.slideMycard .slider{width:200px;height:125px}
.slideMycard .slider .slideList li{width:200px}
.slideMycard .slider .slideList li a, .slideMycard .slider .slideList li a span{display:block;text-align:center}
.slideMycard .slider .slideList li a span{margin-top:20px;color:#333;font-weight:600;line-height:1}
.slideMycard .slider .slideList li a:hover,.slideMycard .slider .slideList li a:link{color:#333}

/* 맞춤카드 찾기 */
.popLayer_fit{position:fixed;top:50%;left:50%;width:1067px;height:700px;margin:-350px 0 0 -500px;z-index:9999}
.fitWrap{position:relative;z-index:100}
.fitContainer{width:980px;height:700px;background:#fff;border-top:6px solid #fc0;overflow:hidden}

.fitIntro{padding-top:121px;text-align:center}
.fitIntro .fitDep1{font:600 44px 'KBFGText'}
.fitIntro .fitTxt{padding:15px 0 60px;font-size:16px}
.fitIntro ul{overflow:hidden;width:915px;margin:0 auto}
.fitIntro li{float:left;width:305px;height:268px}
.fitIntro li a{display:block;padding-top:188px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_icon03.gif) no-repeat center 0;text-align:center}
.fitIntro li a:hover{color:#333}
.fitIntro li a strong{font:600 26px 'KBFGText';color:#333}
.fitIntro li a span{display:block;padding-top:12px;line-height:18px}
.fitIntro li.keyword a{background-position:center -300px;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8}
.fitIntro li.partner a{background-position:center -600px}

.fitHeader{position:relative;height:80px;padding-left:30px; display:none}
.fitDep1{padding-top:22px;font:600 30px 'KBFGText';color:#333}
.fitDep2{font:600 24px 'KBFGText';color:#333}

.fitNb{position:absolute;top:20px;right:23px}
.fitNb ul,.fitNb li{float:left}
.fitNb li a{display:inline-block;height:26px;padding:14px 28px 0 47px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_fitNb.png) no-repeat 0 0}
.fitNb a:hover{color:#333}
.fitNb li.on a{text-decoration:underline;background-position:0 -40px;font-weight:600;color:#333}
.fitNb li.keyword a{background-position:-150px 0}
.fitNb li.keyword.on a{background-position:-150px -40px}
.fitNb li.partner a{background-position:-300px 0}
.fitNb li.partner.on a{background-position:-300px -40px}
.fitNb .compare{float:left;padding-left:23px;border-left:1px solid #dfdfdf}
.fitNb .compare a{display:inline-block;height:26px;padding:14px 0 0 53px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_fitNb.png) no-repeat -450px 0;font-weight:600}
.fitNb .compare a span{color:#888;vertical-align:top}
.fitNb .compare a span strong{color:#e44b3a}

.fitBox01{height:95px;padding:25px 0 0 30px;background:#707784}
.fitBox01 .fitDep2{float:left;width:149px;padding-top:21px;color:#fff}
.fitBox01 li{float:left;height:70px;padding:0 30px;border-left:1px solid #8f949d;text-align:center}
.fitBox01 li:first-child{border:0}

.fitSelect01 ol li,.fitSelect02 ol li{border:0;padding:0 0 0 10px}
.fitSelect01 ol li:first-child,.fitSelect02 ol li:first-child{padding:0}
.fitSelect01 ol li a{display:inline-block;position:relative;width:66px;height:23px;padding-top:43px;border:2px solid #8d929d;border-radius:4px;color:#fff}
.fitSelect01 ol li a:after{content:'';display:block;position:absolute;top:17px;left:50%;margin-left:-11px;width:22px;height:16px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_icon.png) no-repeat 0 0}
.fitSelect01 ol li.on a{border-color:#fff;background-color:#fff;font-weight:600;color:#333}
.fitSelect01 ol li.credit a:after{background-position:0 0}
.fitSelect01 ol li.credit.on a:after{background-position:-22px 0}
.fitSelect01 ol li.check a:after{background-position:0 -16px}
.fitSelect01 ol li.check.on a:after{background-position:-22px -16px}
.fitSelect01 ol li.man a:after{top:14px;height:21px;background-position:0 -32px}
.fitSelect01 ol li.man.on a:after{background-position:-22px -32px}
.fitSelect01 ol li.woman a:after{top:14px;height:21px;background-position:0 -53px}
.fitSelect01 ol li.woman.on a:after{background-position:-22px -53px}
.fitSelect01 ol li.age a{height:42px;padding-top:24px;background-image:none}
.fitSelect01 ol li.age a:after{background:none}
.fitSelect01 ol li.age.twoL a{height:49px;padding-top:17px}
.fitSelect02{padding:30px 26px 20px 30px}
.fitSelect02:after{display:block;content:'';clear:both;height:0}
.fitSelect02 .fitL{float:left;width:165px}
.fitSelect02 .fitL p{padding-top:10px;line-height:20px;letter-spacing:-1px}
.fitSelect02 .fitL strong{color:#e44b3a}
.fitSelect02 .fitL span{font-size:12px}
.fitSelect02 .fitR{float:right;width:755px}
.fitSelect02 li{position:relative;float:left;margin:0 0 20px 4px;letter-spacing:-1px}
.fitSelect02 li span.num{position:absolute;top:-7px;right:0px;width:21px;height:21px;padding-top:3px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_fitNum01.png) no-repeat 0 0;font:600 12px 'KBFGText';color:#000;text-align:center}
.fitSelect02 li a{display:inline-block;width:103px;text-align:center}
.fitSelect02 li a:hover{color:#333}
.fitSelect02 li.on a{font-weight:600;color:#333}
.fitSelect02 li a span{display:block;width:90px;height:70px;margin:0 auto 10px;border-radius:3px;background:#f5f5f5 url(https://img1.kbcard.com/LT/images_r/personal/product/bg_icon02.png) no-repeat 0 0}/* 기본 :point */
.fitSelect02 li.on a span{background-position:-110px 0;background-color:#329f9a}/* 기본 :point */
.fitSelect02 li.mileage a span{background-position:0 -100px}
.fitSelect02 li.mileage.on a span{background-position:-110px -100px}
.fitSelect02 li.fit a span{background-position:0 -200px}
.fitSelect02 li.fit.on a span{background-position:-110px -200px}
.fitSelect02 li.borrow a span{background-position:0 -300px}
.fitSelect02 li.borrow.on a span{background-position:-110px -300px}
.fitSelect02 li.shop a span{background-position:0 -400px}
.fitSelect02 li.shop.on a span{background-position:-110px -400px}
.fitSelect02 li.car a span{background-position:0 -500px}
.fitSelect02 li.car.on a span{background-position:-110px -500px}
.fitSelect02 li.telecom a span{background-position:0 -600px}
.fitSelect02 li.telecom.on a span{background-position:-110px -600px}
.fitSelect02 li.traffic a span{background-position:0 -700px}
.fitSelect02 li.traffic.on a span{background-position:-110px -700px}
.fitSelect02 li.restaurant a span{background-position:0 -800px}
.fitSelect02 li.restaurant.on a span{background-position:-110px -800px}
.fitSelect02 li.coffee a span{background-position:0 -900px}
.fitSelect02 li.coffee.on a span{background-position:-110px -900px}
.fitSelect02 li.banking a span{background-position:0 -1000px}
.fitSelect02 li.banking.on a span{background-position:-110px -1000px}
.fitSelect02 li.mart a span{background-position:0 -1100px}
.fitSelect02 li.mart.on a span{background-position:-110px -1100px}
.fitSelect02 li.store a span{background-position:0 -1200px}
.fitSelect02 li.store.on a span{background-position:-110px -1200px}
.fitSelect02 li.market a span{background-position:0 -1300px}
.fitSelect02 li.market.on a span{background-position:-110px -1300px}
.fitSelect02 li.shopping a span{background-position:0 -1400px}
.fitSelect02 li.shopping.on a span{background-position:-110px -1400px}
.fitSelect02 li.edu a span{background-position:0 -1500px}
.fitSelect02 li.edu.on a span{background-position:-110px -1500px}
.fitSelect02 li.hospital a span{background-position:0 -1600px}
.fitSelect02 li.hospital.on a span{background-position:-110px -1600px}
.fitSelect02 li.movie a span{background-position:0 -1700px}
.fitSelect02 li.movie.on a span{background-position:-110px -1700px}
.fitSelect02 li.park a span{background-position:0 -1800px}
.fitSelect02 li.park.on a span{background-position:-110px -1800px}
.fitSelect02 li.travel a span{background-position:0 -1900px}
.fitSelect02 li.travel.on a span{background-position:-110px -1900px}

.fitResult,.fitPartner{height:120px;padding-top:0}
.fitResult .fitDep2{padding-top:46px}
.fitResult ul{float:left;padding-top:25px;overflow:hidden}
.fitResult li.fitSelect01 li{width:70px;height:27px;padding:43px 0 0 0;margin-left:10px;border-radius:4px;background:#fff url(https://img1.kbcard.com/LT/images_r/personal/product/bg_icon.gif) no-repeat 0 0;font-weight:600;color:#333}
.fitResult li.fitSelect01 li:first-child{margin:0}
.fitResult li.fitSelect01 li.credit{background-position:-80px 16px}
.fitResult li.fitSelect01 li.check{background-position:-80px -84px}
.fitResult li.fitSelect01 li.man{background-position:-74px -186px}
.fitResult li.fitSelect01 li.woman{background-position:-74px -286px}
.fitResult li.fitSelect01 li.age{height:42px;padding-top:28px;background-image:none}
.fitResult li.fitSelect01 li.age.twoL{height:49px;padding-top:21px}

.fitResult li.fitSelect02 {padding:0 0 0 10px}
.fitResult li.fitSelect02 li{position:relative;width:98px;height:20px;padding:50px 0 0 0;margin:0;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_icon02.png) no-repeat 0 0;font-weight:600;color:#fff;text-align:center}
.fitResult li.fitSelect02 li.point{background-position:-110px -10px}
.fitResult li.fitSelect02 li.mileage{background-position:-110px -110px}
.fitResult li.fitSelect02 li.fit{background-position:-110px -210px}
.fitResult li.fitSelect02 li.borrow{background-position:-110px -310px}
.fitResult li.fitSelect02 li.shop{background-position:-110px -410px}
.fitResult li.fitSelect02 li.car{background-position:-110px -510px}
.fitResult li.fitSelect02 li.telecom{background-position:-110px -610px}
.fitResult li.fitSelect02 li.traffic{background-position:-110px -710px}
.fitResult li.fitSelect02 li.restaurant{background-position:-110px -810px}
.fitResult li.fitSelect02 li.coffee{background-position:-110px -910px}
.fitResult li.fitSelect02 li.banking{background-position:-110px -1010px}
.fitResult li.fitSelect02 li.mart{background-position:-110px -1110px}
.fitResult li.fitSelect02 li.store{background-position:-110px -1210px}
.fitResult li.fitSelect02 li.market{background-position:-110px -1310px}
.fitResult li.fitSelect02 li.shopping{background-position:-110px -1410px}
.fitResult li.fitSelect02 li.edu{background-position:-110px -1510px}
.fitResult li.fitSelect02 li.hospital{background-position:-110px -1610px}
.fitResult li.fitSelect02 li.movie{background-position:-110px -1710px}
.fitResult li.fitSelect02 li.park{background-position:-110px -1810px}
.fitResult li.fitSelect02 li.travel{background-position:-110px -1910px}
.fitResult li.fitSelect02 li .num{position:absolute;top:0;right:10px;width:21px;height:21px;padding-top:3px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_fitNum02.png) no-repeat 0 0;font:600 12px 'KBFGText';color:#000;text-align:center}
 a.btn_reSrch{float:right;width:114px;height:67px;padding:53px 0 0 83px;background:#808796 url(https://img1.kbcard.com/LT/images_r/personal/product/bg_fitBtn02.png) no-repeat 54px 52px;font:600 16px 'KBFGText';color:#fff}
.popLayer_fit .srchTxt{padding:40px 0 0;font-size:20px;text-align:center}
.popLayer_fit .srchTxt strong{font-weight:600;color:#333}
.fitBox02{width:980px;height:494px;overflow-y:scroll;overflow-x:hidden}
.fitBox02 .srchTxt{padding:40px 0}
.fitBox02 .srchTxt strong{font-weight:600;color:#333}

.fitList01 dl{position:relative;width:659px;min-height:140px;margin:0 auto;padding:20px 0 0 221px;overflow:hidden;border-top:1px solid #e1e1e1}
.fitList01 dl:first-child{padding-top:0;border:0}
.fitList01 dl:first-child .img,.fitList01 dl:first-child .btns{top:0}
.fitList01 dt{padding:0 0 15px 19px;font:600 18px 'KBFGText';color:#333}
.fitList01 dd{float:left;width:160px;padding:0 0 0 19px;border-left:1px solid #e1e1e1}
.fitList01 dd.noline{border:0}
.fitList01 dd .txtPoint{font-family:Arial, 'KBFGText';font-size:30px;color:#9383e0;letter-spacing:-1px}
.fitList01 dd .txtPoint span{display:inline-block;padding-top:10px;font-size:20px;color:#9383e0;vertical-align:top}
.fitList01 dd .txt strong{display:block;padding:8px 0 3px;font-weight:normal;color:#333}
.fitList01 dd .txt span{color:#333}
.fitList01 dd.img{position:absolute;top:20px;left:0;padding:0;border:0;text-align:center;}
.fitList01 dd.img img{height:120px}
.fitList01 dd.btns{position:absolute;top:20px;right:0;width:120px;padding:0;border:0}
.fitList01 dd.btns a{display:block;margin-bottom:5px}
.fitList01 dd.btns .btnXS{max-width:95px}
.fitNewCard{width:100%;padding-bottom:30px;background:#f5f5f5}
.fitNewCard .srchTit{padding:30px 0 30px;font:600 20px 'KBFGText';color:#333;text-align:center}

.fitKeyword01{height:110px;padding:30px 0 0 30px;background:#707784}
.fitKeyword01 .k_Input{width:562px;height:52px;margin:0 auto;border-radius:4px;background:#fff}
.fitKeyword01 .k_Input input{width:482px;height:40px;font-size:18px;border:0}
.fitKeyword01 .k_Input button{display:inline-block;width:40px;height:34px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_fitBtn03.gif) no-repeat 10px 5px;text-indent:-9999px;font-size:0;vertical-align:top;margin-top:10px}
.fitKeyword01 .recommend{width:562px;margin:0 auto;padding-top:15px;font-weight:600;color:#fff;text-align:center}
.fitKeyword01 .recommend strong{display:inline-block;padding:0 25px 0 28px;border-right:1px solid #9ba0a9;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_icon04.gif) no-repeat 0 3px}
.fitKeyword01 .recommend a{display:inline-block;padding:0 25px;color:#fff}
.fitList02{width:820px;padding:39px 0 0 0;margin:0 auto}
.fitList02 li{float:left;width:162px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_line01.gif) no-repeat 0 bottom;text-align:center}
.fitList02 li:first-child,.fitList02 li ul li{background:0}
.fitList02 li strong{display:block;padding:15px 0 20px;font:600 28px 'KBFGText';color:#333}
.fitList02 li a{display:block;padding:6px 0}
div.fitBox02.fitKeyword02{height:474px}

.fitList03{height:614px;padding:40px 30px 0 30px;background:#eaeaea}
.fitList03:after{display:block;content:'';clear:both;height:0}
.fitList03 .fitL{float:left;width:199px;height:500px}
.fitList03 .fitL p{padding-top:10px;font-size:16px;line-height:20px}
.fitList03 .fitR{float:right;width:720px}
.fitList03 li{position:relative;float:left;width:110px;height:100px;padding:30px;margin:0 0 10px 10px;border-radius:5px}
.fitList03 li strong.title {font:600 20px 'KBFGText';color:#333}
.fitList03 li ul{position:absolute;bottom:20px;left:30px}
.fitList03 li ul li{float:none;width:auto;height:auto;padding:7px 0 0 8px;margin:0;boder:none;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bult_01.gif) no-repeat 0 13px;line-height:14px}
.fitList03 li ul li a:after{content:'';display:inline-block;width:6px;height:10px;margin-left:6px;background:url(https://img1.kbcard.com/home_re/asis/bg_btn.png) no-repeat -50px 0;}
.fitList03 li:hover strong,.fitList03 li:hover a{color:#fff}
.fitList03 li:hover a:after{background:url(https://img1.kbcard.com/home_re/asis/bg_btn.png) no-repeat -159px 0;}
.fitList03 li:hover ul li{background-position:0 -89px}
.fitList03 li.flight{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_flight.gif) no-repeat right 0}
.fitList03 li.coffee{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_coffee.gif) no-repeat right 0}
.fitList03 li.movie{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_movie.gif) no-repeat right 0}
.fitList03 li.park{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_park.gif) no-repeat right 0}
.fitList03 li.travel{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_travel.gif) no-repeat right 0}
.fitList03 li.car{width:290px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_car.gif) no-repeat right 0}
.fitList03 li.eatout{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_eatout.gif) no-repeat right 0}
.fitList03 li.shopping{width:290px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_shopping.gif) no-repeat right 0}
.fitList03 li.point{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_point.gif) no-repeat right 0}
.fitList03 li.telecom{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_telecom.gif) no-repeat right 0}
.fitList03 li.car li{float:left;width:150px}
.fitList03 li.shopping li{float:left;width:90px}
.fitList03 li:hover{background-position:right bottom}

.fitPartner .fitDep2{height:50px;margin-top:25px;padding:20px 34px 0 0;border-right:1px solid #8f949d}
.fitPartner .pTitle{float:left;width:568px;padding-top:30px;font:600 30px 'KBFGText';color:#fff;text-align:center}
.fitPartner .pTitle span{display:block;font:600 16px/20px 'KBFGText';color:#fff}

.fitCompare01{height:82px;padding:0 0 0 30px;background:#707784;overflow:hidden}
.fitCompare01 .fitDep2{width:150px;padding-top:30px}
.fitCompare01 p{float:left;color:#fff;padding-top:35px}
a.btn_cardDel{float:right;width:162px;height:48px;padding:34px 0 0 35px;background:#808796;font:600 16px 'KBFGText';color:#fff}

.fitCompare02_wrap{position:relative;height:429px}
div.fitBox02.fitCompare02{height:351px;border-bottom:3px solid #e4e4e4}
.fitCompare02 table{border-collapse:collapse;table-layout:fixed}
.fitCompare02 th{border-bottom:1px solid #e1e1e1;background:#f9f9f9;color:#333;font-weight:600;text-align:center !important}
.fitCompare02 td{padding:23px 15px;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#fff}
.fitCompare02 td .title{padding-top:20px;font-weight:600;color:#333}
.fitCompare02 td .title span{display:block;padding-top:5px;font-weight:normal}
.fitCompare02 td .img img{margin-right:20px}
.fitCompare02 td .kbBtn{margin-left:6px}
.fitCompare02 td a:first-child{margin-left:0}
.fitCompare02 .fitBtns_t{position:absolute;bottom:30px;left:0}
.fitCompare02 .t_num01 .fitBtns_t{left:219px}
.fitCompare02 .t_num02 .fitBtns_t{left:480px}
.fitCompare02 .t_num03 .fitBtns_t{left:741px}
.fitCompare02 .fitBtn_area th,.fitCompare02 .fitBtn_area td{border:0;height:0;padding:0}


.fitBtns{margin:0 30px;padding-top:20px;border-top:3px solid #e5e5e5;text-align:center}
.fitBtns button{margin-right:6px}
.fitClose{position:absolute;top:0;right:0;display:block;text-indent:-9999px;width:86px;height:86px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_fitBtn.gif) no-repeat 0 0;z-index:100}

/* 게시판 */
.boardSearch{position:relative;height:40px;margin-bottom:20px;text-align:right}
.boardSearch fieldset .selectbox{width:120px}
.boardSearch fieldset input[type=text]{width:200px;margin:0 7px 0 6px;vertical-align:top}
.boardSearch .totalNum{position:absolute;bottom:0;left:0}
/* 2021.11.17 asis→tobe 개선
.boardSearch .totalNum strong{color:#614cc2} */
.board_info{margin-bottom:17px}

/* 2021.11.17 asis→tobe 개선
.board table{border-collapse:collapse;table-layout:fixed}
.board thead th{padding:21px 0;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f9f9f9;color:#333;font-weight:600;text-align:center}
.board tbody td{padding:21px 20px;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#fff;text-align:center;line-height:20px}
.board thead th:first-child,.board tbody td:first-child{border-left:0}
.board tbody td.noData{height:200px;text-align:center}
.board .t_left a{display:inline-block;word-break:break-all} */
.board table{border-collapse:collapse;table-layout:fixed}
.board thead th{padding:21px 0;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;font-weight:600;text-align:center}
.board tbody td{padding:21px 20px;border-bottom:1px solid #d6d6d6;background:#fff;text-align:center;line-height:20px}
.board thead tr:first-child th {border-top:1px solid #d6d6d6;}
.board thead tr:last-child th {border-bottom:1px solid #666;}
.board tbody td.noData{height:200px;text-align:center}
.board .t_left a{display:inline-block;word-break:break-all}
/* tobe style
.board table{table-layout:fixed;border-collapse:collapse;word-wrap:break-word;word-break:break-all;width:100%;border-bottom:1px solid #d6d6d6;}
.board thead th,.board tbody td{text-align:center;padding:16px 10px;border-top:1px solid #d6d6d6;vertical-align:middle;}
.board thead tr:first-child th {border-top:2px solid #666;}
.board tbody tr:first-child th, .board tbody tr:first-child td {border-top:1px solid #666;}
.board tbody td{color:rgba(0, 0, 0, 0.6);font-size:0.86667rem;}
.board tbody td.noData{height:200px;text-align:center}
.board .t_left a{display:inline-block;word-break:break-all} */

.boardView{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.boardView table{border-collapse:collapse;table-layout:fixed}
.boardView tr:first-child{border-bottom:1px solid #e1e1e1}
.boardView td.bTit{padding:24px 30px 24px 30px}
.boardView td.bTit div{color:#333;font:22px/30px 'KBFGText'}
.boardView td.bTit div.bHits strong{font:normal 14px  'KBFGText';color:#666}
.boardView td.bDate{padding:0;text-align:center;background:url(https://img1.kbcard.com/LT/images_r/common/bg_line01.gif) no-repeat 0 center;}
.boardView .bFile{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background:#f9f9f9}
.boardView .bFile td{padding:7px 0;color:#333}
.boardView .bFile td a{text-decoration:underline;color:#614cc2}
.boardView .bFile td a span{padding-right:5px;vertical-align:top}
.boardView .bFile td li{padding:7px 0}
.boardView .bFile td li span img{vertical-align:top}
.boardView .bCont{padding:40px 8px;line-height:22px}
.boardView td.bTit div, .boardView .bCont{word-break:break-all}

.boardView_list{margin-top:100px;border-top:1px solid #9fa5a9;border-bottom:1px solid #9fa5a9}
.boardView_list li{height:37px;padding:23px 0 0 60px;background:url(https://img1.kbcard.com/LT/images_r/event/bg_arrow.gif) no-repeat 18px 25px}
.boardView_list li:first-child{border-bottom:1px solid #e1e1e1}
.boardView_list li.next{background-position:18px -12px}
.boardView_list li strong{font-weight:normal;color:#333;vertical-align:top}
.boardView_list li a{display:inline-block;width:495px;color:#333;vertical-align:top;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.boardView_list li .date{display:inline-block;width:105px;vertical-align:top}

.boardGallery_list{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.boardGallery_list ul{margin:10px 0 10px -15px}
.boardGallery_list ul:after{display:block;content:'';clear:both;height:0}
.boardGallery_list ul li{display:inline-block;width:270px;margin-left:15px;padding:30px 18px;vertical-align:top}
.boardGallery_list ul li a{display:block}
.boardGallery_list ul li a:hover{text-decoration:none}
.boardGallery_list ul li a img{width:270px;height:160px}
.boardGallery_list ul li p{min-height:40px;margin-top:18px;color:#333;font-size:16px;line-height:18px}
.boardGallery_list ul li a:hover p{text-decoration:underline}

/* faq */
.faqList{border-top:1px solid #dfe3e6}
.faqList > li{border-bottom:1px solid #dfe3e6;line-height:22px}
.faqList li abbr{float:left;width:35px;margin-top:-5px;border:0;font:normal 30px Arial;color:#614cc2;vertical-align:top;text-decoration:none}
.faqList li .question{display:block;padding:27px 45px 22px 20px;background:url(https://img1.kbcard.com/LT/images_r/login/bg_faqBtn01_off.gif) no-repeat right center}
.faqList li .question strong{float:left;width:850px;color:#666;font-size:18px;font-weight:normal}
.faqList li .question:hover strong{text-decoration:underline}
.faqList li .answer{display:none;padding:30px 20px;border-top:1px solid #dfe3e6;background:#eff2f7}/*padding:30px 0 30px 20px*//* 결함 6234 참조, background:#f8f8f8 */
.faqList li .answer .faqTxt{float:left;color:#333}/*max-width:660px https://tcard.kbcard.com/CMN/DVIEW/HSDMCXPRISVCR0001?mainCC=a*/
.faqList li .answer .faqTxt table{margin:0 !important;border-collapse:collapse;max-width:640px !important}
.faqList li .answer .kbBtn{margin-top:5px}
.faqList li .answer:after,.faqList li .question:after{content:'';clear:both;display:block;height:0}
.faqList li .question strong strong {float:none;display:inline;color:#e44b3a !important}
/* .faqList li .answer strong {} */
.faqList li.on .question{background:url(https://img1.kbcard.com/LT/images_r/login/bg_faqBtn01_on.gif) no-repeat right center}
.faqList li.on .question strong{color:#333;font-weight:600}
.faqList li .answer abbr{color:#333}
.faqMore{position:absolute;top:0;right:0;padding:0 28px 0 9px;border:1px solid #c2c2c2;border-radius:3px;background:#fff url(https://img1.kbcard.com/LT/images_r/login/bg_faqBtn02.gif) no-repeat 50px center;font-size:12px;line-height:24px}

/* 혜택 - 스타샵찾기 */
.srchDep1{margin-bottom:20px}
.srchDep1 li{position:relative;float:left;width:140px;border:1px solid #e1e1e1;text-align:center}
.srchDep1 li a{display:block;position:relative;height:42px;padding-top:66px;color:#3d7b70;font-weight:600}
.srchDep1 li a:after{content:'';display:block;position:absolute;top:25px;left:50%;margin-left:-17px;width:35px;height:34px;background:url(https://img1.kbcard.com/LT/images_r/personal/benefit/bg_icon01.png) no-repeat 0 0}
.srchDep1 li.on a{color:#fff;background-color:#329f9a}
.srchDep1 li.on:after{content:'';display:block;position:absolute;bottom:-11px;left:50%;margin-left:-11px;width:22px;height:11px;background:url(https://img1.kbcard.com/LT/images_r/personal/benefit/bg_icon01.png) no-repeat 0 -300px}
.srchDep1 li.select a{color:#333;background:#f6f6f6}
.srchDep1 li.select:after{content:'';display:block;position:absolute;top:0;left:0;width:1px;height:108px;background:#e1e1e1}
.srchDep1 li:first-child.select:after{background:none}
.srchDep1 li.none a{color:#666}
.srchDep1 .zone{width:566px}
.srchDep1 ul li.zone ul:after{display:block;content:'';clear:both;height:0}
.srchDep1 .zone li{width:141px;margin:0;padding:0;border:0;background:url(https://img1.kbcard.com/LT/images_r/personal/benefit/bg_line01.gif) repeat-y left 0}
.srchDep1 .zone li:first-child{width:143px;background:none}
.srchDep1 li.affiliate{float:right}
.srchDep1 li.zone a:after{background-position:0 -50px}
.srchDep1 li.zone.on a:after{background-position:-35px -50px}
.srchDep1 li.zone.none a:after{background-position:-70px -50px}
.srchDep1 li.commercial a:after{background-position:0 0}
.srchDep1 li.commercial.on a:after{background-position:-35px 0}
.srchDep1 li.commercial.none a:after{background-position:-70px 0}
.srchDep1 li.map a:after{background-position:0 -50px}
.srchDep1 li.map.on a:after{background-position:-35px -50px}
.srchDep1 li.map.none a:after{background-position:-70px -50px}
.srchDep1 li.subway a:after{background-position:0 -100px}
.srchDep1 li.subway.on a:after{background-position:-35px -100px}
.srchDep1 li.subway.none a:after{background-position:-70px -100px}
.srchDep1 li.myzone a:after{background-position:0 -150px}
.srchDep1 li.myzone.on a:after{background-position:-35px -150px}
.srchDep1 li.myzone.none a:after{background-position:-70px -150px}
.srchDep1 li.division a:after{background-position:0 -200px}
.srchDep1 li.division.on a:after{background-position:-35px -200px}
.srchDep1 li.division.none a:after{background-position:-70px -200px}
.srchDep1 li.affiliate a:after{background-position:0 -250px}
.srchDep1 li.affiliate.on a:after{background-position:-35px -250px}
.srchDep1 li.affiliate.none a:after{background-position:-70px -250px}
.srchDep1:after{content:'';clear:both;display:block;height:0}

.srchDep2{position:relative;padding:10px 0 20px;z-index:10}
.srchDep2 li{float:left;width:100%;height:266px}
.srchDep2.tabCol4 li{width:25%}
.srchDep2.tabCol5 li{width:20%}
.srchDep2 li strong{position:relative;display:block;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;z-index:10}
.srchDep2 li strong a{display:block;height:33px;padding-top:15px;font-size:16px;text-align:center;color:#333}
.srchDep2 li+li strong{z-index:9}
.srchDep2 li+li+li strong{z-index:8}
.srchDep2 li+li+li+li strong{z-index:7}
.srchDep2 li+li+li+li+li strong{z-index:6}
.srchDep2 li:first-child strong{border-left:1px solid #e1e1e1}
.srchDep2 li.on strong{border-top:1px solid #6b727f;border-bottom:1px solid #6b727f;background:#6b727f}
.srchDep2 li.on strong a{color:#fff}
.srchDep2 li.on:first-child strong{border-left:1px solid #6b727f}
.srchDep2 li strong:after{content:'';display:block;position:absolute;right:-24px;top:0px;width:24px;height:48px;background:url(https://img1.kbcard.com/LT/images_r/personal/benefit/bg_icon01.png) no-repeat -70px -300px;z-index:110}
.srchDep2 li.on strong:after{background-position:-94px -300px}
.srchDep2 li.last strong:after{right:0;width:0;border-right:1px solid #e1e1e1}
.srchDep2 li.last.on strong:after{right:0;width:0;border-right:1px solid #6b727f}
.srchDep2:after{content:'';clear:both;display:block;height:0}
.srchDep2 .affiliateType{height:177px;padding-top:90px;background:#f9f9f9;text-align:center}
.srchDep2 .affiliateType label{position:relative;display:block;width:430px;padding:0;padding-left:28px;margin:0 auto 10px;font-size:24px;color:#333}
.srchDep2 .affiliateType label:after{content:'';display:block;position:absolute;left:0;top:3px;width:22px;height:22px;background:url(https://img1.kbcard.com/LT/images_r/personal/benefit/bg_icon01.png) no-repeat 0 -350px}

.srchDep3{position:absolute;top:60px;left:0;width:958px;height:216px;border:1px solid #e1e1e1;border-top:0;background:#fff;overflow-y:auto}/*width:718px*/
.srchDep3 .srchList1{margin:30px 20px 30px 35px}
.srchDep3 .srchList1 li{position:relative;width:160px !important;height:37px}
.srchDep3 .srchList1 li a{display:block;padding-left:15px;color:#666}
.srchDep3 .srchList1 li.on a{font-weight:600;color:#333}
.srchDep3 .srchList1 li a:after{content:'';display:block;position:absolute;left:0;top:2px;width:12px;height:12px;background:url(https://img1.kbcard.com/LT/images_r/personal/benefit/bg_icon01.png) no-repeat -35px -300px}
.srchDep3 .srchList1 li.on a:after{background-position:-35px -312px}
.srchDep3.myzoneType .srchList1 li{width:100% !important}
.srchDep3 .srchList2{display:inline-block;margin:62px auto 0 auto}
.srchDep3 .srchList2:after{content:'';clear:both;display:block;height:0}
.srchDep3 .srchList2 li{position:relative;width:72px !important;height:auto;margin-left:22px;text-align:center}
.srchDep3 .srchList2 li a{display:block;height:13px;padding-top:82px;background:url(https://img1.kbcard.com/LT/images_r/personal/benefit/bg_icon02.png) no-repeat 0 0;color:#666}
.srchDep3 .srchList2 li.all a{background-position:0 0}
.srchDep3 .srchList2 li.all.on a{background-position:0 -100px}
.srchDep3 .srchList2 li.food a{background-position:-72px 0}
.srchDep3 .srchList2 li.food.on a{background-position:-72px -100px}
.srchDep3 .srchList2 li.shopping a{background-position:-144px 0}
.srchDep3 .srchList2 li.shopping.on a{background-position:-144px -100px}
.srchDep3 .srchList2 li.clothing a{background-position:-216px 0}
.srchDep3 .srchList2 li.clothing.on a{background-position:-216px -100px}
.srchDep3 .srchList2 li.car a{background-position:-288px 0}
.srchDep3 .srchList2 li.car.on a{background-position:-288px -100px}
.srchDep3 .srchList2 li.travel a{background-position:-360px 0}
.srchDep3 .srchList2 li.travel.on a{background-position:-360px -100px}
.srchDep3 .srchList2 li.life a{background-position:-432px 0}
.srchDep3 .srchList2 li.life.on a{background-position:-432px -100px}
.srchDep3 .srchList2 li:first-child{margin:0}

.srchGuide{padding:0 10px 20px 30px;background:#f9f9f9;font-size:20px;color:#333;overflow:hidden}
.srchGuide.srchInfo{padding:20px 30px;text-align:center}
.srchGuide .tit{float:left;display:inline-block;width:75px;margin-top:22px;border-right:1px solid #ccc;font-size:14px}
.srchGuide .txtBox{float:left;width:580px}
.srchGuide .txt{display:inline-block;position:relative;margin-top:20px;padding:0 42px 0 20px;font-size:16px;font-weight:600;color:#329f9a}
.srchGuide .txt span{display:inline-block;color:#614cc2;padding:0 8px}
.srchGuide .txt .btnClose{position:absolute;top:50%;right:18px;width:12px;height:12px;margin-top:-5px;background:url(https://img1.kbcard.com/LT/images_r/personal/benefit/bg_icon01.png) no-repeat 0 -325px;text-indent:-999px;font-size:0}
.srchGuide:after{content:'';clear:both;display:block;height:0}

/* 카드리스트 */
/* 2021.11.17 asis→tobe 개선
.cardList01{margin-top:20px}
.cardList01 .infoCard_wr{position:relative;min-height:140px;border-bottom:1px solid #e1e1e1;padding:30px 0;overflow:hidden}
.cardList01 .infoCard_wr:first-child{padding-top:0}
.cardList01 .infoCard_wr > a{float:left;display:block;width:160px;height:100px;text-align:center}
.cardList01 .infoCard_wr div{float:left}
.cardList01 .infoCard_wr img{width:auto;max-width:158px;height:100px;margin:4px 0 0 0}
.cardList01 .infoCard_wr a{display:block}
.cardList01 .infoCard_wr strong{color:#333;font-size:18px;line-height:24px;margin-bottom:17px;display:block}
.cardList01 .infoCard_wr strong br{display:none}
.cardList01 .infoCard_wr .infoCard{width:520px;margin-left:40px}
.cardList01 .infoCard_wr .infoCard .infoCard_inner{overflow:hidden}
.cardList01 .infoCard_wr .infoCard li{float:left;border-left:1px solid #e1e1e1;padding:0 0 0 20px;width:159px}
.cardList01 .infoCard_wr .infoCard li:first-child{padding-left:0;border:none}
.cardList01 .infoCard_wr .infoCard li em{color:#9383e0;font-weight:600;margin-bottom:3px;line-height:32px;font-size:20px}
.cardList01 .infoCard_wr .infoCard li em span{font-family:Arial, 'KBFGText';color:#9383e0;font-size:28px;margin-right:3px;vertical-align:-3px;letter-spacing:-1px}
.cardList01 .infoCard_wr .infoCard li em, .cardList01 li .infoCard li > span{display:block}
.cardList01 .infoCard_wr .infoCard li > span{color:#333;padding-top:5px;letter-spacing:-1px}
.cardList01 .infoCard_wr .cardBtns{position:absolute;top:145px;left:0;width:160px}
.cardList01 .infoCard_wr .cardBtns a{display:inline-block}
.cardList01 .infoCard_wr:first-child .cardBtns{top:125px}
.cardList01 .infoCard_wr .cardBtns .btnXS{width:57px}
.cardList01 .infoCard_wr .cardBtns .get{border-color:#8b929e} */
.cardList01{margin-top:20px}
.cardList01 *{box-sizing:border-box;}
.cardList01 .infoCard_wr{position:relative;min-height:210px;border-bottom:1px solid #e1e1e1;padding:30px 0;overflow:hidden}
.cardList01 .infoCard_wr:first-child{padding-top:10px;min-height:190px;}/*padding-top:0*/
.cardList01 .infoCard_wr > a{float:left;display:block;width:160px;height:100px;text-align:center}
.cardList01 .infoCard_wr div{float:left}
.cardList01 .infoCard_wr img{width:auto;max-width:158px;height:100px;margin:4px 0 0 0}
.cardList01 .infoCard_wr a{display:block}
.cardList01 .infoCard_wr strong{color:#333;font-size:18px;line-height:24px;margin-bottom:17px;display:block}
.cardList01 .infoCard_wr strong br{display:none}
.cardList01 .infoCard_wr .infoCard{width:760px;margin-left:40px}
.cardList01 .infoCard_wr .infoCard .infoCard_inner{overflow:hidden}
.cardList01 .infoCard_wr .infoCard li{float:left;border-left:1px solid #e1e1e1;padding:0 0 0 20px;width:252px;}
.cardList01 .infoCard_wr .infoCard li:first-child{padding-left:0;border:none}
.cardList01 .infoCard_wr .infoCard li em{color:#9383e0;font-weight:600;margin-bottom:3px;line-height:32px;font-size:20px}
.cardList01 .infoCard_wr .infoCard li em span{font-family:Arial, 'KBFGText';color:#9383e0;font-size:28px;margin-right:3px;vertical-align:-3px;letter-spacing:-1px}
.cardList01 .infoCard_wr .infoCard li em, .cardList01 li .infoCard li > span{display:block}
.cardList01 .infoCard_wr .infoCard li > span{color:#333;padding-top:5px;letter-spacing:-1px}
.cardList01 .infoCard_wr .cardBtns{position:absolute;top:145px;left:0;width:160px}
.cardList01 .infoCard_wr .cardBtns a{display:inline-block}
.cardList01 .infoCard_wr:first-child .cardBtns{top:125px}
.cardList01 .infoCard_wr .cardBtns .btnXS{width:77px}
.cardList01 .infoCard_wr .cardBtns .get{border-color:#8b929e}
.tabType1 + h2 + .cardList01, .cardList_tab + h2 + .cardList01{margin-top:50px}
/* 세로카드 */
.cardList01 .infoCard_wr.row{min-height:263px}
.cardList01 .infoCard_wr.row > a{height:160px;}
.cardList01 .infoCard_wr.row img{margin:30px 0 0 0;transform:rotate(90deg);}
.cardList01 .infoCard_wr.row .cardBtns{top:200px;}
.cardList01 .infoCard_wr.row:first-child{min-height:243px}
.cardList01 .infoCard_wr.row:first-child .cardBtns{top:180px}

/* 계산기 */
.recommendCard.installment{background:none;border:none}
.recommendCard.installment .slideWrap.slidesrvCard{position:relative;padding-bottom:30px;background:#f5f5f5;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.recommendCard.installment .slideWrap.slidesrvCard .card_paging{bottom:20px}
.recommendCard.installment .cardInfo{width:100%;min-height:100px !important;padding:0;margin:20px 0 0}
.calculatorArea .cont{padding:40px 0;text-align:center;background:#f5f5f5;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.calculatorArea .cont input{width:300px;margin:0 10px 0 18px;vertical-align:middle}
.calculatorArea .cont .kbBtn{width:88px}
.calculatorArea .cont > strong{font-size:16px;color:#333}
.calculatorArea ul:after{display:block;content:'';clear:both;height:0}
.calculatorArea ul li{float:left;width:180px;padding:20px 0;text-align:center;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.calculatorArea ul li+li+li{width:358px;border-right:none}
.calculatorArea ul li span{font-weight:600}
.calculatorArea ul li strong{position:relative;display:block;padding:20px 45px 0;font-size:30px;line-height:30px;color:#715fc4}
.calculatorArea ul li strong em{position:absolute;top:20px;right:20px;font-size:18px;font-weight:normal}
.popLayer .recommendCard .cardInfo{min-height:200px}

.recommendCard{padding-bottom:30px;background:#f5f5f5;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.recommendCard.searchMycard{border:none}
.slideWrap.slidesrvCard{width:100%;padding:40px 0 10px}
.slideWrap.slidesrvCard .slider{height:160px;}
.slideWrap.slidesrvCard .slider .slideList{text-align:center;left:50%;margin-left:-71px}
.slideWrap.slidesrvCard .slider li{width:142px;margin-right:47px;position:relative}
.slideWrap.slidesrvCard .slider li span{display:block;color:#333;margin-top:15px;font-weight:600}
.slideWrap.slidesrvCard .slider li.checking em{position:absolute;top:20px;left:45px;display:block;width:49px;height:49px;background:url(https://img1.kbcard.com/LT/images_r/personal/myrounge/bg_btnSlide04.png) no-repeat 0 0}
.slideWrap.slidesrvCard .slider li a{display:block}
.slideWrap.slidesrvCard .slider li img{width:142px;height:90px;}
.slideWrap.slidesrvCard.three .slider{margin:0 100px;width:520px;overflow:hidden}
.slideWrap.slidesrvCard.three .slider .slideList{margin-left:-260px}
.slideWrap.slidesrvCard button{width:32px;height:32px;background:url(https://img1.kbcard.com/LT/images_r/personal/myrounge/bg_btnSlide02.png) no-repeat 0 0;top:100px;left:30px;}
.slideWrap.slidesrvCard button.next{left:660px;background-position:-32px 0}
.slideWrap.slidesrvCard.three button.on{background-position:-64px 0}
.slideWrap.slidesrvCard.three button.on.next{left:660px;background-position:-96px 0}
.slideWrap.slidesrvCard .card_paging{width:100%;position:absolute;bottom:0;text-align:center}
.slideWrap.slidesrvCard .card_paging span{display:inline-block;width:8px;height:8px;background:url(https://img1.kbcard.com/LT/images_r/personal/myrounge/bg_btnSlide03.png) no-repeat -25px 0;margin-left:5px;cursor:pointer}
.slideWrap.slidesrvCard .card_paging span:first-child{margin:0}
.slideWrap.slidesrvCard .card_paging span.on{width:20px;background-position:0 0}
.recommendCard .cardInfo{position:relative;margin:20px 0 0 30px;width:850px;min-height:320px;height:auto;padding:30px;background:#fff}
.recommendCard .cardInfo .titArea .kbBtn{position:absolute;top:-6px;right:0}
.recommendCard .cardInfo > .listType1{margin-top:25px}
.recommendCard .cardInfo .listType1 li .listType2{margin-top:15px}
.recommendCard .cardInfo .listType1 li .listType2 li{font-size:12px;color:#666}

/* graph */
.graphBox{border:1px solid #e1e1e1;position:relative;text-align:center}
.graphBox .txt{position:absolute;top:30px;right:30px}
.graphTab{display:inline-block;margin:20px auto 0 auto}
.graphTab:after{content:'';clear:both;display:block;height:0}
.graphTab li{float:left}
.graphTab li a{display:block;padding:9px 10px;border:1px solid #a7a7a7;border-left:none;border-radius:0 4px 4px 0}
.graphTab li:first-child a{border-left:1px solid #a7a7a7;border-right:none;border-radius:4px 0 0 4px}
.graphTab li.tabON a{background:#6b727f;color:#fff;border:1px solid #6b727f}

.hType1{height:300px}
.hType2{height:376px}
.hType3{height:408px}
.hType4{height:430px}
.hType5{height:350px}

.graphCont{margin:0 30px 0 100px;text-align:center}
.graphCont:after{content:'';clear:both;display:block;height:0}
.graphStick{margin-top:70px}
.graphTab + .graphStick{margin-top:20px}
.graphStick .legendList{clear:both;margin:70px 0 0 -39px !important}
.graphCont .stickUnit{float:left;width:92px;margin:0 0 0 -100px}
.graphCont .stickUnit li{color:#333;font-size:12px;text-align:right}

.graphCont .stickUnit.stickY05{margin-top:-20px}
.graphCont .stickUnit.stickY05 li{line-height:40px}
.graphCont .stickUnit.stickY10{margin-top:-10px}
.graphCont .stickUnit.stickY10 li{line-height:20px}
.graphCont .stickUnit.stickY10 li.unit01, .graphCont .stickUnit.stickY10 li.unit03, .graphCont .stickUnit.stickY10 li.unit05, .graphCont .stickUnit.stickY10 li.unit07, .graphCont .stickUnit.stickY10 li.unit09{color:#666}
.graphArea{position:relative;float:left;width:100%;height:200px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_graphLine.gif) repeat;}
.graphArea:after{content:'';display:block;position:absolute;top:200px;left:0;width:100%;height:1px;background:#707784}
.stickList:after{content:'';clear:both;display:block;height:0}
.graphArea .stickList li{position:relative;float:left;height:200px;text-align:center;vertical-align:bottom}
.graphArea .stickList li .stick{position:absolute;bottom:0;left:0;width:100%;text-align:center;vertical-align:bottom;z-index:1;max-height:235px;}
.graphArea .stickList li .stick:hover{z-index:2}
.graphArea .stickList li .stick p{text-indent:-9999px;display:inline-block;width:30px;height:100%;min-height:1px;margin:0 auto;border-radius:5px;/* vertical-align:bottom */}
.graphArea .stickList li.stick01 .stick p, .graphArea .stickList li.stick07 .stick p{background:url(https://img1.kbcard.com/LT/images_r/personal/myrounge/bg_mykb_report05.gif) repeat-y}
.graphArea .stickList li.stick02 .stick p, .graphArea .stickList li.stick08 .stick p{background:url(https://img1.kbcard.com/LT/images_r/personal/myrounge/bg_mykb_report02.gif) repeat-y}
.graphArea .stickList li.stick03 .stick p, .graphArea .stickList li.stick09 .stick p{background:url(https://img1.kbcard.com/LT/images_r/personal/myrounge/bg_mykb_report03.gif) repeat-y}
.graphArea .stickList li.stick04 .stick p, .graphArea .stickList li.stick10 .stick p{background:url(https://img1.kbcard.com/LT/images_r/personal/myrounge/bg_mykb_report04.gif) repeat-y}
.graphArea .stickList li.stick05 .stick p, .graphArea .stickList li.stick11 .stick p{background:url(https://img1.kbcard.com/LT/images_r/common/bg_report06.gif) repeat-y}
.graphArea .stickList li.stick06 .stick p, .graphArea .stickList li.stick12 .stick p{background:url(https://img1.kbcard.com/LT/images_r/personal/myrounge/bg_mykb_report01.gif) repeat-y}
.graphArea .stickList li .stick .layValue{display:none;position:absolute;top:-74px;left:50%;width:120px;margin-left:-70px;padding:8px;color:#333;line-height:18px;border:2px solid #7f7f7f;border-radius:5px;letter-spacing:-1px;text-align:left;background:#fff}
.graphArea .stickList li .stick .layValue.value01{width:132px;margin-left:-76px}
.graphArea .stickList li .stick .layValue.value02{width:84px;margin-left:-52px}
.graphArea .stickList li .layValue:after{content:'';display:block;position:absolute;bottom:-12px;left:50%;margin-left:-9px;width:18px;height:12px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_graph.png) no-repeat}
.graphArea .stickList li .stick:hover .layValue{display:block}
.graphArea .stickList li span{position:absolute;bottom:-53px;display:block;width:100%;height:45px;font-size:12px;text-align:center}
.graphArea .stickList.stickX12 li.stick02 span, .graphArea .stickList.stickX12 li.stick04 span, .graphArea .stickList.stickX12 li.stick06 span, .graphArea .stickList.stickX12 li.stick08 span, .graphArea .stickList.stickX12 li.stick10 span, .graphArea .stickList.stickX12 li.stick12 span{bottom:-45px}
.graphArea .stickList.stickX12 li.stick02 span:before, .graphArea .stickList.stickX12 li.stick04 span:before, .graphArea .stickList.stickX12 li.stick06 span:before, .graphArea .stickList.stickX12 li.stick08 span:before, .graphArea .stickList.stickX12 li.stick10 span:before, .graphArea .stickList.stickX12 li.stick12 span:before{content:'';display:block;width:2px;height:21px;margin:0 auto 8px auto}
.graphArea .stickList.stickX12 li.stick02 span:before, .graphArea .stickList.stickX12 li.stick08 span:before{background:#72bdab}
.graphArea .stickList.stickX12 li.stick04 span:before, .graphArea .stickList.stickX12 li.stick10 span:before{background:#a671c2}
.graphArea .stickList.stickX12 li.stick06 span:before, .graphArea .stickList.stickX12 li.stick12 span:before{background:#7c7ae1}
.stickList.stickX06 li, .stickList.stickX06_3 li{float:left;width:16.6%;text-align:center}
.stickList.stickX06_3 li .stick{left:50%;display:inline-block;width:25px}
.stickList.stickX06_3 li .stick p{width:25px}
.stickList.stickX06_3 li .case01{margin-left:-41px}
.stickList.stickX06_3 li .case02{margin-left:-12px}
.stickList.stickX06_3 li .case03{margin-left:18px}
.stickList.stickX06_3 li .stick p{min-height:1px;background-repeat:repeat-y;background-position:50% 0}
.stickList.stickX06_3 li .stick.case01 p{background-image:url(https://img1.kbcard.com/LT/images_r/common/bg_rPattern01.gif)}
.stickList.stickX06_3 li .stick.case02 p{background-image:url(https://img1.kbcard.com/LT/images_r/common/bg_rPattern02.gif)}
.stickList.stickX06_3 li .stick.case03 p{background-image:url(https://img1.kbcard.com/LT/images_r/common/bg_rPattern03.gif)}
.stickList.stickX06_3 li .stick .layValue{width:75px;margin-left:-45px}

.graphArea .stickList.stickX03 li{width:33.33%}
.graphArea .stickList.stickX07 li{width:14.28%}
.graphArea .stickList.stickX08 li{width:12.5%}
.graphArea .stickList.stickX11 li{width:9.09%}
.graphArea .stickList.stickX12 li{width:8.3%}
.graphArea .stickList.stickX12 li span{letter-spacing:-1px}

.graphArea .stickList.stickX12_2{display:inline-block;margin:0 auto}
.graphArea .stickList.stickX12_2 li{width:35px;margin:0 16px}
.graphArea .stickList.stickX12_2 li .stick{display:inline-block;width:15px}
.stickList.stickX12_2 li .stick p{width:15px}
.stickList.stickX12_2 li .case01{left:0}
.stickList.stickX12_2 li .case02{left:auto;right:0}
.stickList.stickX12_2 li .stick.case01 p{background-image:url(https://img1.kbcard.com/LT/images_r/common/bg_rPattern01.gif)}
.stickList.stickX12_2 li .stick.case02 p{background-image:url(https://img1.kbcard.com/LT/images_r/common/bg_rPattern02.gif)}

.graphRound{margin:0;text-align:center}
.legendArea{display:inline-block;margin:50px auto 0 auto}
.legendArea:after{content:'';clear:both;display:block;height:0}
.legendArea .canvasArea{float:left}
.legendArea .canvasArea ul{display:inline-block}
.legendArea .canvasArea ul:after{content:'';clear:both;display:block;height:0}
.legendArea .canvasArea ul li{float:left;width:240px;}
.legendArea .canvasArea ul li strong{display:block;color:#333;font-size:16px;font-weight:600;text-align:center}
.legendList{float:left}
.legendList ul{display:table-cell;width:302px;height:200px;margin:0 20px;vertical-align:middle}
.legendList li{width:302px;margin-bottom:10px;line-height:20px;text-align:left}
.legendList li strong{position:relative;display:inline-block;width:125px;height:20px;padding-left:30px;font-weight:normal;text-align:left}
.legendList li strong:before{content:'';display:block;position:absolute;top:0;left:0;width:20px;height:20px}
.legendList li.round01 strong:before{background:url(https://img1.kbcard.com/LT/images_r/common/bg_rPattern01.gif) no-repeat}
.legendList li.round02 strong:before{background:url(https://img1.kbcard.com/LT/images_r/common/bg_rPattern02.gif) no-repeat}
.legendList li.round03 strong:before{background:url(https://img1.kbcard.com/LT/images_r/common/bg_rPattern03.gif) no-repeat}
.legendList li.round04 strong:before{background:url(https://img1.kbcard.com/LT/images_r/common/bg_rPattern04.gif) no-repeat}
.legendList li.round05 strong:before{background:url(https://img1.kbcard.com/LT/images_r/common/bg_rPattern05.gif) no-repeat}
.legendList li.round06 strong:before{background:url(https://img1.kbcard.com/LT/images_r/common/bg_rPattern06.gif) no-repeat}
.legendList li.round07 strong:before{background:url(https://img1.kbcard.com/LT/images_r/common/bg_rPattern07.gif) no-repeat}
.legendList li.round08 strong:before{background:url(https://img1.kbcard.com/LT/images_r/common/bg_rPattern08.gif) no-repeat}
.legendArea .legend02{width:604px}
.legendArea .legend02 li{float:left}
.legendServeral{margin-top:30px}
.legendServeral .canvasArea{float:none}
.legendServeral .legendList ul, .graphStick .legendList{float:none}
.legendServeral .legendList ul, .graphStick .legendList ul{display:inline-block;width:auto;height:auto}
.legendServeral .legendList{float:none;margin-top:45px}
.legendServeral .legendList li, .graphStick .legendList li{float:left;width:auto;padding-left:20px}
.legendServeral .legendList li:first-child, .graphStick .legendList li:first-child{padding-left:0}
.legendServeral .legendList li strong, .graphStick .legendList li strong{width:auto}

.legendArea .canvasList .layValue{display:none;position:absolute;top:-74px;left:50%;padding:8px;color:#333;line-height:18px;border:2px solid #7f7f7f;border-radius:5px;letter-spacing:-1px;text-align:left;background:#fff}
.legendArea .canvasList .layValue:after{content:'';display:block;position:absolute;bottom:-12px;left:50%;margin-left:-9px;width:18px;height:12px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_graph.png) no-repeat}

/* e-photo */
.ephotoWr{background:url(https://img1.kbcard.com/LT/images_r/common/bg_card_design.gif) left top no-repeat;padding:43px 0;width:590px;height:204px;margin:30px 0}
.ephotoWr .imgArea{position:relative;width:324px;height:205px;margin:0 auto;border-radius:9px;overflow:hidden}
.ephotoWr .imgArea img{width:324px}
.ephotoWr .imgArea .imgWr2{position:absolute;top:0;left:0}
.btnTopline{border-top:1px solid #c2c2c2;padding:30px 0 0}

.cardInfo{display:none;position:absolute;top:0;left:0;width:210px;height:119px;padding-top:14px;background:url(https://img1.kbcard.com/LT/images_r/personal/myrounge/bg_card.gif) no-repeat 0 0}
.cardInfo .col{float:left;width:70px;height:110px;text-align:center}
.cardInfo .col .sTit{display:table-cell;width:300px;height:28px;padding-bottom:6px;vertical-align:middle;font-weight:600;font-size:12px;color:#333}
.cardInfo .col .txt1{display:block;height:30px;padding:8px 0 0 0;color:#fff;font-size:12px}
/* 2021.11.17 asis→tobe 개선
.cardInfo .col .txt1 em{font:20px 'Arial', NanumGothic, '나눔고딕', NG}*/
.cardInfo .col .txt1 em{font:20px 'Arial', "KBFGText"}
.cardInfo .col .txt2{display:table-cell;width:300px;height:28px;padding-top:6px;vertical-align:middle;font-size:12px}
.cardStyle:hover .cardInfo{display:block}
.cardInfo.col1{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card3.gif)}
.cardInfo.col1 .col{width:210px}
.cardInfo.col2{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card2.gif)}
.cardInfo.col2 .col{width:105px}

/* 약관 */
.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/home_re/asis/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}

/* 쿠폰팝업 */
.couponWrap{padding:0}
.couponWrap .layContainer{border-top:none}
.couponWrap .layContents{padding:0}
.couponWrap .titLayDep1{height:40px;padding:20px 30px 0 30px;color:#333;font-size:20px;font-weight:600;line-height:1;background:#ffcf00 url(https://img1.kbcard.com/LT/images_r/common/logo_pop.gif) no-repeat 515px 20px;border-bottom:none}
.couponCont{border-bottom:1px solid #e1e1e1}
.couponCont:after{content:'';display:block;height:0;clear:both}
.couponCont .left{float:left;width:220px;height:auto;padding:10px;}
.couponCont .right{position:relative;float:left;width:351px;padding:30px 28px;border-left:1px solid #e1e1e1}
.couponCont .right .titDep1{padding-bottom:16px;font-size:24px;font-weight:600;color:#333;line-height:30px}
.couponCont .right .titDep2{font-size:14px;color:#333}
.couponCont .right .subTit{padding-bottom:7px;line-height:22px}

.couponCont .right .listType1 li{padding-bottom:13px}
.couponCont .right .listType1+.txtInfo{margin-top:-5px}
.couponCont .right .boxType5{padding:20px 20px 0;background:#f9f9f9}
.couponCont .right .boxType5 .listType1 li{font-weight:600;color:#614cc2}
.couponCont .right .txtArea{position:absolute;bottom:30px;left:-214px}
.couponCont .right .txtArea dt{padding-bottom:6px;color:#333;font-weight:600}
.couponCont .right .txtArea dd+dt{margin-top:30px}

.couponCont.vip .titDep1{color:#7361c5} /*서비스-VIP */
.couponCont.vip .titDep1 span{display:block;font-size:16px;color:#333}
.couponCont .noPrice{text-decoration:line-through}
.couponCont .discountPrice{font-weight:600;color:#f1513d}
.couponCont .tblH th,.couponCont .tblH td{height:auto}

.couponCont .left.shop{width:210px}/* 혜택 */
.couponCont .right .storeTit:after{content:'';clear:both;display:block;height:0;visibility:visible}
.couponCont .right .storeTit .logo{float:left;width:40px;}
.couponCont .right .storeTit .name{float:left;width:311px;line-height:18px}
.couponCont .right .conArea{border-top:1px solid #e1e1e1;margin-top:14px;padding-top:16px}
.couponCont .right .conArea:after{content:'';clear:both;display:block;height:0;visibility:visible}
.couponCont .right .conArea dt{float:left;width:81px;font-weight:600;padding-top:14px}
.couponCont .right .conArea dd{float:left;width:270px;padding-top:10px;line-height:22px}
.couponCont .right .conArea .boxType3{margin-top:30px;padding:16px 20px;width:311px;line-height:22px;clear:both}

/* 그리드 css */
.x-panel-default{border-color:#e1e1e1 !important}
.x-box-inner{height:40px !important}
.x-column-header-text{color:#333 !important}
.x-column-header{background:#f9f9f9 !important}

/* 새소식 스타일 정의 */
/* default (기본스타일 및 리뉴얼전의 화면 보정)*/
.viewCont {margin:0; padding:0;line-height:1.5;} /* 상세내역 영역 */
.viewCont p {margin-bottom:0px; color:#5b5b5b; line-height:1.5;}
.viewCont p.tit{margin-top:20px; margin-bottom:7px; padding-left:12px; background:url('https://img1.kbcard.com/LT/common/bullet/bu_32.gif') no-repeat left 5px; font-weight:bold; line-height:15px;}
.viewCont span.subtxt { font-weight:normal; padding-left:10px; }
.viewCont img {max-width:100%;}
/* table */
.viewCont {padding:0; font-size:13px; line-height:1.5;}
.viewCont table {width:100%; margin:0 0 20px; border-top:2px solid #776c61; border-bottom:1px solid #dedede; border-collapse:collapse; border-spacing:0}
.viewCont table th {padding:7px 10px; border-right:1px solid #dedede; border-bottom:1px solid #dedede; background:#f1f2f4; color:#282828; font-size:13px; letter-spacing:-1px; text-align:center;}
.viewCont table td {padding:7px 10px; border-bottom:1px solid #dedede; border-right:1px solid #dedede; font-size:13px; text-align:center; word-break:break-all}
.viewCont table thead th:last-child,
.viewCont table tbody td:last-child {border-right:none}

/* list */
.viewCont ul {margin:10px 0 20px; padding:0;}
.viewCont ul li {margin-bottom:5px; padding:0 10px 0 0; background:none; font-size:13px; line-height:1.5;}
.viewCont ul li span, .viewCont ul li img {vertical-align:middle;}
.viewCont ul li ul {margin:5px 0 10px 10px}
.viewCont ul li ul li {margin-bottom:5px;background:none; font-size:12px; line-height:1.5;}

/* to-be 스타일 정의 */
/* Notice영역 */
.viewCont .notice {margin:0 0 10px; padding:18px 15px; border:5px solid #ddd; background:#fff;}
/* .viewCont .notice p.tit {color:#282828; font-size:16px; font-weight:bold; line-height:1.5;} */
.viewCont .notice p.tit {margin-top:0px; padding-left:12px; background:url('https://img1.kbcard.com/LT/common/bullet/bu_32.gif') no-repeat left 5px; font-weight:bold; line-height:15px;}
.viewCont .notice p {padding:0; margin:0; color:#5b5b5b; font-size:13px; line-height:1.4;}
.viewCont .notice ul {margin:0 0 -5px 0}
.viewCont .notice ul li {margin:1px 0 5px; padding-left:9px; padding-left:9px; background:url('https://img1.kbcard.com/LT/images_r/customer/notice/bu_26.gif') no-repeat left 5px; color:#5b5b5b; font-size:13px; line-height:1.4;}
.viewCont .notice p.tit + ul, .viewCont .notice p.tit + p {margin-top:7px;}
/* table */
.viewCont .rowType,
.viewCont .colType {border-top:2px solid #5a5653;}
.viewCont .rowType table {width:100%; margin:0; border:none; border-collapse:collapse; border-spacing:0;}
.viewCont .rowType table th {padding:11px 10px; border-right:1px solid #dedede; border-bottom:1px solid #dedede; background:#f7f7f7; color:#555; font-size:13px; letter-spacing:-1px; text-align:left;}
.viewCont .rowType table td {padding:11px 10px !important; border-bottom:1px solid #dedede !important; font-size:13px; text-align:left !important; word-break:break-all; color:#666;}
.viewCont .rowType table td.last {border-right:none}
.viewCont .colType table {width:100%; table-layout:fixed; margin:0; border:none;}
.viewCont .colType table thead th {padding:7px 10px; border-right:1px solid #dedede; background:#f7f7f7; color:#555; font-size:13px; letter-spacing:-1px; text-align:center;}
.viewCont .colType table tbody th {padding:7px 10px; border-right:1px solid #dedede; font-size:13px; text-align:center;}
.viewCont .colType table tbody td {padding:7px 10px !important; border-right:1px solid #dedede; border-bottom:1px solid #dedede !important; font-size:13px; text-align:center; word-break:break-all; color:#666;}
.viewCont .colType table thead th.last,
.viewCont .colType table tbody td.last {border-right:none}
.viewCont .colType table .bdL {border-left:1px solid #dedede}
.viewCont .colType table.thL thead th {text-align:left;}
.viewCont .colType table.tdL tbody td {text-align:left;}
/* List */
.viewCont .newsList ul {margin:10px 0 20px; padding:0}
.viewCont .newsList ul li {margin-bottom:5px; padding:0 10px 0 10px; background:url('http://img1.kbcard.com/LT/cxh/images/mblhome/common/bul_contList01.png') no-repeat 0px 7px; background-size:5px;-webkit-background-size:5px; font-size:13px; line-height:1.5; }
.viewCont .newsList ul li span, .contList01 li img{ vertical-align:middle; }
.viewCont .newsList ul li ul {margin:5px 0 10px 4px}
.viewCont .newsList ul li ul li {margin-bottom:5px; background:url('http://img1.kbcard.com/LT/cxh/images/mblhome/common/bul_hyp.png') no-repeat 0 6px; background-size:6px 6px;-webkit-background-size:6px 6px;font-size:12px; line-height:1.5;}
.viewCont .newsList ul li ul.noneBg li {padding-left:0; background:none}
/* Button */
.viewCont .btnWrap.mbl {display:none;}
.viewCont .btnWrap.mbl .btn {display:inline-block; min-width:56px; margin-right:7px; padding:12px 15px 12px; border:none; border-radius:3px; background:#ffcc00; color:#282828; font-size:13px; line-height:1.0em; font-family:'KBFGText'; font-weight:bold; text-align:center; box-shadow:1px 1px 0px #c49d00}
.viewCont .btnWrap.mbl .btn.cancel {display:inline-block; min-width:56px; margin-right:7px; padding:12px 15px 12px; border:none; border-radius:3px; background:#dedede; color:#282828; font-size:13px; line-height:1.0em; font-family:'KBFGText'; font-weight:bold; text-align:center; box-shadow:1px 1px 0px #ababab}
/* 첨부파일 */
.viewCont .attFile {margin:20px 0 0; border-top:1px solid #dedede}
.viewCont .attFile li {margin:0 10px; padding:0; border-top:1px dotted #dedede; background:none}
.viewCont .attFile li:first-child {border-top:none}
.viewCont .attFile li a {display:block; position:relative; padding:9px 0 9px 25px; font-size:11px; line-height:18px; }
.viewCont .attFile li a .icoImg.file {position:absolute; top:9px; left:0;}
/*모바일 분기 버튼*/
.viewCont .mBtn_area {display:none;}

/* 카드 신규회원 캐시백 이벤트 배너 */
.cardEvnt_banner {border:1px solid #d7ebe7; padding:26px 29px 25px; background:#e4f7f3 url('https://img1.kbcard.com/LT/images_r/common/cardEvnt_bg.png') no-repeat 570px 14px; font-size:0; line-height:0;}
/* 리볼빙등록 이벤트 배너 */
.loanEvnt_banner {border:1px solid #ede5dc; padding:26px 29px 25px; background:#fcf3e8 url('https://img1.kbcard.com/LT/images_r/common/loanEvnt_bg.png') no-repeat 525px 25px; font-size:0; line-height:0;}

/* 새소식관련 버튼 CSS 추가*/
.mbBtn_area { display:none; }

/*2016 11 추가 */
/*이용약관 동의*/
.withdrawCont.onlyagree .titWith{font-size:14px;padding:10px 20px;line-height:24px;}
.withdrawCont.onlyagree .agreeRad {background:#f9f9f9;}
.withdrawCont.onlyagree .agreeRad .formRad{border-left:none !important;}
.withdrawCont.onlyagree .radOFF.agreeRad label {padding:0px 28px 0px 30px}
.agreeRad.telchBtnWrap .formChk.chkTxt {width:350px; padding-right:80px; line-height:26px;}
.agreeRad.telchBtnWrap .formRad label:before{top:20px;left:30px}
.agreeRad.telchBtnWrap .formRad input[type=radio]{top:20px;left:30px}
.agreeRad.telchBtnWrap .formChk.chkTxt .telchBtn {position:absolute;top:0;right:0;}
.agreeRad.telchBtnWrap .formChk label:before {top:3px;}
.agreeRad.telchBtnWrap .formChk input[type=checkbox] {top:4px;}

/* 주소검색관련 CSS추가 */
.sectionTbl tr:first-child th {border-top:1px solid #e1e1e1 !important}
.sectionMark li {position:relative;padding-left:65px;}
.sectionMark li:first-child {margin-bottom:6px;}
.sectionSell {display:block;position:absolute;top:0;left:5px;width:46px;line-height:18px;height:18px;font-size:12px;text-align:center;}
.sectionSell.widesell {width:70px;line-height:23px;height:23px;font-size:14px;font-weight:600;}
.sectionSell.sellred {color:#e44b3a;border:1px solid #e44b3a;}
.sectionSell.sellgray {color:#666;border:1px solid #666;}

/*팝업*/
.withdrawCont.onlyBtn .kbBtn {top:6px;right:20px;}

/* SNS공유하기 */
.shareWrap {overflow:hidden; width:95px; margin:20px 0 0;}
.shareWrap.centerAlign {margin:20px auto 43px;}
.shareWrap a {float:left; width:29px; height:29px; text-indent:39px; overflow:hidden;}
.shareWrap .fb {background:url('https://img1.kbcard.com/LT/images_r/common/iconFacebook.png') no-repeat;}
.shareWrap .tw {margin-left:4px; background:url('https://img1.kbcard.com/LT/images_r/common/iconTwitter.png') no-repeat;}
.shareWrap .copy {margin-left:4px; background:url('https://img1.kbcard.com/LT/images_r/common/iconUrl.png') no-repeat;}

/* 약관관련 CSS추가 */
.termChk {position:relative; margin-top:20px; padding:20px; border:1px solid #e1e1e1; background:#f9f9f9;}
.termChk .titWith {font-size:16px; color:#333; font-weight:600;}
.termChk .btnXS {position:absolute; top:17px; right:135px;}
.termChk .agreeChk {position:absolute; top:0; right:0; width:114px; height:39px; padding-top:20px; background:#fff; border-left:1px solid #e1e1e1; text-align:center;}

/* 주소검색팝업 170817추가 */
.searchAdd_top {padding:16px 20px 9px; background:#f9fafc;}
.searchAdd_top .txt {padding-bottom:9px; color:#333; font-weight:600;}
.searchAdd_top .detailAdd {margin-bottom:5px;}
.searchAdd_top .form-field__btn-search {position:static; margin-top:0;}
.searchAdd_list {margin-top:20px; max-height:454px; padding:14px 20px; overflow-y:auto; border:1px solid #e1e1e1}
.addList {border-bottom:1px solid #e1e1e1; margin-bottom:14px;}
.addList li {padding:20px 0px 20px 9px; border-top:1px solid #e1e1e1;}
.addList li .on label {font-weight:600; color:#333;}
.addList li .addArea.existingArea {margin-top:20px;}
.addList li .addArea.existingArea .formRad{line-height:20px;}/* 2966 https://tcard.kbcard.com/MKB/DVIEW/HMEMCXPRIMYS0062 */
.addList li .existingArea label {font-size:12px;}
.addList li .roadArea .formRad label {position:relative; padding-left:89px; line-height:21px; min-height:21px;}
.addList li .addArea .formRad input {top:1px;}
.addList li .addArea .formRad label:before {top:1px;}
.addList li .addArea .sectionTxt {top:1px;}
.addList li .existingArea .formRad label {position:relative; padding-left:89px;}
.addList li .existingArea .formRad input {top:0px;}
.addList li .existingArea .formRad label:before {top:0px;}
.addList li .existingArea .sectionTxt {top:0;}
.addList li .addArea .sectionTxt {position:absolute; left:28px; margin-left:3px; width:auto; min-width:48px; border:1px solid #f1513d; font-size:12px; color:#f1513d; line-height:17px; text-align:center; background:#fff; font-weight:normal;}
.addList li .addArea .detailAdd {display:none; overflow:hidden; height:30px; padding:10px 10px 10px 15px; margin-left:31px; margin-top:18px; background:#f0f0f0}
.addList li .addArea .detailAdd p {float:left; padding-top:4px; padding-right:15px; font-weight:600; color:#333;}
.addList li .addArea .detailAdd input {float:left; width:293px;}
.addList li .addArea .detailAdd .kbBtn {float:left; margin-left:10px;}
.addList li .addArea.detailArea .sectionTxt {display:inline-block; position: static;}
.addList li .addArea.detailArea .addrTxt {display:block; margin-top:10px;}

/* 약관동의영역관련 CSS추가 20170829 */
/* 2021.11.17 asis→tobe 개선
.termAgree {border:1px solid #e1e1e1;} */
.termAgree {overflow:hidden;border:1px solid rgba(0, 0, 0, 0.16);border-radius:12px;}
.termAgree .termsTit {position:relative; background:#f9f9f9; border-bottom:1px solid #e1e1e1; line-height:59px;}
.termAgree .termsTit a span {display:inline-block; padding-left:20px; font-size:16px; font-weight:600; color:#333;}
.termAgree .termsAll {position:absolute; right:0; top:0; width:136px; height:59px; border-left:1px solid #e1e1e1; background:#fff; text-align:center;}
.termAgree .termsList {padding:20px 30px;}
.termAgree .termsList li {position:relative; margin-top:14px; line-height:26px;}
.termAgree .termsList li:first-child {margin-top:0;}
.termAgree .termsList li a strong {color:#333}
.termAgree .termsList li .btnXS {position:absolute; top:-4px; right:116px;}/* 박진수 - 약관 라인에서 버튼이 아래로 쏠림 */
.termAgree .termsList li .formRad,
.termAgree .termsList li .formChk {position:absolute; top:3px; right:25px; width:auto;}

/* RNB없는 경우 STEP CSS 추가 20170829 */
.renewStep.stepCol2 strong:after,
.renewStep.stepCol2 span:after {left:-213px; width:425px;}
.renewStep.stepCol2 strong,
.renewStep.stepCol2 span {font-size:15px;}
.renewBox .titTxt {font-size:20px;}

/* 본인확인서비스 로그인 팝업CSS 20170901 */
.popLogin_wrap {margin:30px auto 0; width:666px;}
.popLogin_wrap .popTxt {margin-top:15px; text-align:right; font-size:13px;}
.popLogin_wrap .popLogin {overflow:hidden; padding-left:86px; padding-top:50px; height:240px; background:#f7f7f7; border-radius:5px;}
.popLogin_wrap .popLogin li {overflow:hidden; margin-top:10px;}
.popLogin_wrap .popLogin li .tit,
.popLogin_wrap .popLogin li .kbBtn,
.popLogin_wrap .popLogin li input {float:left}
.popLogin_wrap .popLogin li .tit {width:53px; padding-right:14px; padding-top:12px; text-align:right}
.popLogin_wrap .popLogin li .kbBtn {margin-left:5px;}
.popLogin_wrap .popLogin .btnArea {margin-top:20px; padding-left:64px; text-align:left;}
.popLogin_wrap .popLogin .btnArea .kbBtn {width:320px;}
.pop_evntBnr {position:absolute; bottom:0; left:0; width:100%; height:112px; text-align:center;}

/* 본인확인서비스 멀티로그인관련 CSS추가 */
.overlapArea .txtArea {height:100px; margin:0 30px; padding-left:159px; padding-top:42px; background:url(https://img1.kbcard.com/LT/images_r/common/overlapImg.png) no-repeat;}
.overlapArea .txtArea strong {font-size:18px; color:#333;}
.overlapArea .txtArea span {display:block; margin-top:13px; line-height:24px;}

/* 본인인증 */
.requestAgree {overflow:hidden; width:496px; border:1px solid rgba(0,0,0,.16);border-radius:8px}
.requestAgree .tit {float:left; width:351px; 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:16px 0;}
.requestAgree .agreeList li {position:relative; padding-left:19px; margin-bottom:18px;}
.requestAgree .agreeList li:last-child {margin-bottom:0}
.requestAgree .agreeList li .kbBtn {position:absolute; top:-5px; right:20px;}

/* 960 휴대전화인증관련 css 추가 */
.requestWide {width:543px;}
.requestWide .tit {width:402px}
.requestWide .chkArea {width:101px; padding-left:20px;}

/* 레이어 팝업 인증 관련 */
.layContents .requestWide {position:relative; width:100%;}
.layContents .requestWide .tit {width:auto; float:none; border-right:0;}
.layContents .requestWide .chkArea {position:absolute; top:0; right:0; width:auto; padding-right:20px; border-left:1px solid #e1e1e1; background:#fff;}

/* 어드민개선관련 금융서비스 및 카드자동납부안내 CSS추가 20180108 */
.infoBox .txtBox {font-weight:bold; line-height:1.2; display:block; overflow:hidden; margin:20px 50px 0 0; padding:10px 10px 10px 16px; color:#333 !important;}
.infoBox .txtBox b {display:inline-block; margin-top:5px;}
.infoBox .txtBox.n1 {border:1px solid #b2d9f7; background-color:#c5e4fa;}
.infoBox .txtBox.n1 b {color:#4669dc;}
.infoBox .txtBox.n2 {border:1px solid #aee598; background-color:#c3ebb2;}
.infoBox .txtBox.n2 b {color:#41a620;}
.infoBox .txtBox .kbBtn {float:right; padding-right:25px;}
.infoBox .txtBox .kbBtn::after {position:absolute; top:7px; right:10px; display:block; width:6px; height:10px; content:''; background:url(https://img1.kbcard.com/home_re/asis/bg_btn.png) no-repeat -50px 0;}

/* 신분증정보테이블 디자인 변경관련 CSS추가 2017.03.28 */
.residenceWr .residence_con .sTit {padding-bottom:6px; font-size:14px; color:#333; font-weight:600;}
.residenceWr .residence_con .txtInfo {display:inline-block; margin-left:10px;}
#identity_1 .residenceWr {height:110px; padding-left:200px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/identityImg01.png') no-repeat;}
#identity_1 .residenceWr .residence_con {height:92px; padding-top:18px; padding-left:27px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/identityBullet01.png') no-repeat left 49px;}
#identity_2 .residenceWr {height:110px; padding-left:200px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/identityImg02.png') no-repeat;}
#identity_2 .residenceWr .residence_con {height:92px; padding-top:18px; padding-left:27px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/identityBullet01.png') no-repeat left 49px;}
#identity_5 .residenceWr {height:110px; padding-left:200px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/identityImg03.png') no-repeat;}
#identity_5 .residenceWr .residence_con {height:92px; padding-top:18px; padding-left:27px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/identityBullet01.png') no-repeat left 49px;}
#identity_A .residenceWr {height:110px; padding-left:200px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/identityImg04.png') no-repeat;}
#identity_A .residenceWr .residence_con {height:92px; padding-top:18px; padding-left:27px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/identityBullet01.png') no-repeat left 49px;}

/* 동의 체크박스 180426 */
.withdrawCont .agreeChk{position:absolute;top:0;right:0;z-index:10;background:#f9f9f9}
.withdrawCont .agreeChk .formChk{float:left;width:auto;min-height:19px;padding:20px 28px;border-left:1px solid #e1e1e1;line-height:19px;}
.withdrawCont .agreeChk .formChk label:before{top:25px;left:30px}
.withdrawCont .agreeChk .formChk input[type=checkbox]{top:20px;left:30px}
.withdrawCont .agreeChk.chkOFF{background:#fff}
.withdrawCont .agreeChk.chkOFF .formChk{padding:0}
.withdrawCont .agreeChk.chkOFF label{display:block;height:19px;padding:25px 28px 23px 56px !important}/* FNC/DVIEW/HFAMCXPRIFICR0003 동의함 관련 수정 */
.withdrawCont .agreeChk.chkOFF input[type=checkbox]:focus + label {position:relative;}
.withdrawCont .agreeChk.chkOFF input[type=checkbox]:focus + label:after{content:'';display: block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid red;box-sizing:border-box;}
.withdrawCont .agreeChk.chkOFF input[type=checkbox]:checked + label{background:#f9f9f9}

/* 레이어 팝업 > 동의(체크박스 타입) 181025 */
.withdrawWrap.layType {}
.withdrawWrap.layType .withdrawCont .titWith {height:46px; padding-top:20px; padding-bottom:20px; line-height:1.64;}
.withdrawWrap.layType .withdrawCont .agreeChk {bottom:0;}
.withdrawWrap.layType .withdrawCont .agreeChk .formChk {height:100%; line-height:46px;}
.withdrawWrap.layType .withdrawCont .agreeChk .formChk input[type=checkbox] {top:32px;}
.withdrawWrap.layType .withdrawCont .agreeChk .formChk label:before {top:32px;}
.withdrawWrap.layType .withdrawCont .agreeChk.chkOFF label {height:46px;}

/* 960 step css */
/* 2021.11.17 asis→tobe 개선 #614cc2→rgba(0,0,0,.87)*/
.stepBox {overflow:hidden; display:inline-block; border:1px solid #e1e1e1; background:#fff; text-align:center;}
.stepBox strong,
.stepBox span {position:relative; width:100px; padding-top:43px; float:left; font-size:15px;}
.stepBox strong:before,
.stepBox span:before {content:''; position:absolute; top:0; left:50%; margin-left:-17px; width:28px; height:28px; border:3px solid #e1e1e1; border-radius:17px; background:#fff; line-height:28px; font-size:18px; color:#666;}
.stepBox strong:before {content:'' !important; border-color:rgba(0,0,0,.87); background:rgba(0,0,0,.87) url(https://img1.kbcard.com/home_re/asis/bg_step.png) no-repeat 6px 6px}
.stepBox strong span {position:absolute; top:-9999px; left:-9999px;}
.stepBox strong {color:#333;}
.stepBox .stepPrev:before {content:'' !important; border-color:rgba(0,0,0,.87); background:#fff url(https://img1.kbcard.com/home_re/asis/bg_step.png) no-repeat -37px 7px !important;}
.stepBox .stepPrev:after {background:rgba(0,0,0,.87) !important}
.stepBox span:after {content:''; position:absolute; top:15px; height:4px; border-radius:2px; background:#e2e2e2;}
.stepBox strong:after {content:''; position:absolute; left:-283px; top:15px; width:306px; height:4px; border-radius:2px; background:rgba(0,0,0,.87) !important;}
.stepBox span:first-child:after,
.stepBox strong:first-child:after {display:none}
.stepBox strong:first-child,
.stepBox span:first-child {margin-left:0 !important;}

/* tab관련 css 추가 */
.tabType1 + .stepBox {border-top:none;}

.stepBox .step02:before {content:'2';}
.stepBox .step03:before {content:'3';}
.stepBox .step04:before {content:'4';}
.stepBox .step05:before {content:'5';}

.stepBox.stepCol2 {padding:19px 249px;}
.stepBox.stepCol2 span:after {left:-283px; width:306px;}
.stepBox.stepCol2 strong,
.stepBox.stepCol2 span {margin-left:260px;}

.stepBox.stepCol3 {padding:19px 188px;}
.stepBox.stepCol3 span:after,
.stepBox.stepCol3 strong:after {left:-164px; width:187px;}
.stepBox.stepCol3 strong,
.stepBox.stepCol3 span {margin-left:141px;}

.stepBox.stepCol4 {padding:19px 159px;}
.stepBox.stepCol4 span:after,
.stepBox.stepCol4 strong:after {left:-103px; width:126px;}
.stepBox.stepCol4 strong,
.stepBox.stepCol4 span {margin-left:80px;}

.stepBox.stepCol5 {padding:19px 141px;}
.stepBox.stepCol5 span:after,
.stepBox.stepCol5 strong:after {left:-67px; width:90px;}
.stepBox.stepCol5 strong,
.stepBox.stepCol5 span {margin-left:44px;}

@media print{
.scrolling{overflow:visible;max-height:none !important}
.layContents{padding:0}
.titDeal{margin:0 0 10px;padding:10px 0}
.titDeal .titLayDep1{font-size:20px}
.txtDeal{margin:10px 0}
.popLayer table th, .popLayer table td{padding:7px 5px !important;font-size:12px}
.pop_statement{overflow:visible !important;height:auto !important}
.laybtnArea{display:none}
}

/* 레이어 팝업 회원인증 */
.layContents .adminList{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;text-align:center} 
.layContents .adminList:after{content:'';clear:both;display:block;height:0;visibility:visible}
.layContents .adminList li{float:left;width:189px;padding:40px 30px;border-left:1px solid #e1e1e1}
.layContents .adminList li:first-child{width:190px;border-left:none}
.layContents .adminList strong{display:block;padding:0 0 20px 0;color:#333;font-size:16px}
.layContents .adminList strong:before{display:block;margin:0 auto 15px;content:'';width:64px;height:64px;background:url(https://img1.kbcard.com/LT/images_r/member/bg_admin01.png) 0 0 no-repeat}
.layContents .adminList li+li strong:before{background-position:-65px 0}
.layContents .adminList li+li+li strong:before{background-position:-130px 0}
.layContents .adminList .t_left{margin:16px 0;line-height:22px}
.layContents .adminBtn{display:block;width:auto;font-weight:normal;background:none}
.layContents .adminBtn:hover{border-color:#fc0;background:#fc0;color:#333}

/* 물음표 아이콘 */
.qIcoBtn {display:inline-block; width:16px; height:16px; margin-left:2px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_question_green.png') no-repeat; vertical-align:-3px;}

/* 레이어 팝업 제3자 제공 동의 */
.marL10 {margin-left:10px;}
.popLayer .layContainer.newlayCon {line-height:1.64;}
.popLayer .layContainer.newlayCon .withDrawList {padding-bottom:0px;line-height:1.64;}
.popLayer .layContainer.newlayCon .poptitDep2 {font-size:14px;line-height:1.64;}
.popLayer .layContainer.newlayCon .important {margin-top:0px;padding-left:9px;font-size:12px; line-height:1.64;}
.popLayer .layContainer.newlayCon .important:before {content:'';display:inline-block;width:9px;height:18px;margin-left:-9px;vertical-align:top;background:url(https://img1.kbcard.com/LT/images_r/common/ico-puot.png) no-repeat 0 0}
.popLayer .layContainer.newlayCon .agreeRad {margin-top:0px; }
.popLayer .layContainer.newlayCon .withdrawCont {border-left:0; border-right:0;}
.popLayer .layContainer.newlayCon .termsList01 > li {margin:3px 0;}
.popLayer .layContainer.newlayCon .termsList01 ul li {margin-left:15px;padding-top:10px;}
.popLayer .layContainer.newlayCon .termsList01 li .important {margin-left:15px;}


/* 2019.03.29 카드비교함 */
/* 카드비교함 레이어 팝업 */
.fitContainer {height:685px;}
.fitCompareHead {height:78px; border-bottom:2px solid #e5e5e5;}
.fitCompareHead h1 {float:left; padding-top:23px; line-height:38px;}
.fitCompareHead p {float:left; padding:31px 0 0 16px; line-height:22px;}
.fitCompareHead .btn_cardDel {float:right; width:110px; height:40px; margin:20px 30px 0 0; padding:0 20px; background:#e8eaee; color:#333; font-size:14px; line-height:40px; border-radius:4px;}


/* 2019.04.19 해외이용 이의신청 */
/* 테이블 */
.tblH th.t_wbb, .tblH td.t_wbb  {word-break:break-all;}

/* 2019.04.26 본인인증 표준화 */
.certType01 .tblV tbody tr:first-child th,
.certType01 .tblV tbody tr:first-child td,
.certType02 .tblV tbody tr:first-child th,
.certType02 .tblV tbody tr:first-child td,
.certType05 .tblV tbody tr:first-child th,
.certType05 .tblV tbody tr:first-child td {border-top:0}

/* 2019.05.13 */
/* 선택 타입추가 */
.withdrawCont .agreeChk.chkYN   {background:#fff}
.withdrawCont .agreeChk.chkYN .formRad {float:left; width:auto; min-height:19px; padding:0; border-left:1px solid #e1e1e1; line-height:19px}
.withdrawCont .agreeChk.chkYN .formRad label    {display:block; height:19px; padding:20px 25px 20px 56px !important;}
.withdrawCont .agreeChk.chkYN .formRad label:before    {top:20px; left:30px}
.withdrawCont .agreeChk.chkYN .formRad input[type=radio]    {top:20px; left:30px;}
.withdrawCont .agreeChk.chkYN .formRad:last-child {border-left:0}
.withdrawCont .agreeChk.chkYN .formRad:last-child label {padding-left:25px !important}
.withdrawCont .agreeChk.chkYN .formRad:last-child label:before    {left:0}
.withdrawCont .agreeChk.chkYN .formRad:last-child input[type=radio]    {left:0}


/* 2019.07.02 본인인증 표준화 */
table td .dCardNum   {background:#e8eaef;}
table td .dCardNum span {overflow:hidden; display:block; padding:0 14px; border:1px solid #c2c2c2; line-height:38px; border-radius:5px; text-overflow:ellipsis; white-space:nowrap;}


/* 안내 이미지 */
.imgInfo {position:relative;}
.imgInfo img {display:block;}
.imgInfo ul {position:absolute; top:0; left:0; width:100%; height:100%;}
.imgInfo li {float:left; padding-top:20px; font-weight:600; text-align:center;}/*padding-top:30px; https://tcard.kbcard.com/SVC/DVIEW/HODMCXCRSZZC0020*/


/* 2020.01.03  카드신청 약관 추가 */
.bdTNone {border-top:0 !important}
.titWith > a  {font-weight:normal}
.pR26 {padding-right:26px !important}
.r166 {right:166px !important;}

.withdrawBox3 { overflow:auto; padding:27px 30px;border:none;border-top:1px solid #e1e1e1;background:#fff;}
.withdrawWrap.toggle .withdrawCont .withdrawBox3 {display:none;}
.withdrawWrap.toggle .withdrawCont.open .withdrawBox3 {display:block;}

/* 200128_추가 (신규 아이디/비밀번호 추가 인증 레이어 팝업) */
.loginBox01.mbPopup .inner{width:426px;padding:0;margin:0 auto}
.loginBox01.mbPopup .sTit01{display:inline-block;width:54px;padding-right:12px;margin:0;line-height:40px;text-align:right}
.loginBox01.mbPopup .sTit01.sTit02{width:108px}
.loginBox01.mbPopup .formRad:first-child{margin-left:66px}
.loginBox01.mbPopup .formRad{margin-right:20px;font-weight:600} 
.loginBox01.mbPopup .formInput01 *{vertical-align:top}
.loginBox01.mbPopup .formInput01 input[type=text]{width:328px}
.loginBox01.mbPopup .formInput01.f_pw{margin-top:10px}
.loginBox01.mbPopup .formInput01.f_pw input[type=password]{width:285px;vertical-align:top}
.loginBox01.mbPopup .formInput01.f_pw input[type=image]{width:39px;height:40px}
.loginBox01.mbPopup .formInput01.f_pw input[type=image].eng{width:127px}
.loginBox01.mbPopup .formInput01.f_pw .kbBtn{margin-left:6px}
.loginBox01.mbPopup .plusInfo .btnArea{margin:0;padding-left:63px}
.loginBox01.mbPopup .plusInfo .formInput02 p{padding:20px 0 10px 66px}
.loginBox01.mbPopup .plusInfo .formInput02 input{width:86px}
.loginBox01.mbPopup .btnL{width:100%;line-height:58px;margin-top:20px;font-size:20px}
.loginBox01.mbPopup input[type="text"],.loginBox01.mbPopup input[type="password"]{height:28px;padding:5px 15px;line-height:28px;border:1px solid #c2c2c2;border-radius:5px;outline:none;vertical-align:middle}
.loginBox01.mbPopup input[type="text"]:focus,.loginBox01.mbPopup input[type="password"]:focus{padding:4px 14px;border:2px solid #fc0}
.loginBox01.mbPopup input:disabled{background:#e8eaef}
.loginBox01.mbPopup input:disabled:focus,.loginBox01.mbPopup input:read-only:focus{padding:5px 15px;border:1px solid #c2c2c2}

/* 실시간평가 거래 응답지연 안내 그래프 */
.graphBox.delay {width:328px; height:16px; margin:30px auto 0 auto; padding:4px; border:2px solid #ffcc00; border-radius:19px; overflow:hidden;}
.graphBox.delay .bar {height:16px; background:#ffcc00; border-radius:19px;}

/* 간편 로그인 등록 */
.ezLogin_area {margin-top:50px; padding-left:389px; height:288px; border:1px solid #e1e1e1; background:url('https://img1.kbcard.com/LT/images_r/personal/product/img_ezLogin.png') no-repeat 39px 46px;}
.ezLogin_area p {margin-top:105px; font-size:18px; font-weight:600; color:#333;}
.ezLogin_area span {display:block; margin-top:13px; text-indent:-10px; margin-left:10px; line-height:24px;}

/* 랜딩 */
.titDesc        {margin:-3px 0 30px 0; color:#333; font-size:18px; line-height:28px;}
.infoList       {padding:20px 20px 10px 20px; border-top:2px solid #333}
.infoList ul:after      {content:""; display:block; clear:both}
.infoList ul li {float:left; margin-bottom:10px; width:33.3333%; height:80px}
.infoList ul li a       {display:block; position:relative; padding-left:64px}
.infoList ul li a .img  {display:block; position:absolute; top:16px; left:0; width:48px; height:48px}
.infoList ul li a .tit  {display:block; padding:28px 0 0 0; color:#333; font-size:16px; font-weight:600; line-height:24px;}
.infoList ul li a .tit:after    {content:""; display:inline-block; width:18px; height:24px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_landing_tit_arr.png') no-repeat center center; vertical-align:top}
.infoList ul li a .tit .ico     {overflow:hidden; display:inline-block; margin-left:11px; width:24px; height:24px; vertical-align:middle; background:url('https://img1.kbcard.com/LT/images_r/common/ico_landing28.png') no-repeat 0 -2px; text-indent:-9999px}
.infoList ul li a:hover .tit    {text-decoration:underline}

.infoList.desc ul li    {height:114px}
.infoList.desc ul li a .tit     {padding-top:16px; background-position:right 16px}
.infoList.desc ul li a .desc    {display:block; margin-top:12px; color:#666; font-size:14px; line-height:23px}
.infoList.desc ul li a:hover .tit       {text-decoration:none}

.payGeneral     {padding:30px 0 27px 0; border-top:2px solid #333}
.payGeneral ul:after    {content:""; display:block; clear:both}
.payGeneral ul li       {float:left; position:relative; margin-left:16px; padding-left:17px}
.payGeneral ul li:after {content:""; display:block; position:absolute; top:20px; left:0; width:1px; height:40px; background:#dedede}
.payGeneral ul li:first-child   {margin-left:0; padding-left:8px}
.payGeneral ul li:first-child:after     {display:none}
.payGeneral ul li a     {display:block; width:130px; text-align:center}
.payGeneral ul li a .img        {display:block; height:48px}
.payGeneral ul li a .tit        {display:inline-block; margin-right:-18px; padding:10px 18px 0 0; background:url('https://img1.kbcard.com/LT/images_r/common/ico_landing_tit_arr.png') no-repeat right 10px; color:#333; font-size:14px; font-weight:600; line-height:23px}
.payGeneral ul li a:hover .tit  {text-decoration:underline}

.payPhone       {padding:10px 20px 0 20px; border-top:2px solid #333}
.payPhone:after {content:""; display:block; clear:both}
.payPhone .cont {float:left; margin:26px 0 16px 0; width:33.3333%; min-height:155px}
.payPhone .cont .tit    {color:#333; font-size:16px; font-weight:600; line-height:24px}
.payPhone .cont ul      {padding:7px 30px 0 0}
.payPhone .cont ul li   {position:relative; margin-top:8px; padding-right:130px; color:#666; font-size:14px; line-height:23px}
.payPhone .cont ul li .num      {position:absolute; top:0; left:150px}


/* 안내박스 */
.infoWrap {overflow:hidden; position:relative}
/* 2021.11.17 asis→tobe 개선
.infoWrap .infoInner {display:table; position:relative; width:100%; min-height:168px; background:#ebebeb} */
.infoWrap .infoInner {display:table; position:relative; width:100%; min-height:168px; background:#eff2f7;border-radius:12px;}
.infoWrap .infoInner .innerBox{display:table-cell; padding:28px 40px 28px 40px; vertical-align:middle}
.infoWrap .infoInner .innerBox .img {position:absolute; top:52px; width:64px; height:64px}
.infoWrap .infoInner .innerBox .txtType {display:table-cell; padding-left:84px; color:#333; font-size:16px; line-height:24px; vertical-align:middle}
.infoWrap .infoInner .btnBox {position:absolute; top:50%; right:40px; margin-top:-4px; width:188px; font-size:0; text-align:right; transform:translateY(-50%)}
.infoWrap .infoInner .btnBox .btn {display:inline-block; position:relative; width:150px; min-width:40px; margin:8px 0 0 8px; padding:11px 10px; border:1px solid #323334; background:#fff; color:#333; font-size:16px; font-weight:bold; line-height:16px; text-align:left; border-radius:5px}/*https://tcard.kbcard.com/FNC/DVIEW/HFAMCXPRIFIC0021*/
.infoWrap .infoInner .btnBox .btnL {width:158px}

.infoWrap .infoInner.btnType1 .innerBox {padding:28px 225px 28px 40px}
.infoWrap .infoInner.btnType2 .innerBox {padding:40px 400px 40px 40px}
.infoWrap .infoInner.btnType2 .innerBox .btnBox {width:370px; text-align:left}/*width:336px; https://tcard.kbcard.com/MKB/DVIEW/HMGMCXPRIBMCD0002*/

.infoWrap .infoBtn {margin-left:-10px; padding:20px 0 30px 0; border-bottom:1px solid #c2c2c2; font-size:0}
.infoWrap .infoBtn a {position:relative; display:inline-block; margin:10px 0 0 10px; padding:0px 47px 0px 15px; border:1px solid #888; color:#333; font-size:14px; line-height:34px; border-radius:18px}
.infoWrap .infoBtn a:after {content:''; display:block; position:absolute; top:11px; right:12px; width:12px; height:12px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_landing_btn_arr.png') no-repeat 0 0}
.infoWrap .infoBtn a:hover {background:#ffcc00; border:1px solid #ffcc00; text-decoration:none}

.bgOrg {position:relative;display:inline-block;padding:10px 20px; background:#f9f3ef;vertical-align:middle}
.bgOrg > div {display:inline-block;padding-right:50px;vertical-align:middle}
.bgOrg > a > span,
.bgOrg > .kbBtn > span{display:inline-block;width:70px;letter-spacing:-0.14px;color:#fff;}
.bgOrg > input {letter-spacing:-0.3px;margin-right:6px;}
.bgOrg > input + input {margin:0;}
.valignC {vertical-align:middle;}

/* KCB 정보 간편입력 동의 */
.kcbLayer .tblH thead th,
.kcbLayer .tblH tbody th, .kcbLayer .tblH tbody td{padding:8px 10px 9px;line-height:1.64;}
.kcbLayer .tblH tbody td {padding-left:20px;}

/* 가족회원 조회 */
.searchFamilyLayer .tblH thead th,
.searchFamilyLayer .tblH tbody th, .searchFamilyLayer .tblH tbody td{padding:9px 10px 10px;line-height:1.64;}
.searchFamilyLayer .tblH tbody td {padding:14px 10px;}
.searchFamilyLayer .tblH~.tblH{margin-top:-1px;}
.searchFamilyLayer .tblH .bar_vertical{margin:0 10px;}
.searchFamilyLayer .tblH .card_info img{padding:0 3px 1px 2px;vertical-align:middle;}
.searchFamilyLayer .tblH .card_info .card_num{vertical-align:middle;}

/* 200612 정보입력 1원결제계좌 인증 */
.bgOrg {position:relative;display:inline-block;padding:10px 20px; background:#f9f3ef;vertical-align:middle}
.bgOrg > div {display:inline-block;padding-right:50px;vertical-align:middle}
.bgOrg > a > span{display:inline-block;width:70px;letter-spacing:-0.14px;color:#fff;}
.bgOrg > input {letter-spacing:-0.3px;margin-right:6px;}
.bgOrg > input + input {margin:0;}
.valignC {vertical-align:middle;}

.phoneWrap > div {display:inline-block}
.layContents.capital .requestAgree {width:100%; border-left:none; border-right:none;}
.layContents.capital .requestAgree.smsArea .tit {width:448px;}
.layContents.capital .requestAgree.smsArea .chkArea {padding:9px 0 0px 20px;width:98px;}

/* K-Bill Point 생활대금 */
/* 2021.11.17 asis→tobe 개선
.greenZone {position:relative;width:860px; margin:0px 0 0 -20px; padding:20px 50px; background:#def4bf} */
.greenZone {position:relative;width:860px; margin:0px 0 0 -20px; padding:20px 50px; background:#eff2f7;border-radius:12px;}
.greenZone a {position:absolute; top:50px; right:50px; width:114px; min-width:40px; margin:0px; padding:11px 10px; border:1px solid #323334; background:#fff; color:#333; font-size:16px; font-weight:bold; line-height:16px; text-align:left; border-radius:5px;}/*font-size:14px; 생활대금납부 */
.greenZone.nologin:before {content:'';display:inline-block;height:100px;width:128px;background:url(https://img1.kbcard.com/LT/images_r/common/ico_info08.png) no-repeat 0 0;vertical-align:middle;}
.greenZone.login:before {content:'';display:inline-block;height:100px;width:128px;background:url(https://img1.kbcard.com/LT/images_r/common/ico_info09.png) no-repeat 0 0;vertical-align:middle;}

.greenZone p {display:inline-block;width:400px;vertical-align:middle; font-size:16px;line-height:1.75;color:#333;}
.greenZone p span {font-size:16px; font-weight:600;color:#333;}
.infoList.desc ul li a:hover {text-decoration:none;}
.infoList.desc ul li a:hover .tit {text-decoration:underline;}
.infoList.desc ul li a .point{display:inline-block;width:47px; height:12px; margin:12px 0 16px;padding:3px 8px; font-size:11px; font-weight:500;line-height:12px; color:#000; border:1px solid #070100; border-radius:3px;text-align:center;vertical-align:top;}
.infoList.desc ul li a .ing{display:inline-block;width:31px; height:12px; margin:12px 0 16px 6px;padding:4px 8px; font-size:11px; font-weight:500;line-height:12px; color:#fff;border-radius:3px;text-align:center;background:#ee6f18}

.floatArea:after {content:'';display:block; clear:both;}
.floatArea table {width:568px;}
.floatArea table + p {width:356px;}
.detailT .bgY {padding-right:21px;text-align:right;background:#fffdf1}
.detailT .bgN {background:none;}
.tblH.detailT tfoot tr:first-child th, .tblH.detailT tfoot tr:first-child td {border-top:1px solid #e1e1e1;font-weight:normal}

.grayBox {padding:40px 50px;border:none;background:#f7f8f8;}
.grayBox ul li {float:left;width:232px !important;margin-right:10px;}
.grayBox > div  {float:left;width:329px !important;}
.grayBox > div > p {font-size:18px; font-weight:normal; color:#333;line-height:1.3;}
.grayBox > div > p span {color:#333;font-size:18px;font-weight:bold}
.grayBox > div > p + p {height:23px;margin-top:25px;color:#666;font-size:14px; line-height:1.64; letter-spacing:-0.1px;}
.grayBox ul {float:left;padding-left:51px;border-left:1px solid #dedede;}
.grayBox::after,
.grayBox ul:after {content:""; display:block; clear:both}
.grayBox ul li  {float:left; float:left;width:227px !important;margin:0 5px;margin-bottom:10px;height:80px}
.grayBox ul li a        {display:block; position:relative; padding-left:64px}
.grayBox ul li a .img   {display:block; position:absolute; top:16px; left:0; width:48px; height:48px}
.grayBox ul li a .tit   {display:block; padding:16px 0 0 0; color:#333; font-size:16px; font-weight:600; line-height:24px;}
.grayBox ul li a .tit:after    {content:""; display:inline-block; width:18px; height:24px; background:url('https://img1.kbcard.com/LT/images_r/common/ico_landing_tit_arr.png') no-repeat center center; vertical-align:top}
.grayBox ul li a .tit .ico      {overflow:hidden; display:inline-block; margin-left:11px; width:24px; height:24px; vertical-align:middle; background:url('https://img1.kbcard.com/LT/images_r/common/ico_landing28.png') no-repeat 0 -2px; text-indent:-9999px}
.grayBox ul li a:hover .tit     {text-decoration:underline}
.grayBox ul li a .point {display:inline-block;margin:12px 0 16px; padding:3px 19px 3px 20px; font-size:12px; font-weight:500; line-height:1.5; color:#000; border:1px solid #070100; border-radius:13px; text-align:center;}


.mykbillpointIng {border:1px solid #e1e1e1;padding:50px;}
.mykbillpointIng:after {content:""; display:block; clear:both}
.mykbillpointIng .usePayed{float:left;width:560px;}
.mykbillpointIng .usePayed > p {text-align:center;height:24px; margin-bottom:40px;font-size:16px;line-height:1.5;font-weight:bold;color:#333;}
.mykbillpointIng .usePayed > p span {font-size:16px; line-height:1.5;color:#f0523e}
.mykbillpointIng .usePayed .con  {position:relative;width:560px;height:86px;margin-top:10px;text-align:center;background:url(https://img1.kbcard.com/LT/images_r/personal/myrounge/bg_graph01.gif) no-repeat 100% 0}
.mykbillpointIng .usePayed .usePayed_bar{background:url(https://img1.kbcard.com/LT/images_r/personal/myrounge/bg_graph02.gif) 100% 0 repeat-x;height:10px;border-radius:10px}
.mykbillpointIng .usePayed ul{position:absolute;top:10px;left:0;width:560px;height:66px;display:block}
.mykbillpointIng .usePayed ul li{position:absolute;top:0;left:0;width:100px;height:50px;padding-top:16px;margin-left:-50px}
.mykbillpointIng .usePayed ul li p{display:inline-block;width:100px;height:50px;margin-top:25px;text-align:center;}
.mykbillpointIng .usePayed ul li p:before{content:'';display:block;position:absolute;top:-20px;left:50%;width:30px;height:52px;margin-left:-15px;background:url(https://img1.kbcard.com/LT/images_r/personal/myrounge/bg_graph05.png) no-repeat;z-index:10}
.mykbillpointIng .usePayed li p > span{display:table-cell;width:100px;height:50px;font-size:14px;font-weight:bold;line-height:1.64;vertical-align:middle}
.mykbillpointIng .usePayed li p > span span{font-weight:normal;}
.mykbillpointIng .usePayed li.on p span{position:relative;color:#fff;border-radius:5px;line-height:16px;font-weight:600;background:#e44b3a;z-index:100}
.mykbillpointIng .usePayed li.on p span span{display:block;height:auto;padding:0}
.mykbillpointIng .graySbox {float:left;width:210px;margin-left:48px;padding:20px;text-align:right;background:#f7f8f8;}
.mykbillpointIng .graySbox dl dt {height:23px;margin-bottom:20px;padding-bottom:20px; border-bottom:1px solid #e1e1e1;font-size:14px;font-weight:bold;line-height:1.64;color:#333;}
.mykbillpointIng .graySbox dl dd {height:23px;font-size:14px;color:#666;line-height:1.64}
.mykbillpointIng .graySbox dl dd.point {height:30px;margin-bottom:5px;font-size:24px;color:#dd3520; font-weight:bold;line-height:1.25;}

/* popup */
.popLayer .graySbox {padding:20px 0; text-align:center;background:#f2f2f2;}
.popLayer .graySbox p {font-size:18px;font-weight:bold;color:#333;}
.popLayer .graySbox p > span {color:#dd3520;font-size:18px;font-weight:bold;}
.popLayer .graySbox p  + p {color:#666;margin-top:10px;font-size:14px;font-weight:normal;}
.popLayer .graySbox p  + p > span {font-size:14px;font-weight:normal;}
.popLayer .grayLbox {padding:15px 20px;border:1px solid #e1e1e1;}
.grayLbox h2 {height:23px;margin-bottom:6px;font-size:14px;font-weight:bold;line-height:1.64;color:#333;vertical-align:middle;}
.grayLbox h2:before{content:'';display:inline-block;width:10px; height:20px;padding-left:6px;background:url(https://img1.kbcard.com/home_re/asis/bg_icon.png) no-repeat -40px 3px;font-size:14px;vertical-align:middle;}
.popLayer .grayLbox ul li {padding-bottom:0px;font-size:12px;line-height:1.5;letter-spacing:-0.1px;color:#666;}

/* 210112 추가 일부결제금액이월약정(리볼빙) */
.up_dot {position:relative;}
.up_dot::before {content:'';position:absolute;left:5px;top:-5px;width:2px;height:2px;background:#666;border-radius:3px;}

/*210304 MyKB카드이용명세서*/
.btnArea.more {margin-top:0;}
.btnArea.more .moreBtn {display:inline-block; width:100%; padding:15px 0; background:none; text-align:center;}
.btnArea.more .moreBtn span {display:inline-block; position:relative; height:30px; padding-right:21px; line-height:30px; letter-spacing:-0.1px;}
.btnArea.more .moreBtn.open span:before {content:''; position:absolute; top:15px; right:1px; height:1px; width:10px; transform:rotate(-45deg); background:#222; opacity:0.48;}
.btnArea.more .moreBtn.open span:after {content:''; position:absolute; top:15px; right:8px; height:1px; width:10px; transform:rotate(45deg); background:#222; opacity:0.48;}
.btnArea.more .moreBtn.close span:before {content:''; position:absolute; top:15px; right:1px; height:1px; width:10px; transform:rotate(45deg); background:#222; opacity:0.48;}
.btnArea.more .moreBtn.close span:after {content:''; position:absolute; top:15px; right:8px; height:1px; width:10px; transform:rotate(-45deg); background:#222; opacity:0.48;}

/* 210311 추가 :금융소비자 보호법 관련 개발*/
.withdrawCont.line3 .agreeChk .formChk label:before{top:30px;left:30px;}
.withdrawCont.line3 .agreeChk .formChk input[type=checkbox]{top:30px;left:30px;}
.withdrawCont.line3 .agreeChk.chkOFF label{display:block;height:19px;padding:31px 28px 30px 56px !important;}
.formChk.double_line label {height:40px;}
.formChk.double_line label:before {top:10px;}
.formChk.double_line input[type=checkbox]{top:11px;}
.layContainer.noLine {border-top:0;}
.layContainer.noLine .pop_subTit {padding:20px 0 0 0; text-align:center;}
.layContainer.noLine .layContents {padding-top:15px;}

/* 210524 선택적 동의 */
/* 2021.11.17 asis→tobe 개선
.requestTerms .termsTit .tabWrap {position:relative; width:300px; padding-top:10px; padding-left:30px;}
.requestTerms .termsTit .tabOptionType{position:relative;height:50px;margin-top:0;margin-bottom:-1px;}
.requestTerms .termsTit .tabOptionType li{float:left;position:relative;}
.requestTerms .termsTit .tabOptionType li:after{content:'';display:block;position:absolute;bottom:0px;left:0;width:100%;height:1px;background:#e5e5e5}
.requestTerms .termsTit .tabOptionType li a{display:block;padding-left:0;line-height:49px;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5;background:#fff;text-align:center}
.requestTerms .termsTit .tabOptionType li:first-child a{border-left:1px solid #e5e5e5}
.requestTerms .termsTit .tabOptionType li a span{display:block; padding-left:0;}
.requestTerms .termsTit .tabOptionType li.tabON a{border:none;border-top:1px solid #6b727f;background:#6b727f}
.requestTerms .termsTit .tabOptionType li:first-child.tabON a{border-left:none}
.requestTerms .termsTit .tabOptionType li.tabON a span{color:#fff;font-size:14px}
.requestTerms .termsTit .tabOptionType li.tabON:after{content:'';display:block;position:absolute;bottom:-10px;left:50%;margin-left:-10px;width:19px;height:10px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_tab.gif) no-repeat 0 0}
.requestTerms .termsTit .tabOptionType li a:hover{color:#666}
.requestTerms .termsTit .tabOptionType li.tabON a:hover{color:#fff} */
.requestTerms .termsTit .tabOptionType{padding:20px}
.requestTerms .termsTit .tabOptionType *{box-sizing:border-box;}
.requestTerms .termsTit .tabOptionType:after{content:'';clear:both;display:block;}
.requestTerms .termsTit .tabOptionType li{float:left;margin-right:10px}
.requestTerms .termsTit .tabOptionType li a{position:relative;display:block;text-align:center;line-height:1.45;min-height:48px;padding:12px 24px 10px;background:#fff;border:1px solid rgba(0, 0, 0, 0.16);border-radius:6px}
.requestTerms .termsTit .tabOptionType li a span{font-size:1rem;}
.requestTerms .termsTit .tabOptionType li a:hover,.requestTerms .termsTit .tabOptionType li.tabON a{padding:11px 23px 9px;font-weight:600;border:2px solid rgba(0, 0, 0, 0.87);}   
.requestTerms .termsTit .tabOptionType li a:hover span,.requestTerms .termsTit .tabOptionType li.tabON a span {  font-weight:600;border-bottom:none;}
.requestTerms .termsTit .tabOptionType li a:focus {outline: red solid 1px;}

.optionAgree .slideWrap{position:relative}
.optionAgree .slideWrap .slideBtn button {display:block;text-indent:-9999px;position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;background:url(https://img1.kbcard.com/LT/images_r/common/ico_popSlide_prev_off.png) no-repeat 0 0;z-index:10}
.optionAgree .slideWrap .slideBtn button.btnPrev{left:0px}
.optionAgree .slideWrap .slideBtn button.btnPrev.deActive{background-image:url(https://img1.kbcard.com/LT/images_r/common/ico_popSlide_prev_off.png)}
.optionAgree .slideWrap .slideBtn button.btnNext{right:16px;background-image:url(https://img1.kbcard.com/LT/images_r/common/ico_popSlide_next_on.png)}
.optionAgree .slideWrap .slideBtn button.btnNext.deActive{background-image:url(https://img1.kbcard.com/LT/images_r/common/ico_popSlide_next_off.png)}
.optionAgree .slideWrap .slideBtn button.deActive{cursor:none;}
.optionAgree .slideWrap .slider{position:relative;height:330px;overflow:hidden;overflow-y:auto;z-index:1;}
.optionAgree .slideWrap .slider .slideList{position:absolute;top:0;left:0;width:100%;}
.optionAgree .slideWrap .slider .slideList:after{display:block;content:'';clear:both;height:0}
.optionAgree .slideWrap .slider .slideList item{float:left}
.optionAgree .slideWrap .slidePaging {text-align:center;}
.optionAgree .slideWrap .slidePaging a {display:inline-block; margin:0 5px; width:8px; height:8px;border-radius:5px; background:none; border:1px solid #222; overflow:hidden; text-indent:-9999em;}
.optionAgree .slideWrap .slidePaging a.on {width:30px; background:#222;}
.optionAgree .detailCon {padding-bottom:50px;}
.optionAgree .laybtnArea .chkTxt {color:#333;font-weight:bold;}
.optionAgree .laybtnArea .chkAll {display:none;}
.optionAgree.all .laybtnArea .chkTxt {display:none;}
.optionAgree.all .laybtnArea .chkAll {display:inline-block;}

.agreeGrade {margin-bottom:24px;border-bottom:1px solid #e1e1e1;}
.agreeGrade ul {height:36px;padding:27px 0 0 0;}
.agreeGrade.inBtn ul {padding-right:81px;}
.agreeGrade ul li {position:relative;float:left;width:20%;height:8px;box-sizing:border-box;border-left:1px solid #fff;border-right:1px solid #fff;}
.agreeGrade ul li.grade1 {background:#7790b8;border-left:none}
.agreeGrade ul li.grade2 {background:#71bdab;}
.agreeGrade ul li.grade3 {background:#ffa900;}
.agreeGrade ul li.grade4 {background:#df8545;}
.agreeGrade ul li.grade5 {background:#f45c3e;border-right:none}
.agreeGrade ul li span {position:absolute;top:16px;width:100px;color:#000;font-size:12px;font-weight:bold;text-align:center;opacity:0.87;line-height:1.67;}
.agreeGrade ul li.on:after {content:'';display:block;position:absolute;top:-6px;left:50%;width:20px;height:25px;margin-left:-10px;background:url(https://img1.kbcard.com/LT/images_r/common/ico_grade_marker.png) no-repeat 0 0;}
.agreeGrade .desc {position:relative;padding:16px 10px 16px 0;color:#666;}
.agreeGrade .desc .btnArea {position:absolute;top:-24px;right:0;margin-top:-13px;}
.agreeGrade .desc .btnArea a {overflow:visible;position:relative;display:inline-block;*display:inline;*zoom:1;margin:0;padding:0 9px;color:#333;font-size:12px;line-height:24px;border:1px solid #c2c2c2;border-radius:3px;background:#fff;text-align:center;white-space:nowrap;vertical-align:middle;}
/*210526 :[고객센터] 도난분실신고 보상신청 시 동의 프로세스 변경 */
.termsList.sep li {position:relative; line-height:26px;}
.termsList.sep li .chkTxt {width:auto; position:absolute; right:5px; top:3px;}
.termsList.sep li .kbBtn {right:90px !important; top:0;}
.in_ckbox {box-sizing:border-box; margin-top:10px; border:1px solid #e1e1e1;}
.in_ckbox .tt {text-align:center; background:#f9f9f9; font-weight:600; color:#333; padding:10px; border-bottom:1px solid #e1e1e1;}
.in_ckbox ul {box-sizing:border-box; padding:10px 15px; background:#fff;}
.in_ckbox ul li {position:relative; line-height:26px;}
.in_ckbox ul li .chkTxt {position:absolute; right:0; top:3px;}

.fs16 {font-size:16px;}
.fs18 {font-size:18px !important;}/* 탭  col7 폰트사이즈 커스텀 https://tcard.kbcard.com/BON/DVIEW/HBCMCXPRIBMC0033*/

/* 210609 추가 */
.layContainer2 {position:relative; padding-bottom:30px; border-top:6px solid #ffcf00; background:#fff; z-index:100;}
.layContainer2 .layContents {max-height:384px;padding:30px;overflow-y:auto;box-sizing:border-box;}
.layContainer2 .titLayDep1 {padding:24px 0 20px 30px;font-size:20px;font-weight:600;border-bottom:2px solid #d2d2d2;text-align:left;color:#333;}
.layContainer2 .laybtnArea .btnS {height:54px;line-height:56px;min-width:120px;padding:0 24px;font-size:16px;font-weight:600;
border-radius:5px;color:#333;margin-left:7px;}
.layContainer2 .laybtnArea .btnS:hover {text-decoration:none !important;}
/* 210609 추가 e */
       
/* 210614 추가 */          
.formChk.red label:before {background:url(https://img1.kbcard.com/LT/images_r/plcf/img-form-checkbox.png) no-repeat 5px 5px !important;}
.layContainer2 .colPoint2 {font-weight:600;}

/* 박진수 - 리뉴얼 이미지 border 숨김 */
.imgborderNone{position:relative;display:inline-block;}
.imgborderNone:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #fff;box-sizing:border-box}
.imgborderNone img{vertical-align:top}

/* 2022-01-24 단기카드대출
https://tcard.kbcard.com/FNC/DVIEW/HFBMCXPRIMYS0044
*/
.tblH thead th[id^="ext-"] {height:56px;}

/* 2022-01-25 신속발급서비스팝업 (결함DEFC-0000005629) */
.withdrawWrap.layType .withdrawCont .agreeChk.chkOFF label { display:flex; align-items:center; height:100%; box-sizing:border-box; }

/* 2022-01-25 사용등록 (결함DEFC-0000003507) */
.withdrawWrap .withdrawCont { min-height:68px; }
.withdrawWrap .withdrawCont .titWith { display:flex; align-items:center; height:68px; padding:0 24px;}

.tdCard .cardNum_cvc input[type=password] { width: 90px; }

/* 2022-01-26 약관동의 (결함DEFC-0000003904) */
.termAgree .termsAll { display:flex; justify-content:center; align-items:center; }

/* 2022-01-26 아이디비번추가인증 (결함DEFC-0000003836) */
.loginBox01.mbPopup .inner { width: 431px; }

/* 2022-01-27 채무확인서발급신청 (결함DEFC-0000006043) */ 
td.tdInp .radList .formRad { vertical-align:middle; }

/* 2022-01-27 IE 핸드폰번호뒷자리 (결함DEFC-0000006155) */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .phoneWrap input[type="password"] { width:70px !important; padding:0; text-align:center; }
}

/* 2022-01-27 기타상담문의 (결함DEFC-0000006215) */ 
.customerBox .customList:only-child { width:100%; border:0 !important; }
.customerBox .customList:only-child div { display:flex; align-items:center; height:100%; padding-right:40px; box-sizing:border-box; }
.customerBox .customList:only-child p { flex:auto; display:inline-block; margin:0; }

/* 2022-01-28 전화신청예약팝업 (결함DEFC-0000006110) */ 
.popLayer .withdrawCont .agreeRad { display:flex; align-items:center; bottom:0; height:100%; border-left: 1px solid #e1e1e1; padding:0 24px; }
.popLayer .withdrawCont .agreeRad .formRad label { padding:0; padding-left:24px; }
.popLayer .withdrawCont .agreeRad .formRad label:before { top:0; left:0; }
.popLayer .withdrawCont .agreeRad .formRad { display:inline-block; border:0; }

.popLayer .withdrawWrap.agreeOne .withdrawCont .kbBtn { top:50%; margin-top:-15px; }

/* 2022-01-28 민원FAQ (결함DEFC-0000006304) */ 
.faqList li abbr { color:rgba(0,0,0,0.87); }
.faqList li .answer abbr { display:inline-block; color:#086cfd; }
.faqList li .answer .faqTxt { display:inline-block; float:right; width:calc(100% - 35px) !important; }

/* 2022-02-03 결제계좌변경 (결함DEFC-0000006367) */
.txtInfo.no-blt:before {display:none;}

/* 2022-02-03 카드상세이용내역 (결함DEFC-0000006244) */ 
.tblH.fix { table-layout:fixed; }
.tblH.fix .letterType1 { width:100%; }

/* 2022-02-07 야간심사동의 (결함DEFC-0000006110) */
.popLayer .withdrawCont .agreeRad { bottom:auto; height:68px; } 
.popLayer .withdrawCont .agreeRad .formRad input[type=radio] { left:0; top:0; bottom:0; }
.popLayer .withdrawCont .agreeRad .formRad ~ .formRad { margin-left:16px; }

/* 2022-02-08 카드시용등록2단계 (결함DEFC-0000006499) */ 
/*.phoneWrap { display:flex; align-items:center; } 2022-02-14 제거 */
.phoneWrap input[type="text"] { margin:0; }
.phoneWrap .form-field__aside { margin:0 4px; }

.popLayer .layContents .withdrawWrap ~ .txtInfo br { display:none; }
.popLayer .layContainer .inputArea1 { display:flex; justify-content:center; align-items:center; }
.popLayer .layContainer .inputArea1 strong { padding-right:8px; }
.popLayer .layContainer .inputArea1 .selectbox { border-radius:5px; border: 1px solid rgba(0, 0, 0, 0.24); box-sizing:border-box; }
.popLayer .layContainer .inputArea1 .selectbox .tit { border:0; background:none; }
.popLayer .layContainer .inputArea1 .selectbox + .kbBtn.btnS { height:28px; }

/* 2022-02-10 PIN설정 휴대폰 (결함DEFC-0000006611) */ 
.phoneWrap .selectbox ~ .selectbox { margin-left:8px; }
.phoneWrap .kbBtn { margin:0 4px; }

/* 2022-02-14 박진수 에러팝업 txtGuide01 정렬 */
.layContents .errorWrap .txtGuide01{padding: 0; margin: 8px 0;}


/* 2022-02-15 제주탐나는전 전환 (결함DEFC-0000001835) */ 
/*.contentArea > .errorWrap { display:block; width:100%; background-color:#eff2f7; box-sizing:border-box; } 2022-02-16 일괄수정으로 제거 */


/* 2022-02-16 카드비교함팝업 asis→tobe 개선 */
.popLayer_fit { top: 40px; width:864px; height: calc(100% - 80px); margin: 0 0 0 -432px; box-sizing:border-box; }
.popLayer_fit * {box-sizing:border-box;}
.popLayer_fit .btn_cardDel { width:auto; height: 32px; line-height: 32px; color: #000; font-size: 0.86667rem; font-weight: 400; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.6); background: #fff; padding: 0 9px; }
.popLayer_fit .fitWrap { width:100%; height:100%; }
.popLayer_fit .fitContainer { position:relative; width:100%; height:100%; border-radius:12px; border:0; background-color:#fff; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.16); padding:96px 0 24px 0; }
.popLayer_fit .fitContainer > form { height:100%; }
.popLayer_fit .fitClose { top: 28px; right: 22px; width:40px; height:40px; background: url(https://img1.kbcard.com/home_re/pc/ico/32/ico-1-close.png) center center no-repeat; background-size: 32px 32px; }
.popLayer_fit .fitCompare02_wrap { height:auto; }

.popLayer_fit .fitContents { height:100%; overflow-y:auto; padding:0 32px 24px 32px; }
.popLayer_fit .fitContents table { table-layout:fixed; width:auto; border-spacing:0; word-break:break-all; }
.popLayer_fit .fitContents colgroup { display:none; }
.popLayer_fit .fitContents col { display:none; }

.popLayer_fit .fitBox01.fitCompare01 { position:absolute; top:0; left:0; right:0; height:96px; background:none; padding:32px 72px 0 32px; }
.popLayer_fit .fitBox01.fitCompare01 .fitCount{display:inline-block;font-family:'KBFGDisplayM';font-size:22px;letter-spacing:5px;color:rgba(0,0,0,.6);vertical-align:middle;}
.popLayer_fit .fitBox01.fitCompare01 .fitDep2 {float:none; display:inline-block; width:auto; color: rgba(0, 0, 0, 0.87); font: 400 1.6rem 'KBFGDisplayM';line-height: 100%; padding:0; margin-right:16px;vertical-align:middle;}
.popLayer_fit .fitBox01.fitCompare01 p { float:none; display:inline-block; color: rgba(0, 0, 0, 0.87); font-size:20px; line-height:27px; padding:0; vertical-align:middle;} 

.popLayer_fit .fitBox02.fitCompare02 { width:100%; height:auto; overflow:hidden; border-bottom: 1px solid #d1d1d1; padding-top:140px; }
.popLayer_fit .fitBox02.fitCompare02 th { width:13%; height: 55px;text-align:left !important;border:0;border-top: 1px solid #d1d1d1;background:none;padding:7px 10px;}
.popLayer_fit .fitBox02.fitCompare02 th ~ td { width:29%; height: 55px; line-height:160%; border:0; border-top: 1px solid #d1d1d1; padding:7px 10px; }
.popLayer_fit .fitBox02.fitCompare02 td .titDep4 {margin-top:10px;}
.popLayer_fit .fitBox02.fitCompare02 td .titDep4 + .mB0 {margin-bottom:0 !important;}
.popLayer_fit .fitBox02.fitCompare02 td .titDep4 + .mB10 {margin-bottom:0 !important;}
.popLayer_fit .fitBox02.fitCompare02 td.t_center { text-align: left !important; }
.popLayer_fit .fitBox02.fitCompare02 tr.fitBtn_area { position:absolute; top:0; left:0; right:0; padding:0 98px; }
.popLayer_fit .fitBox02.fitCompare02 tr.fitBtn_area th { display:none; }
.popLayer_fit .fitBox02.fitCompare02 tr.fitBtn_area td { position:relative; width:200px; height:auto; border:0; padding:0; }
.popLayer_fit .fitBox02.fitCompare02 .fitBtns_t { position:static; width:100%; font-size:0; padding:0 40px; }
.popLayer_fit .fitBox02.fitCompare02 .fitBtns_t .kbBtn { margin:0; }
.popLayer_fit .fitBox02.fitCompare02 .fitBtns_t .kbBtn.action { height:48px; line-height:48px; font-size:1.2rem; font-weight:600; border:0; padding:0 16px; }
.popLayer_fit .fitBox02.fitCompare02 .fitBtns_t .kbBtn:not(.action) { position: absolute; }
.popLayer_fit .fitBox02.fitCompare02 .fitBtns_t .kbBtn:not(.action):nth-child(1) { bottom:224px; right:24px; width:24px; height:24px; font-size:0; background: url(https://img1.kbcard.com/home_re/pc/btn/btn-delete.png) 50% 50% no-repeat; border:0; }
.popLayer_fit .fitBox02.fitCompare02 .fitBtns_t .kbBtn:not(.action):nth-child(2) { top:100%; left:40px; font-size:15px; font-weight:400; background: url(https://img1.kbcard.com/home_re/pc/arr/24/arr-1-right.png) right 50% no-repeat; border:0; padding:0; padding-right:24px; margin-top:16px; }

.popLayer_fit .fitCompare02:not(.fitBox02) { padding:32px 98px; }
.popLayer_fit .fitCompare02:not(.fitBox02) th { display:none; }
.popLayer_fit .fitCompare02:not(.fitBox02) td { position:relative; width:200px; height:140px; border:0; vertical-align:top; padding:0; }
.popLayer_fit .fitCompare02:not(.fitBox02) td::before { content:""; display:block; width:120px; height:120px; border-radius:50%; background-color:#f1f4f8; margin:0 auto; }
.popLayer_fit .fitCompare02:not(.fitBox02) td.add::before {background:none;border:1px dashed rgba(0,0,0,.16);}
.popLayer_fit .fitCompare02:not(.fitBox02) td img { position:absolute; top:20px; left:50%; transform:translateX(-50%);height:auto; }
.popLayer_fit .fitCompare02:not(.fitBox02) td img[width="36"] {top: 40px;}
.popLayer_fit .fitCompare02:not(.fitBox02) td .title { overflow:hidden; width:120px; text-overflow:ellipsis; white-space:nowrap; margin:0 auto; }
.popLayer_fit .fitCompare02:not(.fitBox02) td.row img {transform:rotate(90deg) translate(0,60px);} 


/* 2022-02-16 금융포인트전환 (결함DEFC-0000006972) */
.titPointree + .boxType2 { overflow:hidden; }
td.tdInp .formRad.radTxt { vertical-align:middle; }


/* 2022-02-16 전화신청예약팝업 (결함DEFC-0000006110) */ 
#quickCardIssueLayerPopDiv .layContents { zoom: 1; overflow-y: auto; overflow-x: hidden; min-height: 100%; max-height: 384px; padding-top:8px; }
#quickCardIssueLayerPopDiv .layContents .txtGuide01 { padding: 8px 24px; }


/* 2022-02-16 스타샵할인 (결함DEFC-0000007001) */
/*
.imgStarshop01 { position:relative; font-size:0; text-align:center; border:1px solid #e1e1e1; }
.imgStarshop01::before { position:absolute; top:0; left:50%; transform:translateX(-50%); content:""; width:720px; height:100%; border:5px solid #fff; box-sizing:border-box; }
2022-02-22 asis->tobe 이미지개선 작업으로 제거 */

/* 2022-02-18 공통 (결함DEFC-0000007073) */
/* .endBox { padding:24px 0; } 2022-02-22 일괄수정으로 제거 */


/* 2022-02-18 쿠폰서비스 (결함DEFC-0000007075) */
.productBox .txt_wr { font-size:0; }
.productBox .btnSpe { margin-right:8px; }


/* 2022-02-18 공동인증서등록/해제 (결함DEFC-0000007005) *
.boxType2 .listType2 { padding:24px 0; }
.boxType2 .listType2 li:last-child .btnLink2:last-child { margin-bottom:0; } 2022-02-23 일괄수정으로 제거 */


/* 2022-02-18 asis->tobe 이미지개선 (결함DEFC-0000002314) */
ul.imgBox, 
ol.imgBox { align-items:stretch; padding:0; }
ol.imgBox > li ~ li { position:relative; }
ol.imgBox > li ~ li::before { position:absolute; top:50%; margin-top:-16px; left:-15px; z-index:1; content:""; width:24px; height:24px; border:2px solid #bbb; border-radius:50%; background-color:#fff; }
ol.imgBox > li ~ li::after { position:absolute; top:50%; margin-top:-7.5px; left:-7.5px; z-index:10; content:""; width:8px; height:8px; border-right:2px solid #bbb; border-top:2px solid #bbb; transform:rotate(45deg); }

.imgBox { display:flex; justify-content:center; align-items:center; text-align:center; line-height:1.5; border:1px solid #e1e1e1; padding:40px; margin-top:0; }
.imgBox .imgTit { display:block; height:48px; font-weight:600; }
.imgBox .imgTxt { display:block; max-width:100%; font-size:13px; }
.imgBox .imgTxt.info { position:relative; font-size:12px; text-align:left; padding-left:24px; }
.imgBox .imgTxt.info::before { position:absolute; left:0; top:0; content:"!"; display:flex; justify-content:center; align-items:center; width:16px; height:16px; color:#fff; font-size:10px; font-weight:600; border-radius:50%; background-color:#aaa; }
.imgBox .imgTxt > li { position:relative; font-size:12px; text-align:left; padding-left:8px; margin-top:8px; }
.imgBox .imgTxt > li::before { position:absolute; left:0; top:7px; content:""; width:2px; height:2px; font-size:0; background-color:#000; }
.imgBox .imgTxt ~ img { margin-top:8px; }

.imgBox .imgCon { display:flex; justify-content:center; align-items:center; text-align:center; }
.imgBox .imgCon > li { font-size:0; padding:0 16px; }

.imgBox > li { flex:1; display:flex; flex-direction:column; align-items:center; font-size:0; padding:32px 24px; }
.imgBox > li img { margin:0 auto; }
.imgBox > li img ~ .imgTxt { flex:auto; margin-top:16px; }
.imgBox > li ~ li { border-left:1px solid #e1e1e1; }

.imgBox dl { text-align:left; padding:16px 32px; }
.imgBox dt { font-size:18px; font-weight:600; }
.imgBox dt ~ dt { margin-top:24px; }
.imgBox dd { position:relative; padding-left:15px; margin-top:8px; }
.imgBox dd::before { position:absolute; left:0; top:10px; content:""; width:5px; height:1px; font-size:0; background-color:#000; }

.imgBox.dot > li ~ li { border-left:1px dotted #bbb; }
.imgBox.bd0 > li ~ li { border-left:0; }
.imgBox.auto > li {flex:auto;}
.imgBox.auto > li[style*="width"] {flex:none;}

.imgBox.five { flex-wrap:wrap; }
.imgBox.five > li:nth-child(4) { border-left:0; border-top:1px solid #e1e1e1; }
.imgBox.five > li:nth-child(4)::before,
.imgBox.five > li:nth-child(4)::after { display:none; }
.imgBox.five > li:nth-child(4) ~ li { border-top:1px solid #e1e1e1; }

.imgBox.four { flex-wrap:wrap; }
.imgBox.four > li:nth-child(3) { order:1; border-top:1px solid #e1e1e1; }
.imgBox.four > li:nth-child(3)::before { top:-15px; margin-top:0; left:50%; margin-left:-16px; }
.imgBox.four > li:nth-child(3)::after { top:-8px; margin-top:0; left:50%; margin-left:-6.5px; transform:rotate(135deg); }
.imgBox.four > li:nth-child(4) { border:0; border-top:1px solid #e1e1e1; }
.imgBox.four > li:nth-child(4)::before { left:auto; right:-15px;}
.imgBox.four > li:nth-child(4)::after { left:auto; right:-7px; transform:rotate(-135deg); }
.imgBox.four.dot > li:nth-child(3),
.imgBox.four.dot > li:nth-child(3) ~ li { border-top:1px dotted #bbb; }

.imgBox + .imgBox { margin-top:8px; }

.imgBox.mg0 { border-bottom:0; }
.imgBox.mg0 + .imgBox { margin-top:0; border-top:1px solid #e1e1e1; }
.imgBox.mg0 + .imgBox.dot { border-top:1px dotted #bbb; }


/* 2022-03-07 asis->tobe 이미지개선(추가) */
.imgBox.col { flex-direction:column; }
.imgBox.col img ~ .imgTxt { margin-top:16px; }


/* 2022-03-10 프라임마일리지실적 (결함DEFC-0000007508) */
.withBtn { display:flex; justify-content:space-between; align-items:center; }


/* 2022-03-15 익스리셋버튼제거 (결함DEFC-0000007557) */
.termWrap .calInp input[type='text']::-ms-clear { display:none; }


/* 2022-03-16 해외이용환율선택 동의팝업 (결함DEFC-0000007699) */
.popLayer .withdrawCont .titWith { height:68px; box-sizing:border-box; }
.popLayer .withdrawCont .agreeRad .formRad { padding:0; }


/* 2022-03-21 신속발급서비스팝업 (결함DEFC-0000007948) */
.withdrawWrap.layType .withdrawCont .titWith { height: 68px; }
.withdrawWrap.layType .withdrawCont .agreeChk .formChk label:before { top: 23px; }



/* 2022-03-24 asis->tobe 이미지개선(추가) */
.imgBox.num { counter-reset: number; }
.imgBox.num > li { counter-increment: number; }
.imgBox.num > li .imgTit::before { content:counter(number); width:24px; height:24px; line-height:24px; color:#555; font-size:14px; text-align:center; border-radius:50%; background-color:#f5f5f5; margin-right:8px; }

.imgBox.num dl { counter-reset: number; }
.imgBox.num dt { counter-increment: number; position:relative; padding-left:40px; }
.imgBox.num dt::before { content:counter(number); position:absolute; left:0; top:0; display:inline-block; width:28px; height:28px; line-height:28px; color:#fff; font-size:16px; text-align:center; border-radius:50%; background-color:#2eb82e; margin-right:8px; }
.imgBox.num dd { padding-left:48px; }
.imgBox.num dd::before { left:40px; }

.imgBox > li img ~ .imgTit { display:flex; align-items:center; margin-top:8px; }

.imgBox.arrow { border-left:0; border-right:0; }
.imgBox.arrow > li ~ li::before { display:none; }
.imgBox.arrow > li ~ li::after { left:-5px; border-width: 1px; background-color:#fff; }

/* 2022-03-26 asis->tobe 카드상세 버튼 위치 */
.cardList01 .infoCard_wr .cardBtns {text-align:center;}



/* 2022-03-26 asis->tobe 이미지개선(추가) */
.imgBox .imgTxt.dash { position:relative; width:100%; font-size:12px; text-align:left; padding-left:8px; }
.imgBox .imgTxt.dash::before { position:absolute; left:0; top:8px; content:""; width:4px; height:1px; background-color:#000; }

.imgBox > li img ~ .imgTxt + .imgTxt { margin-top:8px; }

.imgBox.five > li { min-width: 25%; }


/* 2022-03-29 해외안심결제 (DEFC-0000008479) */
.tblV th.bg { background-color:#f9f9f9; }


/* 2022-03-29 웹접근성 */
.kmotionPop_txt li .num { line-height:21px; background:#ea580c !important; border-radius:50%; }


/* 2022-04-12 익스 테이블사이즈 (DEFC-0000009157) */
/*.tblH, .tblV { table-layout: fixed; } 2022-04-12 스타일충돌로 제거 */


/* 2022-04-12 아이디찾기 (DEFC-0000009287) */
.tblV td.tdCard input[type='password'] { line-height:40px; }
.tblV td.tdCard .hiddenPs { height:40px; line-height:44px; vertical-align:middle; }


/* 2022-04-13 안내사항 하이픈없는 예외사항 (EFC-0000009292) */
.tipArea .listType1 li.noDash { background:none; }


/* 2022-04-13 전화번호 셀렉트박스 (DEFC-0000009258) */
.selectbox { height:40px; vertical-align:bottom; }
.selectbox .tit { height:40px; }
.selectbox .tit > span { height:100%; }
.selectbox .select { height:40px; }
.selectbox .maskDiv_wddo { margin-top:0; }


/* 레이어 팝업 Tobe 체크박스 추가 */
.layContainer .pop-inner__footer {padding: 32px 32px 0 32px;margin: 0;}

/* checkbox */
.check-box {position: relative;display: inline-block;margin-right: 20px;}
.check-box input {position: absolute;top: 0;left: 0;width: 24px;height: 24px;margin: 3px 0 0;z-index: 2;opacity: 0;cursor: pointer;}
.check-box input:checked + label {font-weight: 400;color: rgba(0, 0, 0, 0.87);}
.check-box input:disabled + label {color: rgba(0, 0, 0, 0.32);cursor: default;}
.check-box input:focus + label {outline: 1px dotted #000;}
.check-box label {display: inline-block;vertical-align: middle;cursor: pointer;position: relative;color: rgba(0, 0, 0, 0.6);z-index: 1;}
.check-box label:before {content: "";display: inline-block;vertical-align: top;margin-right: 8px;}
.check-box input[type="checkbox"] + label:before {flex-shrink: 0;font-size: 0;width: 24px;height: 24px;background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-off.png") 0 0 no-repeat;background-size: 100% auto;}
.check-box input[type="checkbox"]:checked + label:before {font-size: 0;width: 24px;height: 24px;background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-on.png") 0 0 no-repeat;background-size: 100% auto;}
.check-box input[type="checkbox"]:checked ~ .txt-ss.mt8 {font-weight: 400;color: rgba(0, 0, 0, 0.87) !important;}
.check-box input[type="checkbox"]:disabled + label:before {font-size: 0;width: 24px;height: 24px;background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-disabled.png") 0 0 no-repeat;background-size: 100% auto;}
.check-box input[type="checkbox"]:disabled:checked + label:before {font-size: 0;width: 24px;height: 24px;background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-checkbox-disabled-checked.png") 0 0 no-repeat;background-size: 100% auto;}
.check-box--no-txt {margin-right: 0;}
.check-box--indent {display: block;text-indent: -28px;padding-left: 56px;}

/* 2023.01.17 테이블 합계 스타일 */
.tblH .tblH-sum{background: #f9fafc;}
.tblH .tblH-sum th, .tblH .tblH-sum td{font-weight: 600;}
.tblH .tblH-sum + tr th, .tblH .tblH-sum + tr td{border-top: 1px solid #848484;}

/* 2023.04.06 이용내역 정렬버튼 추가 */
.areaTypeSort .btnArea:before, .areaTypeSort .btnArea:after{content: ''; display: table; clear: both;}
.areaTypeSort .btnArea .sortBtns{display: inline-block; margin-left: 1px;}
.areaTypeSort .btnArea .funcBtns{position: static; top: auto; right: auto;}
.areaTypeSort .btnArea .btn-sort:after{content: ''; display: inline-block; width: 16px; height: 16px; margin: -1px 0 0 4px; vertical-align: middle;}
.areaTypeSort .btnArea .btn-sort--on:after{background: url(https://img1.kbcard.com/home_re/asis/btn_sort_on.png) no-repeat;}
.areaTypeSort .btnArea .btn-sort--off:after{background: url(https://img1.kbcard.com/home_re/asis/btn_sort_off.png) no-repeat;}
.areaTypeSort .btnArea .btn-sort--off{background: #eff2f7; color: rgba(0, 0, 0, 0.6); border-color: #eff2f7;}
/* 2023.07.06 장기카드 대출 아이콘 버튼 추가 */
.btn-ico {position:relative;display:block;font-size:15px;font-weight:bold;height:80px;line-height:80px;padding:0 32px 0 80px;}
.btn-ico + .btn-ico {margin-top:8px;}
.btn-ico:before,
.btn-ico:after {content:"";position: absolute;top:50%;transform:translateY(-50%);}
.btn-ico:before {left:16px;}
.btn-ico:after {right:16px;width:16px;height:16px;margin:0;background:url("https://img1.kbcard.com/home_re/pc/arr/16/arr-1-right.png") 0 0 no-repeat;background-size: 100% auto;}
.btn-ico.btn-ico--loan:before {width:48px;height:48px;background:url("https://img1.kbcard.com/home_re/pc/ico/48/ico-changeloan.svg") 0 0 no-repeat; background-size: 100% auto;}
.btn-ico.btn-ico--coin:before {width:48px;height:48px;background:url("https://img1.kbcard.com/home_re/pc/ico/48/ico-coin.svg") 0 0 no-repeat; background-size: 100% auto;}

/* 금융사 선택 */
.form-field--search2 {position: relative;}
.form-field--search2 input[type="text"] {width: 100% !important;height:39px;line-height:39px; box-sizing:border-box;}
.form-field__btn-search {position: absolute;z-index: 1;top: 50%;right: 16px;margin-top: -12px;font-size: 0;width: 24px;height: 24px;background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-2-search.png") 0 0 no-repeat;background-size: 100% auto;}

.bs-slt {margin-left:-16px;}
.bs-slt:after {content:''; display:block; clear:both;}
.bs-slt.bk-list {height:240px; overflow-y:auto;}
.bs-slt__item {float:left; width:50%; margin-top:8px; padding-left:16px; box-sizing:border-box;}
.bs-slt__item:first-child, .bs-slt__item:first-child + .bs-slt__item{margin-top:0} 
.bs-slt__link {position:relative; display:block; padding:14px 16px; border:1px solid rgba(0,0,0,0.16); border-radius:4px;}
.bs-slt__link:before {content:'';position:absolute; top:50%; left:16px; transform:translateY(-50%); border-radius: 19px;font-size: 0;width: 24px;height: 24px;background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-radio-off.png") no-repeat no-repeat;background-size: 100% auto;}
.bs-slt__item.on .bs-slt__link {border-color:rgba(0,0,0,0.87)}
.bs-slt__item.on .bs-slt__link:before {font-size: 0;width: 24px;height: 24px;background: url("https://img1.kbcard.com/home_re/pc/ico/24/ico-radio-on.png") no-repeat no-repeat;background-size: 100% auto;}
.bk-box__desc {display: block;position: relative;padding-left: 40px;}
.bk-box__desc:before {content: "";position: absolute;top: 50%;right: 0;width: 32px;height: 32px;background-position: 0 0;background-size: 32px 32px;background-repeat: no-repeat;transform:translateY(-50%);}
.bk-box--kb:before,.bk-box--004:before,.bk-box--006:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-kb.png);}
.bk-box--218:before,.bk-box--191:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-kb.png);}
.bk-box--ibk:before,.bk-box--003:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-ibk.png);}
.bk-box--nh:before,.bk-box--011:before,.bk-box--012:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-nh.png);}
.bk-box--mg:before,.bk-box--045:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-smg.png);}
.bk-box--suhyup:before,.bk-box--007:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-sh.png);}
.bk-box--suhyupcenter:before,.bk-box--030:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-suhyupcenter.png);}
.bk-box--sh:before,.bk-box--088:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-shinhan.png);}
.bk-box--post:before,.bk-box--071:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-koreapost.png);}
.bk-box--woori:before,.bk-box--020:before,.bk-box--083:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-woori.png);}
.bk-box--keb:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-hana.png);}
.bk-box--hana:before,.bk-box--081:before,.bk-box--005:before,.bk-box--025:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-hana.png);}
.bk-box--kdb:before,.bk-box--002:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-kdb.png);}
.bk-box--citi:before,.bk-box--027:before,.bk-box--053:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-citi.png);}
.bk-box--kyeongnam:before,.bk-box--039:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-kyungnam.png);}
.bk-box--gwangju:before,.bk-box--034:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-gwangju.png);}
.bk-box--busan:before,.bk-box--032:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-busan.png);}
.bk-box--daegu:before,.bk-box--031:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-daegu.png);}
.bk-box--jeonbuk:before,.bk-box--037:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-jeonbuk.png);}
.bk-box--jeju:before,.bk-box--035:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-jeju.png);}
.bk-box--deutsche:before,.bk-box--055:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-deutsche.png);}
.bk-box--sj:before,.bk-box--064:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-sj.png);}
.bk-box--sb:before,.bk-box--050:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-sb.png);}
.bk-box--bnp:before,.bk-box--061:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-bnp.png);}
.bk-box--sc:before,.bk-box--023:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-sc.png);}
.bk-box--shinhyup:before,.bk-box--048:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-shinhyup.png);}
.bk-box--hsbc:before,.bk-box--054:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-hsbc.png);}
.bk-box--icbc:before,.bk-box--051:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-icbc.png);}
.bk-box--kakaobank:before,.bk-box--090:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-kakao.png);}
.bk-box--kbank:before,.bk-box--089:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-kbank.png);}
.bk-box--tossbank:before,.bk-box--092:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-toss.png);}
.bk-box--boa:before,.bk-box--060:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-boa.png);}
.bk-box--chase:before,.bk-box--057:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-chase.png);}
.bk-box--exim:before,.bk-box--008:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-bank-koreaexim.png);}
.bk-box--hanainvest:before,.bk-box--270:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-hana.png);}
.bk-box--kyobo:before,.bk-box--261:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-kyobo.png);}
.bk-box--daishin:before,.bk-box--267:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-daishin.png);}
.bk-box--daewoo:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-mirae.png);}
.bk-box--yuanta:before,.bk-box--209:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-yuanta.png);}
.bk-box--meritz:before,.bk-box--287:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-meritz.png);}
.bk-box--mirae:before,.bk-box--230:before,.bk-box--238:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-mirae.png);}
.bk-box--buguk:before,.bk-box--290:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-buguk.png);}
.bk-box--samsung:before,.bk-box--240:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-samsung.png);}
.bk-box--im:before,.bk-box--268:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-iam.png);}
.bk-box--shinyoung:before,.bk-box--291:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-shinyoung.png);}
.bk-box--shinvest:before,.bk-box--278:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-shinhan.png);}
.bk-box--wooriinvest:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-woori.png);}
.bk-box--ebest:before,.bk-box--265:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-ebest.png);}
.bk-box--kium:before,.bk-box--264:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-kium.png);}
.bk-box--hi:before,.bk-box--262:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-hi.png);}
.bk-box--hangook:before,.bk-box--243:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-hangook.png);}
.bk-box--hanhwa:before,.bk-box--269:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-hanhwa.png);}
.bk-box--hd:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-hyundai.png);}
.bk-box--hmc:before,.bk-box--263:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-hyundai.png);}
.bk-box--lig:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-lig.png);}
.bk-box--nhn:before,.bk-box--247:before,.bk-box--289:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-nh.png);}
.bk-box--sk:before,.bk-box--266:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-sk.png);}
.bk-box--db:before,.bk-box--279:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-db.png);}
.bk-box--eugene:before,.bk-box--280:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-eugene.png);}
.bk-box--cape:before,.bk-box--292:before {background-image: url(https://img1.kbcard.com/home_re/mo/logo/32/logo-stock-cape.png);}

/* toast */
.toast {position: absolute;left: 50%;bottom: 50%;width: 60%;padding: 20px 24px;border-radius: 8px;transform: translateX(-50%);background-color: rgba(0, 0, 0, .8);color: #fff;opacity: 0;will-change: opacity;z-index: 9100;box-sizing: border-box;text-align:center;}
.toast__tit {color: #fff;}
.toast.show {opacity: 1;transition: opacity .1s ease-in-out;}
.toast.hide {opacity: 0;transition: opacity .1s ease-in-out;}
.toast__close {position: absolute;right: 0;top: 0;width: 38px;height: 38px;margin: 0;padding: 0;background: url(https://img1.kbcard.com/home_re/pc/ico/24/ico-1-close.png) no-repeat 50% 50%;background-size: 24px 24px;border: 0;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(250%) contrast(100%);}

/* 공통 얼럿 */
#messagePopup .pop-container{width:480px;min-height:208px;box-sizing:border-box}
#messagePopup .pop-inner{display:flex;padding:40px 32px 48px;min-height:178px;box-sizing:border-box;align-items:center;justify-content:center;text-align:center}
#messagePopup .pop-cont{height:100%}
#messagePopup .btn-wrap{position:absolute;bottom:24px;left:0;width:100%;}
#messagePopup .pop-header + .pop-inner{display:block;min-height:auto;padding-top:0;text-align:left}
#messagePopup .btnS{height:48px;min-width:120px}

/* 아파트 주소 검색 */
.branch-search-wrap .listType1 li {padding-bottom: 6px;font-size: 12px;}
.branch-search-wrap .form-field__obj input {width:100%; box-sizing: border-box;border: 0; padding: 0; height: 36px; font-size: 15px; font-weight: 600;}

.list-apt-addr-wrap { max-height: 264px; margin-top:20px; padding:14px 20px; border: 1px solid rgba(0, 0, 0, 0.16); border-radius: 4px; overflow-y:auto; }
.list-apt-addr li {padding: 16px 0;}
.list-apt-addr li + li {border-top: 1px solid rgba(0, 0, 0, 0.16);}
.list-apt-addr__cont .radio-box {display: block;}
.list-apt-addr__cont label {position:relative;display: block; padding-left:36px; line-height:21px; min-height:21px;}
.list-apt-addr__cont label:before {top:2px;}
.list-apt-addr__cont label span {display:block;}
.list-apt-addr__tit {margin-bottom:12px; font-size: 18px;}
.list-apt-addr__detail {display:none; margin-top:16px;}
input[type=radio]:checked + label + .list-apt-addr__detail {display: block;}

.list-apt-addr__detail .form-field__cont { position: relative; display: flex; width:50%; align-items: center; justify-content: space-between; flex-grow: 1; }
.list-apt-addr__detail .form-field__obj { position: relative; display: flex; background: #fff; flex-grow: 1; } 
.list-apt-addr__detail .form-field__obj input{ width: 100%; height: 39px; padding-right: 16px; font-weight: 400; outline: 0; border:none; box-sizing: border-box; background: transparent; }
.list-apt-addr__detail .form-field__aside { display: inline-block; padding: 0 8px; }
.form-field__cont-line { position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.24); flex-grow: 1; }

.box-nodata { text-align: center; min-height: 264px; padding-top: 70px; box-sizing: border-box; }
.box-nodata span { font-weight: 400; font-size: 1.06667rem; color: rgba(0, 0, 0, 0.6); }
.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-exclamation-g.png) 0 0 no-repeat; background-size: 100% auto; }
.form-field__error { display: none; font-size: 13px; font-weight: 600; color: #ff0000; padding-top: 8px; }

.popLayer.pop-wrap--big{width: 864px;height: calc(100% - 80px);}
.pop-wrap--big .layContainer{height: calc(100% - 30px);}
.form-field--search .form-field__obj { padding: 0 16px; border-radius: 7px; background-color: #fff; border: 2px solid rgba(0, 0, 0, 0.16); position: relative; }
.kbBtn.action.form-field__btn-search { position: absolute; z-index: 1; top: 50%; right: 16px; margin-top: -12px; font-size: 0; width: 24px; min-width: auto; height: 24px; padding: 0; background: url(https://img1.kbcard.com/home_re/pc/ico/24/ico-2-search.png) 0 0 no-repeat; background-size: 100% auto; border: none; }