@charset "utf-8";
@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{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;color:rgba(0, 0, 0, 0.87);font-family:'KBFGText';font-size:1rem;}/*word-break:keep-all !important 2022.01.11 br 제거 대응 */
ul, ol, dl{list-style:none}

/* 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{position:absolute;top:-9999px;left:-9999px;font:0/0 Arial}
legend {padding:0; position:absolute;top:-9999px;left:-9999px;font:0/0 Arial}
table{width:100%;border-collapse:separate}
th, td{empty-cells:show}

/* 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}

/* 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}

.colPoint1{color:#e44b3a !important}
.colPoint2{color:#614cc2 !important}
.colPoint3{color:#614cc2 !important}
.colPoint4{color:#614cc2 !important; font-size:16px; line-height:1.7;}

.bold{color:#333}
.clear{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;}
.mT16{margin-top:16px !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}

.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 #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}
.contents .contentArea{width:720px;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}

.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}
.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/LT/images_r/common/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 */
.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.wemakeprice{border-color:#ee5555;background:#ee5555;color:#fff}
.kbBtn.wemakeprice:hover{color:#fff}

.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}
.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/LT/images_r/common/bg_btn.png) no-repeat -50px 0}
.btnGrey{color:#fff;border-color:#707784;background-color:#707784}
.btnGrey:hover{color:#fff}
.btnGrey02 {border-color:#e8eaef; background:#e8eaef; color:#333;}
.btnGery03 {background:#f6f6f6;}/*210304 추가*/

.btnXS{padding:0 9px;font-size:12px;line-height:24px;border:1px solid #c2c2c2;border-radius:3px;background:#fff}
.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/LT/images_r/common/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/LT/images_r/common/bg_btn.png) no-repeat -159px 0}
.btnLink2:hover{color:#fff}
.btnLink.outside:after{background-color:#e8eaef;background-position:-281px 9px}

.kbBtn.icon:before{display:block;position:absolute;content:'';background:url(https://img1.kbcard.com/LT/images_r/common/bg_btn.png) no-repeat}
.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}
.btnS.icon{padding-left:30px}
.btnS.icon.reset:before{top:11px;left:8px;width:17px;height:15px;background-position:0 0}
.btnS.icon.search{padding:0 10px 0 33px;font-size:16px}
.btnS.icon.search:before{top:11px;left:10px;width:18px;height:16px;background-position:0 -27px}
.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}

.btnFunc{height:20px;color:#333;line-height:1;background:#fff}
.btnFunc *{vertical-al ign:top}
.btnFunc:before{content:'';display:inline-block;margin:-1px 4px 0 0;vertical-align:middle;background:url(https://img1.kbcard.com/LT/images_r/common/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.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:-999px;font-size:0;}

.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;}

.btnWhite{background:#fff}
.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:5px;right:0}
.titArea .funcBtns .btnFunc{margin-left:20px}

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

/* table */
.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}

/* 테이블 내 라디오/체크박스 & 행 비활성화 */
.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 */
.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 16px/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}
/* wide content tab(col2) */
.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}
.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}

.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%}

.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.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:#ffde02;z-index:10}
.multiLine2 ul li a{height:40px;padding:11px 0;word-break:keep-all;}
.multiLine2 ul li.tabON a{line-height:20px}

/* 211014_고객센터 추가 */
.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 .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:232px}

.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{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}

.tabType1 + .tabMulti{margin-top:20px}

.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:#ffde02;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 */
.stepType{padding:20px 0 25px;border:1px solid #e0e0e0;text-align:center}
.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:28px;border:3px solid #e1e1e1;border-radius:40px;text-align:center}
.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:#614cc2;background:#614cc2 url(https://img1.kbcard.com/LT/images_r/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(https://img1.kbcard.com/LT/images_r/common/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;}

.tabType1 + .stepType{padding-top:30px;border-top:none}
.tabType1.dep2ON2 + .stepType{margin-top:-10px;border-top:none}

/* form */
input[type="text"],input[type="password"]{height:29px;padding:5px 15px;line-height:29px;border-bottom:1px solid #c2c2c2;border-radius:0;outline:none;vertical-align:middle}
input[type="text"]:focus,input[type="password"]:focus{height:30px; line-height:30px;padding:4px 14px;border-bottom: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}

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

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

.formChk.chkTxt{width:auto}
.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:19px;height:19px;padding-left:0;color:transparent;text-indent:-999px;}
.formRad label:before{width:19px;height:19px;background-position:0 0}
.formRad input[type=radio]:checked + label:before{background-position:-23px 0}
.formRad input:disabled{background:none}
.formRad input[type=radio]:disabled + label:before{background-position:-46px 0}
.formRad input[type=radio]:disabled:checked + label:before{background-position:-69px 0}
.formRad.radTxt{width:auto}
.formRad.radTxt label{width:auto;height:auto;padding-left:28px;text-indent:0;color:inherit;}

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

.attachTextarea {display:block;padding:10px 15px;letter-spacing:-0.1px;border:1px solid #c2c2c2;border-radius:5px;overflow:auto;resize:vertical;}

.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-bottom:1px solid #c2c2c2;border-radius:0}
.termWrap .calInp input[type="text"]{width:89px;height:28px;padding:5px 0 5px 5px;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 .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/LT/images_r/common/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{wid th: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:#ffde02}
.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{padding:0 0 10px 10px;line-height:1.5;background:url(https://img1.kbcard.com/LT/images_r/common/bult_sq01.gif) no-repeat 0 9px}
.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 8px;color:#333;line-height:1.6;background:url(https://img1.kbcard.com/LT/images_r/common/bult_sq02.gif) no-repeat 0 9px}
.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}

/* 별 블릿 신규 */
.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}

.txtInfo{position:relative;padding-left:20px;font-size:12px !important;line-height:18px}
.txtInfo *{font-size:12px !important;vertical-align:top}
.txtInfo:before{content:'';display:block;position:absolute;top:1px;left:0;width:16px;height:16px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_icon.png) no-repeat}
.txtInfo.td_r{display:inline-block;margin-left:20px}
.txtInfo.td_b{margin-top:8px}
.txtInfo.td_i{display:inline-block}
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/LT/images_r/common/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:0 0 0 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 */
.boxType1{border:1px solid #e1e1e1}
.txtGuide01{padding:20px 30px 19px;line-height:1.5}
.txtGuide01 *{vertical-align:top}
.fileDown{padding:15px 30px 15px;line-height:26px}
.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; }

.boxType2{border:5px solid #9199a9}
.boxType3{border-radius:5px;background:#f7f8f8}
.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}
.withdrawCont{position:relative;border:1px solid #e1e1e1;background:#f9f9f9}
.withdrawCont .titWith{display:table-cell;height:39px;padding:11px 20px 9px;color:#333;font-size:16px;font-weight:600;line-height:20px;vertical-align:middle}
.withdrawCont .agreeRad{position:absolute;top:0;right:0;z-index:10;background:#f9f9f9}
.withdrawCont .agreeRad .formRad{float:left;padding:20px 28px;border-left:1px solid #e1e1e1}
.withdrawCont .agreeRad .formRad label:before{top:20px;left:30px}
.withdrawCont .agreeRad .formRad input[type=radio]{top:20px;left:30px}
.withdrawCont .agreeRad.radOFF{background:#fff}
.withdrawCont .agreeRad.radOFF .formRad{padding:0}
.withdrawCont .agreeRad.radOFF label{display:block;padding:20px 28px 20px 56px}
.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:before{content:'';display:block;position:absolute;top:0;left:0;width:59px;height:59px;border-right:1px solid #e1e1e1;background:url(https://img1.kbcard.com/LT/images_r/common/bg_toggle.gif) no-repeat 22px 22px}
.withdrawWrap.toggle .withdrawCont.open .titWith:before{background-position:-32px 22px}
.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:15px; padding:0 0 0 0; line-height:26px;}
.withdrawWrap.toggle .termsList li:first-child {margin-top:0;}
.withdrawWrap.toggle .termsList .btnXS {position:absolute; top:0; right:95px;}
.withdrawWrap.toggle .termsList .formChk,
.withdrawWrap.toggle .termsList .formRad {position:absolute; top:3px; right:0;}
.withdrawWrap .withdrawCont .kbBtn{position:absolute;top:17px;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}

/* 약관 토글 내 약관 리스트 */
.withdrawWrap.toggle .termsList {padding:0 23px 0 0;}
.withdrawWrap.toggle .termsList li {position:relative; min-height:26px; margin-top:15px; padding:0 0 0 0; line-height:26px;}
.withdrawWrap.toggle .termsList li:first-child {margin-top:0;}
.withdrawWrap.toggle .termsList .btnXS {position:absolute; top:0; right:95px;}
.withdrawWrap.toggle .termsList .formChk,
.withdrawWrap.toggle .termsList .formRad {position:absolute; top:3px; right:0;}

/* 개인(신용)정보 수집·이용 동의 영역 추가(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;}

.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}
.txtBox1_bdr {padding:15px 30px; border:1px solid #e1e1e1; border-top:0; background:#f9f9f9; font-weight:600; line-height:23px;}

.infoBox{padding-left:50px}
.infoBox .inner{min-height:120px;padding:47px 0 50px 197px;background-position:0 50%;background-repeat:no-repeat}
.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;}

.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')}

/* 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}

/* popup */
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:#ffde02}
.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:2px solid #e5e5e5;text-align:left}
.layContainer .inputArea1{padding:20px 0;text-align:center}
.layContainer .tblScroll{overflow:auto;max-height:230px;border:1px solid #e1e1e1}
.layContainer .tblScroll .tblH{border-bottom:none}
.layContainer .tblScroll .tblH tr:first-child th{border-top:none}
.layContainer .tblScroll .tblH .nodata{border-bottom:1px solid #e1e1e1}
.layContents{padding:30px 30px 0 30px;line-height:22px}
.laybtnArea{padding-top:30px;text-align:center}
.laybtnArea .btnS{margin:0 3px;color:#333;font-weight:600;border-color:#e8eaef;background:#e8eaef}
.laybtnArea .btnS.action{color:#333;border-color:#ffde02;background:#ffde02}
.popLayer .btnS{line-height:28px}
.laybtnArea .icon.print:before, .popContents .icon.print:before{top:7px;left:10px;width:16px;height:16px;background-position:-240px 0}
.popContents .icon.print:before{top:12px}
.layClose{position:absolute;top:13px;right:14px;display:block;text-indent:-9999px;width:33px;height:34px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_popup.gif) no-repeat 5px 5px}
.laybtnArea .layClose{position:static;display:inline-block;text-indent:0;width:auto;height:auto;background-image:none}
.dimmed{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);z-index:10}
.scrolling{zoom:1;overflow-y:auto;overflow-x:hidden;min-height:100%;max-height:384px}
.scrolling:after {content:''; display:block; width:100%; height:30px;}
.scrolling + .laybtnArea{margin-top:0;border-top:1px solid #c2c2c2}
.popLayer .keypadType {height: 18px;line-height: 18px; padding: 5px;}

/* 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{height:30px}
.popLayer .selectbox .tit > span{height:28px;line-height:28px}
.popLayer .selectbox .tit > span:after{top:13px}
.popLayer .selectbox .tit.on > span{line-height:26px}
.popLayer input[type="text"], .popLayer input[type="password"]{height:18px;line-height:18px}
.popLayer .txtUnit{font-size:12px}
.popLayer .tblH th, .popLayer .tblH td{height:auto;padding: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 .hyphen{line-height:30px; vertical-align:middle;}
.popLayer .btnS.icon.reset:before{top:6px}

.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}
.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{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}
.titDeal.auto  {background-position: 0 34px;}
.titDeal.auto .titLayDep1 {font-size:24px; padding:0;}
/* error */
.errorWrap{display:table-cell;width:600px;height:202px;padding:0 0 0 180px;line-height:22px;vertical-align:middle;background:url(https://img1.kbcard.com/LT/images_r/common/bg_error01.gif) no-repeat 30px 30px}
.errorWrap .tit{display:block;margin:8px 0;color:#333;font-size:18px;line-height:26px}
.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 .code span{display:inline}
.boxType2 .errorWrap{margin:30px 30px 0 30px}
.boxType2 .boxType3{margin:0 30px 30px 30px}

.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}
.cardNum input{width:65px;padding:5px 0; text-align:center}
.cardNum input:focus{width:63px;padding:4px 0;border-color:#666}
.cardNum input[type=password]{height:28px;line-height:28px;border:1px solid rgba(0, 0, 0, 0.24);border-radius:5px;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;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}*/

/* 카드번호입력 가상키패드 버튼 패턴 추가 - 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 #ffde02;}
.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 */
.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;}

.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}
.termBtns .btnXS{margin:0 3px}
.radTerm .termBtns{display:block;margin:8px 0 0 87px}
.radTerm2 .formRad{width:auto;margin:0}
.radTerm3 .termBtns{margin-left:-3px}
.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 #ffde02;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/LT/images_r/common/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/LT/images_r/common/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}
.boardSearch .totalNum strong{color:#614cc2}
.board_info{margin-bottom:17px}
.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}

.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:600px;color:#666;font-size:18px;font-weight:normal}
.faqList li .question:hover strong{text-decoration:underline}
.faqList li .answer{display:none;padding:30px 0 30px 20px;border-top:1px solid #dfe3e6;background:#f8f8f8}
.faqList li .answer .faqTxt{float:left;max-width:660px;color:#333}
.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, .faqList li .answer strong{float:none;display:inline;color:#e44b3a !important}
.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:718px;height:216px;border:1px solid #e1e1e1;border-top:0;background:#fff;overflow-y:auto}
.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}

/* 카드리스트 */
.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:115px}
.cardList01 .infoCard_wr .cardBtns .btnXS{width:57px}
.cardList01 .infoCard_wr .cardBtns .get{border-color:#8b929e}
.tabType1 + h2 + .cardList01, .cardList_tab + h2 + .cardList01{margin-top:50px}

/* 계산기 */
.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:600px;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/LT/images_r/common/bg_icon.png) no-repeat -56px 2px;font-size:12px}
.terms .annotation02 strong{padding-right:5px;font-weight:600;color:#333}
.termsList01{padding-left:15px}
.termsList01 li{padding-top:18px}
.termsList02{padding:4px 0 0 15px}
.termsList02 li{padding-top:2px}
.termsList02 li strong{font-weight:normal}
.termsList02 li>ul,.termsList02 li>ol{padding-bottom:5px}

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

/* 쿠폰팝업 */
.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:'NanumBarunGothic','나눔바른고딕'; 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:'NanumBarunGothic','나눔바른고딕'; 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:28px;}
.withdrawCont.onlyagree .agreeRad {background:#f9f9f9;bottom:17px;top:auto;}
.withdrawCont.onlyagree .agreeRad .formRad{border-left:none !important;}
.withdrawCont.onlyagree .radOFF.agreeRad label {padding:0px 28px 0px 56px}
.withdrawCont.onlyagree .agreeRad .formRad label:before{top:auto;bottom:0px !important;left:30px}
.withdrawCont.onlyagree .agreeRad .formRad input[type=radio]{top:auto;bottom:0px !important;left: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:-9999px;}
.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:#f0f0f0;}
.searchAdd_top .txt {padding-bottom:9px; color:#333; font-weight:600;}
.searchAdd_top .detailAdd {margin-bottom:5px;}
.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 .existingArea label {font-size:12px;}
.addList li .roadArea .formRad label {position:relative; padding-left:89px; line-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: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;}

/* 약관동의영역관련 CSS추가 20170829 */
.termAgree {border:1px solid #e1e1e1;}
.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:39px; padding-top:20px; 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:0; 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 #e1e1e1;}
.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:11px 0 12px;}
.requestAgree .agreeList li {position:relative; padding-left:19px; margin-bottom:13px;}
.requestAgree .agreeList li:last-child {margin-bottom:0}
.requestAgree .agreeList li .kbBtn {position:absolute; top:-1px; 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/LT/images_r/common/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:20px;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:20px 28px 20px 56px !important}
.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 */
.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:#614cc2; background:#614cc2 url(https://img1.kbcard.com/LT/images_r/common/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:#614cc2; background:#fff url(https://img1.kbcard.com/LT/images_r/common/bg_step.png) no-repeat -37px 7px !important;}
.stepBox .stepPrev:after {background:#614cc2 !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:#614cc2 !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:#ffde02;background:#ffde02;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:30px; font-weight:600; text-align:center;}


/* 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{}
.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 #ffde02}
.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}
.infoWrap .infoInner {display:table; position:relative; width:100%; min-height:168px; background:#ebebeb}
.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:138px; min-width:40px; margin:8px 0 0 8px; padding:11px 10px; border:1px solid #323334; background:#fff; color:#333; font-size:14px; font-weight:bold; line-height:16px; text-align:left; border-radius:5px}
.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:336px; text-align:left}

.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 생활대금 */
.greenZone {position: relative;width:860px; margin:0px 0 0 -20px; padding:20px 50px; background: #def4bf}
.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: 14px; font-weight: bold; line-height: 16px; text-align: left; border-radius: 5px;}
.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:11px; color:#000; border:1px solid #070100; border-radius:3px;text-align: center}
.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/LT/images_r/common/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 선택적 동의 */
.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}

.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;}

/* 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;}

/*26.03.25 : [자동차금융] 할부상품 비대면 본인확인 절차강화(통신사기피해환급법 강화관련) 앱이동 페이지*/
.imgBox-wrap {display: flex;  justify-content: center;  align-items: center; text-align: center; border-radius: 12px; border:1px solid rgba(0,0,0,0.16);}
.imgBox-wrap > li { flex: 1;  display: flex;  flex-direction: column;  align-items: center;  padding:48px 20px;}
.imgBox-wrap > li ~ li { border-left: 1px solid rgba(0,0,0,0.16);}
.imgBox-wrap__tit {font-weight:600; font-size:18px; margin-bottom:24px;}
.imgBox-wrap__QR {display: flex; justify-content: center;  align-items: center;  width: 112px; height: 112px; padding: 10px; border: 2px solid rgba(0, 0, 0, 0.16); border-radius: 8px; 
background-color: #fff; box-sizing: border-box;}