@charset "utf-8";
/* 2.11 */
/***************** common ******************/

/* 2021.11.17 asis→tobe 개선
.cardCont .contentArea{position:relative;float:left;z-index:100;width:720px} */
.chkList .formChk{margin-right:12px}
.mar0{margin:0 !important}
.cardNum .btnGrey.type2{right:12px}

.radList.Towcell:after{display:block;content:'';clear:both;height:0}
.radList.Towcell .formRad{display:block;width:49%;margin:0;float:left}
.radList.Towcell .formRad+.formRad+.formRad{margin-top:10px}

.layContainer .tblScroll{overflow:auto;height:230px;border:1px solid #e1e1e1}
.layContainer .tblScroll .tblScroll_list01 li{padding:10px}

.tabType3{height:50px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_tab.gif) repeat-x 0 100%}
.tabType3:after{content:'';clear:both;display:block;height:0;visibility:visible}
.tabType3 li{position:relative;float:left;z-index:10;background:#fff;display:table}
.tabType3 li a{display:table-cell;width:460px;vertical-align:middle;padding:15px 10px 14px;height:19px;text-align:center;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5}
.tabType3 li:first-child a{border-left:1px solid #e5e5e5}
.tabType3 li a span{font:600 14px/1.2 "나눔고딕",NanumGothic, NG;vertical-align:middle}
.tabType3 li.tabON a{border:none;border-top:1px solid #6b727f;background:#6b727f}
.tabType3 li.tabON a span{color:#fff;font-size:14px}
.tabType3 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}
.tabType3.line2{height:67px}
.tabType3.line2 li a{height:36px}

.tblH .listType1 li .listDep2 li:before{top:1px}
.boxType2 .listType_tit{display:inline-block;color:#333;font-weight:600;line-height:1;margin:24px 0 -10px 35px}

.infoBox.type_family .checkImg{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_type_family.png);padding:30px 0 30px 170px}
.infoBox.type_family{background:#f4edff;}
.infoBox.type_family .tit strong{font-size:24px;line-height:26px}
.infoBox.type_family .txtType1{padding-top:13px}

.vAlign input[type="text"], input[type="password"]{vertical-align:middle}

.listDep2 li .listType3 li{background: url(https://img1.kbcard.com/LT/images_r/common/bult_star.gif) no-repeat 0 7px}
.listDep2 li .listType3 li:before{display:none}

/* layout */
.cardRight{position:relative;float:right;width:210px;margin-top:28px;z-index:10}
.card_right01 {position:relative; border:1px solid #e1e1e1; background:url('https://img1.kbcard.com/LT/images_r/personal/product/rnbCardinfo_bg.gif') repeat-x left bottom; text-align:center;}
.card_right01 .cardInfo p {text-align:center; padding-bottom:20px;}
.card_right01 .titR {display:inline-block; margin-top:20px; padding:4px 6px 0 5px; height:17px; border-radius:2px; line-height:12px; background:#614cc2; font-size:12px; font-weight:600; color:#fff;}
.card_right01 .cardInfo strong {display:block; padding:8px 20px 15px; font-size:16px; font-weight:600; color:#333; line-height:22px;}
.card_right01 .cardInfo img {width:102px; height:auto;}
.card_right01 .cardInfo{display:block;position:static;height:auto;background:none}
.card_right01 .cardInfo .listType1{padding:0 20px}
.card_right01 .cardInfo .listType1 li{padding:0 0 6px 10px;font-weight:600}
.card_right01 .cardInfo .radList{margin-top:5px;padding:15px 20px;border-top:1px solid #e1e1e1}
.card_right01 .cardInfo .radList .formChk{display:block;margin-top:10px}
.card_right01 .cardInfo .radList .formChk:first-child{margin:0}
.card_right01 .cardInfo .radList .formChk input[type=checkbox]:checked+label{font-weight:600}
.callApply{display:block;width:100%;color:#333;font-size:16px;font-weight:600;line-height:59px;text-align:center;border:1px solid #e1e1e1;border-top:none;background:#f2f2f2}
.callApply:before{content:'';display:inline-block;width:24px;height:24px;margin:-4px 10px 0 0;vertical-align:middle;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card.png) no-repeat}
.card_right01 .callApply{border:none;border-top:1px solid #e1e1e1}
.callNum{font-weight:600;line-height:50px;border:1px solid #e1e1e1;border-top:none;text-align:center}
.callNum strong{font-size:16px}

.card_right00{position:relative;width:210px;background:#fff;z-index:10}
.rightMenu + .card_right00{}
.compBox{position:relative;border:1px solid #e1e1e1;border-top:none;}/* 결함 6738, z-index:50; 삭제 */
.compBox .btnCard{display:block;width:100%;color:#333;font-weight:600;line-height:59px;text-align:center;background:#f2f2f2}
.compBox .btnCard:before{content:'';display:inline-block;width:24px;height:18px;margin:-4px 10px 0 0;vertical-align:middle;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card.png) no-repeat -24px 0}
.compBox button strong{color:#e44b3a}
.compBox .compCont, .compBox .compFull{display:none;position:absolute;top:-1px;left:-1px;width:206px;height:156px;border:2px solid #707784;text-align:center;background:#fff}
.compBox .compCont .tit, .compBox .compFull .tit{padding-left:18px;color:#333;font-size:16px;font-weight:600;line-height:39px;text-align:left;background:#f9f9f9}
.compBox .compCont .tit strong, .compBox .compFull .tit strong{color:#e15345}
.compBox .compCont .cardList{display:inline-block;margin:20px 0;position:static;width:auto}
.compBox .compCont .cardList:after{display:block;content:'';clear:both;height:0}
.compBox .compCont .cardList li{position:relative;float:left;margin:0 4px}
.compBox .compCont .cardList li a{display:block}
.compBox .compCont .cardList li img{width:50px;height:32px}
.compBox .compCont .cardList li .del{margin:0;padding:0;text-indent:-9999px;position:absolute;top:0;left:0;width:50px;height:32px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card.png) no-repeat -60px 0;opacity:0;filter:alpha(opacity=0);}
.compBox .compCont .cardList li .del:hover, .compBox .compCont .cardList li .del:focus{opacity:1;filter:alpha(opacity=100);}

/* 카드상품안내 카드비교함 181122 */
.renewCompare .compBox .btnCard {font-size:16px; line-height:49px;}
.renewCompare .compBox .btnCard:after {content:''; display:inline-block; width:24px; height:24px; margin:0 0 -6px 18px; background:url("https://img1.kbcard.com/LT/images_r/personal/product/ico_cardCompare_open.png") no-repeat bottom;}
.renewCompare .compBox .btnCard.on:after {background-position:0 0;}
.renewCompare .compBox .compCont {position:static; padding:20px 0; width:auto; height:auto; border:none; box-sizing:border-box;}
.renewCompare .compBox .compCont .txt {padding:0 20px; font-size:12px;}
.renewCompare .compBox .compCont .cardList {margin:18px 0;}
.renewCompare .compBox .compCont .cardList li:first-child {margin-left:0;}
.renewCompare .compBox .compCont .cardList li:last-child {margin-right:0;}
.renewCompare .compBox .compCont .btns .kbBtn {color:#666;}

.serviceSel{width:170px;height:120px;padding:20px;border-top:1px solid #e1e1e1;vertical-align:middle}
.serviceSel dt{margin-bottom:10px;color:#333;font-size:16px;font-weight:600;line-height:1}
.serviceSel dd{margin-top:10px;font-weight:600}
.card_right01 .serviceSel{height:auto}
.compBox .btns .kbBtn{margin:0 3px}
.cardRight .compFull .txt{padding:16px 0 7px;font-size:12px;line-height:16px}
.compBox .close{text-indent:-9999px;position:absolute;top:8px;right:15px;width:22px;height:22px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card.png) no-repeat -110px 5px}
.compBox + .callApply{border:1px solid #e1e1e1;border-top:none}
.btnTop{display:block;font-weight:600;text-align:center;line-height:28px;border:1px solid #e1e1e1;border-top:1px dashed #e1e1e1;vertical-align:middle}
.btnTop:before{content:'';display:inline-block;width:10px;height:8px;margin:-2px 7px 0 0;vertical-align:middle;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card.png) no-repeat -48px 0}

.rightMenu + .rFixed{position:fixed; /*top:50px;*/ top:83px; left:50%;margin:0 0 0 270px;}/*210419 : 공통_PC_RNB 이벤트 배너 영역 UI 수정*/
.rightMenu + .rFixed .compBox{border-top:1px solid #e1e1e1;}

.withdrawWrap.conNone .withdrawCont{margin-bottom:-1px}
.card_tbWr{height:180px;overflow-y:auto}

.cardApply_stepTit{font-size:18px;line-height:24px;color:#333}
.boxType2 .cardApply_step{margin:30px 0 30px 30px}
.cardApply_step li{color:#333;margin:0 0 10px}
.cardApply_step li span{display:inline-block;width:20px;height:18px;background:#9198a8;color:#fff;border-radius:4px;margin:0 10px 0 0;text-align:center;font-size:13px;padding-top:2px}
.cardApply_step li em{color:#666}

.cardApply_sch{overflow:hidden;padding:30px 0 27px 30px;background:#f5f3fd}
.cardApply_sch div{float:left;line-height:20px}
.cardApply_sch .sch1{width:300px;border-right:1px solid #e1e1e1;padding:0 30px 0 0}
.cardApply_sch .sch1 span{display:block;border:1px solid #c2c2c2;border-radius:5px;padding:7px 10px 0 0;height:31px;background:#fff;}
.cardApply_sch .sch1 input{border:none;width:232px;height:21px;padding-top:1px;line-height:14px}
.cardApply_sch .sch1 input:focus{width:234px}
.cardApply_sch .sch1 a{display:inline-block;width:22px;height:20px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_search01.gif) left top no-repeat;text-indent:-9999em;vertical-align:top;margin-top:2px}
.cardApply_sch .sch2{width:300px;padding:0 0 5px 30px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_search02.gif) right 42px no-repeat}
.cardApply_sch .sch2 a{display:block;width:300px;height:83px;}
.cardApply_sch .sch2 a strong{display:block;margin-bottom:18px;color:#151515;font-size:24px;font-weight:600}
.cardApply_sch .sch2 a:hover{text-decoration:none}


.ApplyTerms{line-height:22px;margin-top:20px}
.ApplyTerms.scrolling{max-height:195px;border-top:1px solid #c2c2c2}
.ApplyTerms .titDep2{margin-top:20px}
.ApplyTerms ul{margin-bottom:-10px}

.prepaidBox{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;overflow:hidden}
.prepaidBox li{float:left;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_prepaid01.gif) center 30px no-repeat;width:50%;text-align:center;padding:125px 0 30px;box-sizing:border-box;}/*width:360px; https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0024*/
.prepaidBox li + li{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_prepaid02.gif);border-left:1px solid #e1e1e1}/*width:359px https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0024*/
.prepaidBox strong{display:block;font-size:20px;margin-bottom:18px;color:#333}
.prepaidBox p{line-height:22px}
.prepaidBox .btnS{background:#fff}
.prepaidBox.type2{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_prepaid01.gif) center 30px no-repeat;text-align:center;padding:125px 0 30px}

.cardChoice01{overflow:hidden}
.cardChoice01 li{float:left;width:90px;margin-left:23px;text-align:center}
.cardChoice01 li:first-child{margin:0}
.cardChoice01 li .formRad{margin:10px 0 0}
.cardChoice01 li .formRad.radTxt{width:19px}

.card_viewBox_wr{width:360px;margin:0 auto}
.card_viewBox, .card_viewBox02{position:relative}
.card_viewBox .inner{position:absolute;top:0;left:0;width:360px}
.card_viewBox .dimed{background:#000;opacity:0.3;filter:alpha(opacity=30);width:360px;height:227px;position:absolute;top:0;left:0;border-radius:15px}

.card_viewBox span{display:inline-block;vertical-align:top;color:#fff;text-shadow:0 2px 2px #333}
.card_viewBox span.type1{position:absolute;top:40px;left:30px;width:170px}
.card_viewBox span.type2{position:absolute;top:40px;right:20px;width:107px}
.card_viewBox span.type3{position:absolute;top:105px;left:70px;width:220px}
.card_viewBox span.type4{position:absolute;top:135px;left:110px;width:170px}
.card_viewBox span.type5{position:absolute;top:185px;left:30px;width:220px}
.card_viewBox span.type6{position:absolute;top:185px;right:20px;width:70px}
.card_viewBox02 span{color:#333;font-weight:600}
.card_viewBox02 .type1{position:absolute;top:103px;left:235px}
.card_viewBox02 .type2{position:absolute;top:103px;left:295px}
.card_viewBox02 .type3{position:absolute;top:200px;left:195px}

.residenceWr{float:left;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_arrow01.gif) 200px 48px no-repeat}
.residenceWr .residence_con, .residenceWr img{float:left}
.residenceWr img{margin-right:45px}
.residenceWr .residence_con{padding-top:25px}

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

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

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

.cardOption{background:#f9f9f9}
.cardOption .cardOption_top{padding:30px 0 30px 30px;overflow:hidden}
.cardOption .cardOption_top img{width:160px;height:101px;margin:4px 40px 0 0}
.cardOption .cardOption_top .cardOption_info, .cardOption .cardOption_top img{float:left}
.cardOption .cardOption_top .cardOption_info{width:459px}
.cardOption .cardOption_top .cardOption_tit{padding-right:40px;color:#333;font-size:18px;line-height:24px;margin-bottom:17px}
.cardOption .cardOption_top .cardOption_tit strong{vertical-align:middle;margin-right:5px}
.cardOption .cardOption_top .cardOption_inner{overflow:hidden}
.cardOption .cardOption_top .cardOption_inner li{float:left;border-left:1px solid #e1e1e1;width:139px;padding:0 0 0 20px}
.cardOption .cardOption_top .cardOption_inner li:first-child{border:none;padding-left:0}
.cardOption .cardOption_top .cardOption_inner li em{color:#715fc4;font-weight:600;margin-bottom:5px;line-height:30px;font-size:20px}
.cardOption .cardOption_top .cardOption_inner li em span{font-family:Arial,"나눔고딕",NanumGothic,"NG";color:#715fc4;font-size:28px;margin-right:3px;vertical-align:-3px;letter-spacing:-1px}
.cardOption .cardOption_top .cardOption_inner li em, .cardOption .cardOption_top .cardOption_inner li > span{display:block}
.cardOption .cardOption_top .cardOption_inner li > span{color:#333;padding-top:5px;letter-spacing:-1px}
.cardOption .cardOption_btm{width:690px;background:#efefef;padding:20px 0px 20px 30px;display:table;border-top:1px solid #cdcdcd;}
.cardOption .cardOption_btm .subcon{display:table-cell;vertical-align:middle;height:53px}
.cardOption .cardOption_btm .subcon .chkTxt{font-weight:600;color:#333}
.cardOption .cardOption_btm .subcon strong{color:#333;font-size:14px}
.cardOption .cardOption_btm .subcon.left{width:310px;border-right:1px solid #cdcdcd;}
.cardOption .cardOption_btm .subcon.left .listType1{margin-top:3px}
.cardOption .cardOption_btm .subcon.left .listType1 li{font-size:12px;line-height:16px;padding-bottom:0px}
.cardOption .cardOption_btm .subcon.middle{width:160px;border-right:1px solid #cdcdcd;padding:0 0 0 29px}
.cardOption .cardOption_btm .subcon.right{width:159px;padding-left:30px}
.cardOption .cardOption_btm .subcon.right .withDrawList{margin-top:13px;padding-bottom:0}

.qrCode_wr{position:relative;background:url(https://img1.kbcard.com/LT/images_r/personal/product/img_qrcode1.gif) right top no-repeat}
.pushMessage_wr{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;padding:30px}

.cardInfo_wr{position:relative}
.cardInfo_wr .cardInfo_txt01{position:absolute;top:-9999px;left:-9999px;font:0/0 Arial}
.cardInfo_wr .cardInfo_txt01 a{visibility:visible;text-indent:-9999em;background:#fff;filter:alpha(opacity=0);opacity:0}
.cardInfo_wr .btnType1{display:block;width:199px;height:51px}
.cardInfo_wr .btnType2{display:block;width:105px;height:30px}
.cardInfo_wr .btn01{position:absolute;top:10842px;left:10029px}
.cardInfo_wr .btn02{position:absolute;top:10842px;left:10259px}
.cardInfo_wr .btn03{position:absolute;top:10842px;left:10490px}
.cardInfo_wr .btn04{position:absolute;top:10746px;left:10306px}
.cardInfo_wr .btn05{position:absolute;top:11040px;left:10306px}
.cardInfo_wr .btn06{position:absolute;top:11230px;left:10237px}
.cardInfo_wr .btn07{position:absolute;top:11230px;left:10352px;width:129px}
.cardInfo_wr .btn08{position:absolute;top:10682px;left:10258px}

.cardInfo_list{margin-top:40px}
.cardInfo_list .list{padding:30px 0 12px 200px;border-top:1px solid #e1e1e1;min-height:137px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/img_card_info03.gif) 30px 30px no-repeat}
.cardInfo_list .list strong{font-size:18px;color:#333;display:block;margin-bottom:15px}
.cardInfo_list .list p{margin-top:15px}
.cardInfo_list .list:first-child{border-top:0}
.cardInfo_list .list.two{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/img_card_info04.gif)}
.cardInfo_list .list.three{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/img_card_info05.gif)}
.cardInfo_list .list.four{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/img_card_info03.gif)}
.cardInfo_list .list.five{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/img_card_info05.gif)}
.cardInfo_list .list.six{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/img_card_info08.gif)}

.cardList_tab{overflow:hidden;border:1px solid #e1e1e1;border-right:none}
.cardList_tab li{float:left;width:33.3%}
.cardList_tab li.on{background:#7361c5;width:33.4%}
.cardList_tab li.on a{color:#fff}
.cardList_tab li a{border-right:1px solid #e1e1e1;display:block;padding:38px 0;text-align:center;font-size:18px;color:#333;font-weight:600}
.cardList_tab li a:before{content:'';display:inline-block;width:32px;height:32px;margin-right:10px;vertical-align:-9px}
.cardList_tab li.gift a:before{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_prepaid03.png) no-repeat}
.cardList_tab li.charge a:before{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_prepaid04.png) no-repeat}
.cardList_tab li.egift a:before{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_prepaid05.png) no-repeat}
.cardList_tab li.gift.on a:before{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_prepaid03_on.png) no-repeat}
.cardList_tab li.charge.on a:before{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_prepaid04_on.png) no-repeat}
.cardList_tab li.egift.on a:before{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_prepaid05_on.png) no-repeat}
.cardList_tab + .tabType1{margin-top:20px}

.prepaid_cardList{overflow:hidden}
.prepaid_cardList.line{border-bottom:1px solid #e1e1e1;margin-bottom:30px;padding-bottom:30px}
.prepaid_cardList div{float:left}
.prepaid_cardList .imgWr{width:210px;margin-right:30px}
.prepaid_cardList .imgWr img{width:210px;height:132px}
.prepaid_cardList .conView{width:480px}
.prepaid_cardList .conView strong{display:block;color:#333;font-size:18px;line-height:24px;margin-bottom:13px}
.prepaid_cardList .conView .listType1 li{padding-bottom:8px}

.prepaid_cardList02{overflow:hidden;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.prepaid_cardList02 li{float:left;border-right:1px solid #e1e1e1;text-align:center;width:359px;padding:30px 0}
.prepaid_cardList02 li:first-child{border-left:1px solid #e1e1e1;width:358px}
.prepaid_cardList02 li strong{display:block;text-align:center;margin:20px 0 18px;color:#333}
.prepaid_cardList02 li img{width:143px;height:90px}
.moreTxt{float:right;padding-right:45px}
.moreTxt:after{content:'';display:block;height:0;clear:both}

/* 카드리스트 */
.cardList_tab.credit li{position:relative;width:14.3%;}
.cardList_tab.credit li.on{width:14.2%}
/* 2021.11.17 asis→tobe 개선
.cardList_tab.credit li a{display:table-cell;width:200px;height:37px;padding:59px 0 14px;font-size:14px;text-align:center;vertical-align:middle}*/
.cardList_tab.credit li a{display:table-cell;width:200px;height:117px;padding:59px 0 14px;font-size:14px;text-align:center;vertical-align:middle;box-sizing: border-box;}
.cardList_tab.credit li a:before{display:block;position:absolute;top:19px;left:50%;margin-left:-16px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/ico_cardCredit.png) left top no-repeat}
.cardList_tab.credit li.credit01 a:before{background-position:0 0}
.cardList_tab.credit li.credit02 a:before{background-position:-32px 0}
.cardList_tab.credit li.credit03 a:before{background-position:-64px 0}
.cardList_tab.credit li.credit04 a:before{background-position:-96px 0}
.cardList_tab.credit li.credit05 a:before{background-position:-128px 0}
.cardList_tab.credit li.credit06 a:before{background-position:-160px 0}
.cardList_tab.credit li.credit07 a:before{background-position:-192px 0}
.cardList_tab.credit li.credit01.on a:before{background-position:0 -32px}
.cardList_tab.credit li.credit02.on a:before{background-position:-32px -32px}
.cardList_tab.credit li.credit03.on a:before{background-position:-64px -32px}
.cardList_tab.credit li.credit04.on a:before{background-position:-96px -32px}
.cardList_tab.credit li.credit05.on a:before{background-position:-128px -32px}
.cardList_tab.credit li.credit06.on a:before{background-position:-160px -32px}
.cardList_tab.credit li.credit07.on a:before{background-position:-192px -32px}

.cardList_tab.check li{position:relative;width:159px;} /* 2022-01-18 최상림 수정, 체크카드 탭 넓이값 수정, https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0047 */
.cardList_tab.check li.on{width:164px;}
.cardList_tab.check li a{display:table-cell;width:200px;height:37px;padding:59px 0 14px;font-size:14px;text-align:center;vertical-align:middle}
.cardList_tab.check li a:before{display:block;position:absolute;top:19px;left:50%;margin-left:-16px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/ico_cardCheck.png) no-repeat}
.cardList_tab.check li.check01 a:before{background-position:0 0}
.cardList_tab.check li.check02 a:before{background-position:-32px 0}
.cardList_tab.check li.check03 a:before{background-position:-64px 0}
.cardList_tab.check li.check04 a:before{background-position:-96px 0}
.cardList_tab.check li.check05 a:before{background-position:-128px 0}
.cardList_tab.check li.check06 a:before{background-position:-160px 0}
.cardList_tab.check li.check01.on a:before{background-position:0 -32px}
.cardList_tab.check li.check02.on a:before{background-position:-32px -32px}
.cardList_tab.check li.check03.on a:before{background-position:-64px -32px}
.cardList_tab.check li.check04.on a:before{background-position:-96px -32px}
.cardList_tab.check li.check05.on a:before{background-position:-128px -32px}
.cardList_tab.check li.check06.on a:before{background-position:-160px -32px}

.cardList_tab.hangul li a{height:}
.cardList_tab.hangul li a:before{background:url(https://img1.kbcard.com/LT/images_r/personal/product/ico_cardHangul.png) no-repeat}
.cardList_tab.hangul li.hangul01 a:before{background-position:0 0}
.cardList_tab.hangul li.hangul01.on a:before{background-position:0 -32px}
.cardList_tab.hangul li.hangul02 a:before{background-position:-32px 0}
.cardList_tab.hangul li.hangul02.on a:before{background-position:-32px -32px}
.cardList_tab.hangul li.hangul03 a:before{background-position:-64px 0}
.cardList_tab.hangul li.hangul03.on a:before{background-position:-64px -32px}

/*tantum add*/
.cardList_tab.premium li{position:relative;width: 33.3%;}
.cardList_tab.premium li a{height:45px;padding: 30px 0 35px 73px;font-size: 13px;text-align:left}
.cardList_tab.premium li a:before{position:absolute;width:46px;height:52px;top:27px;left:16px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/ico_cardPremium.png) no-repeat}
.cardList_tab.premium li a span{display:block;font-size: 22px;color:#333;margin-top:7px}
.cardList_tab.premium li.on a span{color:#fff}
.cardList_tab.premium li.premium01 a:before{background-position:0 0}
.cardList_tab.premium li.premium02 a:before{background-position:-46px 0}
.cardList_tab.premium li.premium03 a:before{background-position:-92px 0}
.cardList_tab.premium li.premium01.on a:before{background-position:0 -52px}
.cardList_tab.premium li.premium02.on a:before{background-position:-46px -52px}
.cardList_tab.premium li.premium03.on a:before{background-position:-92px -52px}
.cardList_tab.premium li.premium04 a:before {background:url(https://img1.kbcard.com/LT/images_r/personal/product/ico_cardPremium_heritage_off.png) no-repeat 0 0}
.cardList_tab.premium li.premium04.on a {background:#000;}
.cardList_tab.premium li.premium04.on a:before{background:url(https://img1.kbcard.com/LT/images_r/personal/product/ico_cardPremium_heritage_on.png) no-repeat 0 0}

.cardList_tab.biz li{position:relative;width:20%}
.cardList_tab.biz li a{height:13px;padding:58px 0 19px;font-size:14px;text-align:center;vertical-align:middle}
.cardList_tab.biz li a:before{display:block;position:absolute;top:15px;left:50%;margin-left:-16px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/ico_cardbiz.png) no-repeat}
.cardList_tab.biz li.biz01 a:before{background-position:0 0}
.cardList_tab.biz li.biz02 a:before{background-position:-32px 0}
.cardList_tab.biz li.biz03 a:before{background-position:-64px 0}
.cardList_tab.biz li.biz04 a:before{background-position:-96px 0}
.cardList_tab.biz li.biz05 a:before{background-position:-128px 0}
.cardList_tab.biz li.biz01.on a:before{background-position:0 -32px}
.cardList_tab.biz li.biz02.on a:before{background-position:-32px -32px}
.cardList_tab.biz li.biz03.on a:before{background-position:-64px -32px}
.cardList_tab.biz li.biz04.on a:before{background-position:-96px -32px}
.cardList_tab.biz li.biz05.on a:before{background-position:-128px -32px}

[class*="arr"]{color:#614cc2}
[class*="arr"]:before{margin:-1px 0 0 0}
[class*="arr"]:after{content:'';display:inline-block;margin:-1px 0 0 0;width:17px;height:18px;vertical-align:middle;background:url(https://img1.kbcard.com/LT/images_r/common/bg_btn.png) no-repeat}
.btnFunc.arrUp:after{background-position:-195px 0}
.btnFunc.arrDown:after{background-position:-220px 0}
tbody.tblBg{background:#fbfbfb}
tfoot.tblBg tr:first-child th, tfoot.tblBg tr:first-child td{border-bottom:1px solid #9fa5a9}
tbody.tblBg tr:first-child th, tbody.tblBg tr:first-child td{border-top:1px solid #9fa5a9}

/* 한글카드안내_브랜드 스토리 */
.brandStory1{width:720px;height:445px;padding-top:60px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_brand01.jpg) 0 0 no-repeat;text-align:center}
.brandStory1 .cardList{width:570px;margin:48px 0 0 85px}
.brandStory1 .cardList li{float:left;width:170px;height:108px;margin:0 20px 20px 0}
.brandStory1 .cardList li a img{width:170px;height:108px}
.brandStory1 .cardList:after{display:block;content:'';clear:both;height:0}

.brandStory2{position:relative;width:720px;height:535px;padding-top:50px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_brand02.jpg) 0 0 no-repeat;text-align:center}
.brandStory2 .r_paging{padding:30px 0 22px;text-align:center}
.brandStory2 .r_paging span{display:inline-block;width:10px;height:10px;margin-left:6px;border-radius:5px;background:#beb19f;cursor:pointer}
.brandStory2 .r_paging span:first-child{margin-left:-3px}
.brandStory2 .r_paging span.on{width:30px;background:#333333}
.brandStory2 .rollingBox button{position:absolute;top:50%;left:30px;width:30px;height:30px;margin-top:-15px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_icon_brand.png) 0 0 no-repeat;text-indent:-999px;font-size:0}
.brandStory2 .rollingBox button.next{left:auto;right:30px;background-position:-30px 0}
.brandStory2 .rollingBox button.noData{opacity:0.5;filter:alpha(opacity=50)}
.brandStory2 .rollingBox .inner{width:520px;margin:0 auto;overflow:hidden}
.brandStory2 .rollingBox .inner ul{width:2200px}
.brandStory2 .rollingBox .inner li{float:left;width:520px}
.brandStory2 .rollingBox .inner li .con{width:520px;height:313px;border-bottom:1px solid #d1cdd0}
.brandStory2 .rollingBox .inner li .txt{padding-top:25px;border-top:1px solid #f1ebef;vertical-align:bottom;line-height:20px;color:#333;font-size:14px;letter-spacing:-0.5px}
.brandStory2 .rollingBox .inner li .txt.oneLine{padding-top:35px}
.brandStory2 .rollingBox .inner li a{display:block;color:#333}
.brandStory2 .rollingBox .inner li .con.cardList{height:318px}
.brandStory2 .rollingBox .inner li .con.cardList ul{padding-top:55px}
.brandStory2 .rollingBox .inner li .con.cardList li{width:210px;padding:0 25px}
.brandStory2 .rollingBox .inner li .con.cardList li img{width:210px;height:132px}
.brandStory2 .rollingBox .inner li .con.cardList li strong{display:block;padding-top:17px;font-size:16px;line-height:22px}

.brandStory2.brandStory3{background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_brand03.jpg) 0 0 no-repeat}
.brandStory2.brandStory3 .rollingBox .inner li .con{border-bottom:1px solid #dddacf}
.brandStory2.brandStory3 .rollingBox .inner li .txt{border-top:1px solid #fff}
.brandStory2.brandStory3 .rollingBox .inner li .con.cardList ul{width:400px;padding:0;margin:0 auto}
.brandStory2.brandStory3 .rollingBox .inner li .con.cardList li{width:150px;padding:0 25px 20px}
.brandStory2.brandStory3 .rollingBox .inner li .con.cardList li img{width:150px;height:95px}

/* 주요 한글카드 한눈에 보기*/
.hangulCard{width:720px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_hangul.gif) 234px 0 repeat-y;min-height:300px}
.hangulCard h2{display:block;margin-bottom:25px}
.hangulCard .fl{float:left;width:237px}
.hangulCard .fr{float:right;width:483px}
.hangulCard .listType1 li{padding-bottom:5px}
.hangulCard dl{position:relative;background:#fff url(https://img1.kbcard.com/LT/images_r/personal/product/bg_hangul_line.gif) 0 0 repeat-x}
.hangulCard dl:first-child{padding-top:0 !important;background:none}
.hangulCard dl:first-child dd.cardType{top:0 !important}
.hangulCard dt{font-size:18px;font-weight:600;color:#333}
.hangulCard dd{padding:7px 0}
.hangulCard dd.cardLink ul{display:inline-block}
.hangulCard dd.cardLink li{position:relative;display:inline-block}
.hangulCard dd.cardLink button.link{padding:2px 4px 3px;border:1px solid #c1c1c1;border-radius:2px;background:#fff;font-size:12px;color:#333}
.hangulCard dd.cardLink .cardPreview{position:absolute;top:36px;left:-210px;margin-left:50%;padding:20px;border:5px solid #9198a8;background:#fff;text-align:center;z-index:21}
.hangulCard dd.cardLink .cardPreview:after{content:'';display:block;position:absolute;top:-15px;right:-5px;width:10px;height:10px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_hangul_layer.png) 0 0 no-repeat}
.hangulCard dd.cardLink .cardPreview a.img {display:block;margin-bottom:20px}
.hangulCard dd.cardLink .cardPreview a.img img{height:101px}
.hangulCard dd.cardType{position:absolute;top:40px;left:0;width:160px;padding:0;text-align:center;z-index:10}
.hangulCard dd.cardType img{width:160px;height:101px}
.hangulCard dd.cardType .btnArea{margin-top:10px;text-align:left}
.hangulCard dd.cardType .btnArea .kbBtn{margin:0}
.hangulCard dd.cardType .btnXS{min-width:78px;border-color:#8b929e}
.hangulCard dd.cardType .btnXS.action{border-color:#ffde02}

.hangulCard .fl dl{width:205px;padding:40px 0 22px;margin-left:10px}
.hangulCard .fl dt{padding-top:157px}
.hangulCard .fr dl{width:240px;padding:30px 0 10px 190px;margin-left:52px}
.hangulCard .fr dd.cardType{top:30px}
.hangulCard:after{content:'';display:block;height:0;clear:both}

/* 모바일단독카드 */
.mobileCardTop{border:1px solid #e1e1e1;background:#f6f6f6}
.mobileCardTop dl{height:308px;margin-right:30px;padding:92px 0 0 380px;border-bottom:1px solid #e1e1e1;background:url(https://img1.kbcard.com/LT/images_r/personal/product/img_mobilecard.gif) no-repeat 0 100%}
.mobileCardTop dl dt{position:relative;padding:58px 0 17px}
.mobileCardTop dl dt:before{content:'';display:block;position:absolute;top:0;left:0;width:253px;height:23px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_mobileOnly.gif) no-repeat}
.mobileCardTop dl dd{position:relative;font-size:16px;line-height:24px}
.mobileCardTop dl dd:first-child:after, .mobileCardTop dl dd:last-child:after{content:''; display:block; position:absolute; bottom:-53px; left:0; width:253px; height:26px; background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_mobileOnly.gif) no-repeat 0 100%;}
.mobileCardTop ul{margin:30px 0}
.mobileCardTop li{float:left;width:239px;height:189px;text-align:center;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_mobilecard_line.gif) 0 0 repeat-y}
.mobileCardTop li:first-child{background:none}
.mobileCardTop li a{display:block;color:#666}
.mobileCardTop li strong{display:block;padding:15px 0 8px;font-size:16px;color:#333}
.mobileCardTop li span{display:block;line-height:22px}
.mobileCardTop ul:after{content:'';display:block;height:0;clear:both}

/* 카드상세 */
/* 2021.11.17 asis→tobe 개선 
.productBox{position:relative;min-height:120px;display:table;width:500px;padding:30px 0 30px 220px;background:#e0ecf6;text-align:left}
.productBox .proLogo{position:absolute;top:50%;left:50px;margin-top:-60px}
.productBox .txt_wr{display:table-cell;vertical-align:middle}
.productBox .tit{display:block;margin-bottom:10px;font-size:24px;color:#333;line-height:30px}
.productBox .stit{font-size:16px;line-height:30px;color:#333}
.productBox .txt{display:block;line-height:22px}
.productBox .listType1 li{padding-bottom:5px} */
.productBox{position:relative;min-height:120px;display:table;width:740px;padding:30px 0 30px 220px;margin-top:20px;background-color: #eff2f7;border-radius: 12px;text-align:left} /* 다른곳과 공통사용 중 */
/* .contentArea.contentDetail .productBox{width:510px} 카드상세 https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0076?mainCC=a&cooperationcode=09301 > 박진수 - 아래 결함처리로 box-sizing이 선언되어 화면이 깨집니다. */

/* 2022-02-08 프리미엄카드상세 (결함DEFC-0000006528) > 박진수 - commonR.css에 선언되어 있던 스타일을 카드쪽으로 옮깁니다. */
.contentArea.contentDetail .tabDep2 { width:100% !important; margin-top:0 !important; }
.contentArea.contentDetail .productBox { width:100%; min-height: 158px; box-sizing:border-box; } /* 박진수 - box-sizing이 추가되어 전체적인 높이가 낮아져 min-height를 초기화 했습니다. */
.contentArea.contentDetail .productBox .txt_wr .kbBtn { margin-right:8px; }

.productBox .proLogo{position:absolute;top:50%;left:50px;margin-top:-60px;border-radius: 50%;overflow: hidden; width: 120px;height: 120px;background-color: #fff;} /* 2022.01.07 asis tobe 이미지 동일함으로 일단 css 처리 */
.productBox .txt_wr{display:table-cell;vertical-align:middle}
.productBox .tit{display:block;margin-bottom:10px;font-size:24px;color:#333;line-height:30px}
.productBox .stit{font-size:16px;line-height:30px;color:#333}
.productBox .txt{display:block;line-height:22px}
.productBox .listType1 li{padding-bottom:5px}

.benefit_Topbox{position:relative;padding:0 0 30px 145px;min-height:120px;border-bottom:1px solid #ddd;margin-bottom:-10px}
.benefit_Topbox .imgWr{position:absolute;top:0;left:0;}
.benefit_Topbox li{line-height:30px}
.benefit_Topbox.type2{overflow:hidden}
.benefit_Topbox.type2 li{float:left;width:50%;}
.benefit_Topbox.type2 li span{display:block;text-indent:-43px;padding:0 0 0 43px}

.cardDetail_coupon{overflow:hidden;margin-left:-10px}
.cardDetail_coupon a{float:left;width:170px;height:101px;border:1px solid #eee;padding:58px 0 0;text-align:center;border-radius:5px;overflow:hidden;margin:0 0 10px 10px;text-decoration:none;color:#666;line-height:22px}
.cardDetail_coupon a span{display:block;padding:9px 0;background:#7563c6;color:#fff;margin-top:17px}
.cardDetail_coupon a.icon1{background:url(https://img1.kbcard.com/LT/images_r/personal/product/ico_coupon01.gif) center 20px no-repeat;}
.cardDetail_coupon a.icon2{background:url(https://img1.kbcard.com/LT/images_r/personal/product/ico_coupon02.gif) center 20px no-repeat;}
.cardDetail_coupon a.icon3{background:url(https://img1.kbcard.com/LT/images_r/personal/product/ico_coupon03.gif) center 20px no-repeat;}
.cardDetail_coupon a.icon4{background:url(https://img1.kbcard.com/LT/images_r/personal/product/ico_coupon04.gif) center 20px no-repeat;}

/* 카드_메인 */
.card_subMain .cardList_wrap{width:960px;margin-top:30px;overflow:hidden}
.card_subMain .cardList_wrap .list{width:1300px;margin:40px 0 0 -37px;border-top:1px solid #d6d5dc;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardsubmain_line.gif) repeat 0 0;overflow:hidden}
.card_subMain .cardList_wrap .list:first-child{margin-top:0}
.card_subMain .cardList_wrap .list li{float:left;width:259px;text-align:center}
.card_subMain .cardList_wrap .list li .tit{display:block;padding:40px 0 30px 0;background:#fff;font-size:18px;font-weight:600;color:#715fc4}
.card_subMain .cardList_wrap .list li .tit strong{display:inline-block;position:relative;padding-left:32px}
.card_subMain .cardList_wrap .list li .tit strong:after{content:'';display:block;position:absolute;top:0;left:0;width:24px;height:24px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardsubmain.png) no-repeat 0 0}
.card_subMain .cardList_wrap .list li.discount_choice .tit strong:after{background-position:-24px 0}
.card_subMain .cardList_wrap .list li.edu_medical .tit strong:after{background-position:-48px 0}
.card_subMain .cardList_wrap .list li.mart_network .tit strong:after{background-position:-72px 0}
.card_subMain .cardList_wrap .list li.shopping .tit strong:after{background-position:-96px 0}
.card_subMain .cardList_wrap .list li.coffee_eatout .tit strong:after{background-position:-120px 0}
.card_subMain .cardList_wrap .list li.culture_leisure .tit strong:after{background-position:-144px 0}
.card_subMain .cardList_wrap .list li.refuel_traffic .tit strong:after{background-position:-168px 0}
.card_subMain .cardList_wrap .list li.corporation .tit strong:after{background-position:-192px 0}
.card_subMain .cardList_wrap .list li.personal .tit strong:after{background-position:-216px 0}
.card_subMain .cardList_wrap .list li.payment .tit strong:after{background-position:-240px 0}
.card_subMain .cardList_wrap .list li.etc .tit strong:after{background-position:-264px 0}
.card_subMain .cardList_wrap .list li a{display:block;width:180px;height:115px;color:#666;margin-left:40px}
.card_subMain .cardList_wrap .list li a .img{max-width:111px;height:70px}
.card_subMain .cardList_wrap .list li a span{display:block;margin-top:10px;line-height:18px}
.card_subMain .cardList_wrap .list li ul li{float:none;padding-top:20px}
.card_subMain .cardList_wrap .list li ul li:first-child{padding:0}
.card_subMain .cardList_wrap:after{display:block;content:'';clear:both;height:70px}
.card_subMain .linkList{border:1px solid #d6d5dc;overflow:hidden}
.card_subMain .linkList .fl{float:left;width:639px;height:166px;border-right:1px solid #d6d5dc}
.card_subMain .linkList .fl dl{position:relative;float:left;width:259px;height:112px;padding:27px 30px;border-left:1px solid #d6d5dc}
.card_subMain .linkList .fl dl:after{content:'';display:block;position:absolute;top:50px;right:40px;width:75px;height:84px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardsubmain.png) no-repeat -75px -30px}
.card_subMain .linkList .fl dl:first-child{border:0}
.card_subMain .linkList .fl dl:first-child:after{background-position:0 -30px}
.card_subMain .linkList .fl dl dt{padding-bottom:10px;font-size:18px;font-weight:600;color:#333}
.card_subMain .linkList .fl dl dd li{padding-top:10px}
.card_subMain .linkList .fl dl dd li a{position:relative;padding-right:10px;color:#666}
.card_subMain .linkList .fl dl dd li a:after{content:'';display:block;position:absolute;top:50%;right:0;width:5px;height:8px;margin-top:-4px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardsubmain.png) no-repeat -22px -115px}
.card_subMain .linkList .fr{float:right;width:318px;height:166px;text-align:center;font-weight:600}
.card_subMain .linkList .fr ul{margin:30px 0 0}
.card_subMain .linkList .fr li{float:left;width:158px;height:40px;border-left:1px solid #d6d5dc;font-size:16px;color:#333}
.card_subMain .linkList .fr li:first-child{border:0}
.card_subMain .linkList .fr li span{display:block;padding-top:3px;font-size:16px;color:#333}
.card_subMain .linkList .fr li span .kbBtn:after{display:none}
.card_subMain .linkList .fr ul:after{display:block;content:'';clear:both;height:20px}
.card_subMain .linkList .fr a{display:block;position:relative;height:45px;margin:0 30px 30px;padding-left:30px;line-height:45px;background:#7665c6;border-radius:5px;font-size:16px;color:#fff}
.card_subMain .linkList .fr a:after{content:'';display:block;position:absolute;top:50%;left:67px;width:22px;height:24px;margin-top:-12px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardsubmain.png) no-repeat 0 -115px}
.card_subMain .linkList.biz .fl dl:first-child:after{background-position:-150px -30px}
.card_subMain .linkList.biz .fr ul{margin-top:20px}
.card_subMain .linkList .fr .bizCon{height:61px;padding-top:22px;border-bottom:1px solid #d6d5dc}
.card_subMain .linkList .fr .bizCon a{display:inline-block;width:128px;height:38px;margin:0 5px;padding:0;border:1px solid #e1e1e1;border-radius:5px;background:#f6f6f6;font-size:14px;font-weight:600;line-height:38px;text-align:center;color:#333}
.card_subMain .linkList .fr .bizCon a:after{background:none}
.card_subMain .linkList .fr .btnXS{width:auto;height:auto;padding:0 9px;font-size:12px;line-height:24px;border:1px solid #c2c2c2;border-radius:3px;background:#fff;color:#333;font-weight:normal}

.cardList1:after{display:block;content:'';clear:both;height:0}
.cardList1 img{max-width:210px;height:133px}
.cardList1 a{position:relative;display:block;text-align:center;text-decoration:none}
.cardList1 a:hover .tit{text-decoration:underline}
.cardList1 li{position:relative;float:left;width:210px;margin-left:43px}
.cardList1 li:first-child{margin-left:0}
.cardList1 a .tit{display:block;margin-top:6px;font-size:16px;font-weight:600;line-height:24px;text-align:center}
.cardSrch{display:block;width:210px;height:51px;padding-top:82px;font:600 16px NanumGothic, "나눔고딕", NG;text-align:center;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardSearch.jpg) no-repeat 0 0;color:#fff !important}
.cardSrch:hover {text-decoration:underline}

.boxType1 .listType1{margin:27px 30px 8px 30px}
.boxType1 .listType1 li a{margin-top:-2px}
.boxType1 .txtBox1{border:none;border-top:1px solid #e1e1e1;font-weight:600}
.boxType1 .btnArea{margin:27px 30px;text-align:left}
.boxType1 .tipArea .listType1{padding-right:0;padding-left:0;margin-top:0}
.boxType1 .tipArea .titTip2+ .listType1{margin-top:0}
.boxType1 .listType1 li .listNum1{padding:5px 0 0}
.boxType1 .listType1 li .listNum1 li{padding-bottom:0}
.boxType1 .listType1 li .listNum2 li{padding:0 0 8px 0;background:none}
.boxType1 .listDep2 li .listNum1{padding:2px 0 5px}
.boxType1 .listDep2 li .listNum1 li:before{display:none}

/* 선불카드 */
.cardBox.gift{margin:30px 0;background:#f6f6f6}
/* 2021.11.17 asis→tobe 개선
.cardBox.gift .img{height:250px;padding:35px 0 0 75px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardBox6.gif) no-repeat 75px 100%} */
.cardBox.gift .img{height:250px;padding:35px 0 0 75px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardBox6.gif) no-repeat 75% 100%}
.giftInfo{padding:20px 0 20px 30px;}
.giftInfo:after{display:block;content:'';clear:both;height:0}
.giftInfo strong{float:left;display:block;width:200px;height:60px;color:#7361c5;font-size:24px;font-weight:600;line-height:60px}
.giftInfo strong *{vertical-align:middle}
.giftInfo strong:before{content:'';display:inline-block;float:left;width:60px;height:60px;margin-right:10px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_giftCard01.gif) no-repeat}
.giftInfo span{float:left;display:block;width:458px;padding-left:30px;line-height:22px;border-left:1px dashed #b1b1b1;text-align:left}
.cardBox.egift .img, .cardBox.charge .img{height:235px;padding:35px 0 0 205px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardBox7.gif) no-repeat 205px 100%}
.cardBox.egift .giftInfo strong{font-size:22px;letter-spacing:-1px}
.cardBox.egift .giftInfo strong:before{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_giftCard02.gif)}
.cardBox.charge .giftInfo strong:before{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_giftCard03.gif)}

.cardImg625 img{width:90px;height:56px}
.cardImg626 img{width:360px;height:227px}
.card_txtBox{position:absolute;top:91px;left:23px;width:274px;height:63px;overflow:auto;background:#fff;padding:12px 20px;line-height:22px;font-size:13px}

/* 카드 RNB 변경관련 20160428 */
.rList .callIcon {display:block; padding:14px 20px; line-height:18px;}
.rList .callIcon span {display:block; background:url('https://img1.kbcard.com/LT/images_r/common/cardRNB_callIcon160427.png') no-repeat right center; font-size:12px;}
.layContents .simpleComplete .colPoint2 {font-size:16px; font-weight:600;}
.issueEvent .issueEvent_area {position:relative; height:91px; padding:17px 20px;}
.issueEvent .issueEvent_area a {display:block;}
.issueEvent .issueEvent_area strong {display:block; overflow:hidden; width:117px; height:72px; color:#333; font-size:16px; font-weight:600; line-height:23px; letter-spacing:-1px;}
.issueEvent .issueEvent_area span {display:block; font-size:12px; padding-top:5px;}
.issueEvent .issueEvent_area img {position:absolute; bottom:41px; right:20px; width:50px; height:50px; border-radius:50px;}

/* 카드신청 Top 영역 디자인 변경 2016.06.01 */
.renewCard_top {height:101px; padding:30px; background:#f6f6f6}
.renewCard_top .cardImg img {width:160px; height:102px;}
.renewCard_top .cardTxt {width:459px; padding-left:40px;}
.renewCard_top .cardTxt .tit {font-size:24px; font-weight:600; color:#333;}
.renewCard_top .cardTxt .kbBtn {margin-top:18px;}
.renewCard_step .inner  {font-size:16px;}
.renewCard_step .inner span {font-size:16px; font-weight:normal}
.renewCard_step span.step01:before,
.renewCard_step span.step02:before,
.renewCard_step span.step03:before,
.renewCard_step span.step04:before  {font-weight:600}
.renewCard_step strong, .renewCard_step span  {padding:42px 0 0;}

/* 카드신청완료 화면 배너추가 2016.08.01 */
.evtBanner {overflow:hidden; margin-top:50px;}
.evtBanner ul {margin-left:-10px;}
.evtBanner li {float:left; margin-left:10px;}
.evtBanner li a p {font-size:18px; font-weight:600; color:#333;}
.evtBanner li a span {display:block; margin-top:12px; font-size:14px; line-height:22px; color:#666;}
.evtBanner li .banner01 {display:block; width:233px; height:107px; padding:37px 0 0 121px; background:#e0f6f2 url('https://img1.kbcard.com/LT/images_r/personal/product/160729_CardBnr01.png') no-repeat 25px 20px;}
.evtBanner li .banner02 {display:block; width:233px; height:107px; padding:37px 0 0 121px; background:#e0f6f2 url('https://img1.kbcard.com/LT/images_r/personal/product/160729_CardBnr02.png') no-repeat 25px 20px;}

/* 청춘대로 매니아 티타늄카드관련 CSS 추가 2016.11.04 */
.cardDesign_select {padding:29px 26px 29px 26px; border:1px solid #e1e1e1; background:#f4f4f4;}
.cardDesign_select .tit {font-size:18px; color:#333; font-weight:600;}
.cardDesign_select .txt {display:block; margin-top:10px; color:#666;}
.selectWrap {overflow:hidden; margin-top:28px;}
.selectWrap ul {margin-left:-10px;}
.selectWrap li {float:left; width:159px; margin-left:10px; text-align:center;}
.selectWrap li img {width:159px; height:auto;}
.selectWrap li p {margin-top:15px;}

.cardDesign {border-top:1px solid #e1e1e1; padding-top:40px;}
.cardImg_wrap {width:310px; margin:0 auto; text-align:center;}
.cardImg_wrap img {width:310px; height:195px;}
.cardImg_wrap .cardTxt {display:block; margin-top:18px; font-size:18px; font-weight:600; color:#333;}
.cardImg_select {overflow:hidden; margin-top:40px; padding:50px 30px; text-align:center; border-bottom:none; border-radius: 16px;background:#f1f1f1;}
.cardImg_select ul {display:inline-block;}
.cardImg_select li {float:left; display:inline-block; width:124px; margin:0 3px; text-align:left; vertical-align:top;} /* text-align:center; https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0137?cooperationcode=09113 */
.cardImg_select li img {width:124px; height:auto;}
.cardImg_select li .formRad.radTxt {text-align: center;} /* https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0137?cooperationcode=09113 */

/* 20220123 modify
https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0137?cooperationcode=02213 */
.cardDesign_ty1.row img {margin-bottom:0; transform:rotate(90deg);}
.cardDesign_ty1.row .cardImg_wrap {padding-top:40px;}
.cardDesign_ty1.row .cardImg_wrap img {margin-bottom:50px; transform:rotate(90deg);}
.cardDesign_ty1.row .cardImg_select li  {height:auto; padding-top:22px;}
.cardDesign_ty1.row .cardImg_select li .formRad {padding-top:15px; padding-left:20px;}
.cardDesign_ty1.row .cardImg_select li .formRad input[type=radio] + label:before {left:20px; top:15px !important;}

/* 틴업카드 디자인 선택 */
.cardimg-select--teenup {padding:40px 24px;}
.cardimg-select--teenup .titDep2 {margin-bottom:0px;font-size:24px;line-height: 1.33;}
.cardimg-select__desc {margin-top:12px;font-size:18px;line-height: 1.56;}
.cardimg-select--teenup ul {margin-top:40px;}
.cardDesign_ty1.row .cardimg-select--teenup li img {margin-bottom:24px;}
.cardDesign_ty1.row .cardimg-select--teenup li p {line-height: 1.6;text-align:center;}

/* 카드서비스 선택관련 CSS추가 2016.12.05 */
.sevChoice_wrap {position:relative; margin-top:50px; padding:28px 40px; background:#f6f6f6}
.sevChoice_wrap.dadamWrap {padding:51px 40px;}
.sevChoice_wrap .tit {font-size:16px; font-weight:600; color:#614cc2;}
.sevChoice_wrap .txt {margin-top:12px; font-size:13px;}
.sevChoice_wrap .txt span {display:block;}
.sevChoice_wrap .txt .kbBtn {margin-top:19px;}
.sevChoice_wrap .img {position:absolute; top:35px; right:80px;}
.sevChoice_wrap.dadamWrap .img {top:25px; right:60px;}

/*  카드발급 약관화면관련 CSS 추가 2016.12.29 */
.agreeWrap {position:relative; padding-left:59px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/termBullet.gif') no-repeat 1px 1px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1;}
.agreeWrap.on {background:url('https://img1.kbcard.com/LT/images_r/personal/product/termBullet_over.gif') no-repeat 1px 1px; border-bottom:1px solid #e1e1e1;}
.agreeWrap a {display:block; padding:19px 30px 21px;  border-left:1px solid #e1e1e1; font-size:18px; font-weight:600; color:#333;}
.agreeWrap .formRad {position:absolute; right:30px; top:20px;}
.withdrawCont .agreeChk {position:absolute; top:0; right:0; z-index:10; background:#fff;}
.withdrawCont .agreeChk .formChk {float:left; border-left:1px solid #e1e1e1; padding:24px 28px 25px;}
.withdrawCont .agreeChk .formChk input[type=checkbox] {top:23px; left:30px;}
.withdrawCont .agreeChk .formChk label:before {top:23px; left:29px;}
.withdrawCont .agreeChk_list {position:absolute; top:0; right:137px; background:#fff; width:374px; padding:24px 0 24px 9px; border-left:1px solid #e1e1e1;}
.withdrawCont .agreeChk_list .formChk {margin-left:17px;}

/*  카드발급약관화면 디자인변경관련 CSS 추가 2017.05.08 */
.agreeRenew {border-bottom:1px solid #e1e1e1; background:#f9f9f9 url('https://img1.kbcard.com/LT/images_r/personal/product/termBullet01.png') no-repeat 22px;}
.agreeRenew.on {background:#f9f9f9 url('https://img1.kbcard.com/LT/images_r/personal/product/termBullet01_over.png') no-repeat 22px;}
.agreeRenew a {font-size:16px;}
.agreeRenew .formArea {position:absolute; top:0; right:0; width:137px; height:38px; background:#fff; text-align:center; border-left:1px solid #e1e1e1; padding-top:20px;}
.termsRenew {padding:15px 0 17px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.termsRenew .agreeOne.withdrawWrap :first-child.withdrawCont {border-top:none}
.termsRenew .withdrawCont {border:none; background:#fff;}
.termsRenew .withdrawCont .agreeRad .formRad {border:none;}
.termsRenew .withdrawCont .titWith {height:39px; padding:0 30px 0; font-size:14px; font-weight:normal; color:#666;}
.termsRenew .withdrawCont .titWith strong {color:#333}
.termsRenew .withdrawWrap .withdrawCont .kbBtn {top:8px; right:148px;}
.termsRenew .withdrawCont .radOFF.agreeRad label {padding:9px 28px 0 56px}
.termsRenew .withdrawCont .agreeRad .formRad input[type=radio] {top:10px;}
.termsRenew .withdrawCont .agreeRad .formRad label:before {top:10px;}
.selectTerm .withdrawWrap .withdrawCont .kbBtn {right:248px;}
.termsRenew .withdrawCont .agreeRad {right:4px;}
.selectTerm .withdrawCont .agreeRad .formRad:first-child label {padding:9px 0 0 56px;}

.channelWrap {border-top:0}
.communicationTerm {margin-top:40px;}
.communicationTerm .agreeChk_list {right:1px; width:470px;}
.communicationTerm .agreeChk_list .formRad {margin-left:18px;}
.communicationTerm .kbBtn {position:absolute; top:17px; right:15px;}

/* 카드발급 해외결제  선택관련 CSS 추가 2017.0323 */
.foreignPay {margin-top:-20px;}
.foreignPay .formRad {width:264px; margin-top:20px;}
.foreignPay .formRad input[type=radio] {top:7px;}
.foreignPay .formRad label:before {top:7px;}
.foreignPay .formRad span {display:inline-block; vertical-align:middle; margin-right:6px;}
.foreignPay .country input[type=radio] {top:0px;}
.foreignPay .country label:before {top:0px;}
.foreignPay .country span {vertical-align:inherit;}

/* 가온플래티늄카드 이벤트 배너 */
.gaonEvnt_bnr {padding-top:27px; padding-left:31px; height:81px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/gaonPtBnr_bg.gif') no-repeat left top;}
.gaonEvnt_bnr p {padding-bottom:10px; font-size:16px; font-weight:600; color:#113c9e;}
.gaonEvnt_bnr p span {font-size:16px; font-weight:600; color:#333;}

/* 알파원 특화서비스관련 CSS */
.alphaTxt {overflow:hidden; height:141px; padding:31px 0 32px; border:1px solid #e1e1e1; background:#f6f6f6;}
.alphaTxt li {float:left; width:239px; text-align:center; line-height:22px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/alphaTxt_line.gif') repeat-y left top;}
.alphaTxt li:first-child {background:none}
.alphaTxt li span {display:block; padding-top:104px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/alphaTxt01.png') no-repeat center top;}
.alphaTxt li:nth-child(2) span {background:url('https://img1.kbcard.com/LT/images_r/personal/product/alphaTxt02.png') no-repeat top center;}
.alphaTxt li:nth-child(3) span {background:url('https://img1.kbcard.com/LT/images_r/personal/product/alphaTxt03.png') no-repeat top center;}

/* 20190510 background img 변경 */
.alphaTxt02 {padding-left:393px; height:506px; border:1px solid #e1e1e1; background:url('https://img1.kbcard.com/LT/images_r/personal/product/alphaImg04_1_1007.png') no-repeat 38px bottom;}
.alphaTxt02 span {display:block; margin-top:-8px; line-height:22px;}
.alphaTxt02 .titDep3 {margin-top:38px;}
.alphaTxt02 .titDep3:first-child {margin-top:44px;}

/* 카드신청프로세스 리뉴얼 20170703 -->
/* 카드신청 상단 */
.requestTop {display:table; width:960px; height:167px; margin-top:30px; background:#f6f6f6 url('https://img1.kbcard.com/LT/images_r/personal/product/recardBg.png') no-repeat 30px 38px; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.requestTop + .stepType{border-top-left-radius: 0; border-top-right-radius: 0;}
.requestTop .cardImg {display:table-cell; width:170px; height:107px; padding-top:30px; padding-left:35px;}
.requestTop .cardImg img {width:170px; height:auto}
.requestTop .cardTxt {display:table-cell; width:560px; vertical-align:top; padding-left:25px;}
.requestTop .cardTxt .txt {display:block; margin-top:51px; font-size:16px; color:#7361c5}
.requestTop .cardTxt .tit {margin-top:17px; font-size:24px; color:#333; font-weight:600;}
.requestTop .cardTxt .tit span {display:inline-block; width:69px; height:24px; margin-top:-2px; font-weight:normal; background:#fff; border:1px solid #7361c5; border-radius:2px; vertical-align:middle; line-height:24px; text-align:center; color:#7361c5;}
.requestTop .annualfeeWrap {display:table-cell; vertical-align:middle; height:127px;}
.requestTop .annualfeeWrap p {padding-bottom:6px; font-size:16px; font-weight:600; color:#333}
.requestTop .annualfeeWrap li {margin-top:10px;}

/* 신청step */
.requestStep .inner {padding:0 168px;}
.requestStep.stepType strong:after,
.requestStep.stepType span:after {top:19px; left:-35px; width:68px;}
.requestStep.stepType strong:before,
.requestStep.stepType span:before {top:4px;}
.requestStep.stepType strong,
.requestStep.stepType span {font-size:15px;}
.requestStep.stepType span {font-weight:normal}

/* 신분증정보 */
/* 2021.11.17 asis→tobe 개선 
td.requestInp {padding:32px 0 0} */
#identity_2 .residenceWr {display:inline-block; padding:12px 24px 12px 210px; border-radius: 4px; border: 1px solid rgba(0,0,0,.24); background:url('https://img1.kbcard.com/LT/images_r/personal/product/identityImg02.png') no-repeat 12px}
#identity_1 .residenceWr {display:inline-block; padding:12px 24px 12px 210px; border-radius: 4px; border: 1px solid rgba(0,0,0,.24); background:url('https://img1.kbcard.com/LT/images_r/personal/product/identityImg01.png') no-repeat 12px}
#identity_5 .residenceWr {display:inline-block; padding:12px 24px 12px 210px; border-radius: 4px; border: 1px solid rgba(0,0,0,.24); background:url('https://img1.kbcard.com/LT/images_r/personal/product/identityImg03.png') no-repeat 12px}
#identity_A .residenceWr {display:inline-block; padding:12px 24px 12px 210px; border-radius: 4px; border: 1px solid rgba(0,0,0,.24); background:url('https://img1.kbcard.com/LT/images_r/personal/product/identityImg04.png') no-repeat 12px}

/* 본인인증 */
.requestAgree {overflow:hidden; width:498px; border:1px solid #e1e1e1;}
.requestAgree .tit {float:left; width:353px; padding-left:19px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f9f9f9; line-height:39px; color:#333; font-weight:600;}
.requestAgree .chkArea {float:left; width:100px; height:30px; padding-left:25px; padding-top:9px; border-bottom:1px solid #e1e1e1;}
.requestAgree .agreeList {float:left; width:100%; padding:11px 0 12px;}
.requestAgree .agreeList li {position:relative; padding-left:19px; margin-bottom:13px;}
.requestAgree .agreeList li:last-child {margin-bottom:0}
.requestAgree .agreeList li .kbBtn {position:absolute; top:-1px; right:20px;}
/*20220118 추가, 자세히보기 버튼이 있는 경우 하단 간격이 너무 좁아서 수정요청, https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0032*/
.requestAgree .agreeList.agreeBtnList li {margin-bottom:18px;}
.requestAgree .agreeList.agreeBtnList li:last-child {margin-bottom:8px;}

.requestPhone .phoneWrap .hyphen {padding:0 1px;}
.requestPhone .phoneWrap .mL10 {margin-left:8px !important;}
.timeInfo {margin-left:16px; padding-left:20px; padding-bottom:4px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/timeInfoBg.png') no-repeat; font-size:12px;}

/* 약관선택 - 체크박스 */
.requestChk {position:relative; margin-top:20px; padding:20px; border:1px solid #e1e1e1; background:#f9f9f9;}
.requestChk .titWith {font-size:16px; color:#333; font-weight:600;}
.requestChk .btnXS {position:absolute; top:17px; right:135px;}
.requestChk .agreeChk {position:absolute; top:0; right:0; width:114px; height:38px; padding-top:20px; background:#fff; border-left:1px solid #e1e1e1; text-align:center;}

/* 카드선택 step02 */
.requestStep02 {position:relative; margin-top:30px; padding:28px 104px; background:#f6f6f6;}
.requestStep02 .tit {font-size:20px; font-weight:600; color:#333;}
.requestStep02 .requestInfo {position:absolute; top:25px; left:30px; width:59px; height:26px; line-height:26px; text-align:center; background:#7361c5; border-radius:2px; color:#fff;}

.foreignPay.requestForeign .formRad {width:346px;}
.familyInfo {display:inline-block; width:100%; margin-bottom:15px;}
.familyInfo .sTit {display:inline-block; width:63px; font-weight:600; color:#333}
.familyInfo .sTxt {display:inline-block; margin-left:22px;}
.familyInfo .sTxtInp {display:inline-block; margin-left:7px;}
.familyInfo .kbBtn {margin-left:6px;}
.familyInfo .btnS {margin-left:16px;}
.imgRad {margin-left:-30px;}
.imgRad .formRad {margin-left:30px;}
.imgRad .formRad input[type=radio] {top:7px;}
.imgRad .formRad span {dispaly:inline-block; vertical-align:middle;}
.imgRad .formRad label:before {top:7px;}
.requestRad .formRad {margin-right:32px;}

.tableScroll {max-height:238px; overflow-y:auto; border:1px solid #e1e1e1;}
.tableScroll th {border-top:none}
.tableScroll .tblH {border-bottom:none}
.thTit {display:inline-block; margin:10px 10px 0 20px; color:#333; font-weight:600;}
/*210929 : [카드] 금소법관련 비대면 가족교체발급시 적합성 검증 */
.familyInfo .family_card_tb {display:inline-block; margin:15px 0 0 48px; clear:both; max-width:656px;}

/* 카드선택 step04(이용약관) */
/* 2021.11.17 asis→tobe 개선
.requestTerms {border:1px solid #e1e1e1;}
.requestTerms .termsTit {position:relative; background:#f9f9f9; border-bottom:1px solid #e1e1e1; line-height:59px;}
.requestTerms .termsTit > a {padding-left:59px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/termBullet01.png') no-repeat  22px;}
.requestTerms .termsTit > a > span {display:inline-block; block; padding-left:20px; border-left:1px solid #e1e1e1; font-size:16px; font-weight:600; color:#333;}
.requestTerms .termsAll {position:absolute; right:0; top:0; width:136px; height:39px; padding-top:20px; border-left:1px solid #e1e1e1; background:#fff; text-align:center;}
.requestTerms .termsList {padding:20px 30px;}
.requestTerms .termsList li {position:relative; margin-top:14px; line-height:26px;}
.requestTerms .termsList li:first-child {margin-top:0;}
.requestTerms .termsList li a strong {color:#333}
.requestTerms .termsList li .btnXS {position:absolute; top:0; right:116px;}
.requestTerms .termsList li .formRad,
.requestTerms .termsList li .formChk {position:absolute; top:3px; right:25px;} */
.requestTerms {border:1px solid #e1e1e1;border-top-left-radius: 12px;border-top-right-radius: 12px;overflow: hidden;}
.requestTerms .termsTit {position:relative; background:#f9f9f9; border-bottom:1px solid #e1e1e1; line-height:88px;}
.requestTerms .termsTit > a {padding-left:59px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/termBullet01.png') no-repeat  22px;}
.requestTerms .termsTit > a > span {display:inline-block; block; padding-left:20px; border-left:1px solid #e1e1e1; font-size:16px; font-weight:600; color:#333;}
.requestTerms .termsAll {position:absolute; right:0; top:0; width:136px; height:100%; border-left:1px solid #e1e1e1; background:#fff; text-align:center;}
.requestTerms .termsAll .formChk.chkTxt{vertical-align: middle;}
.requestTerms .termsList {padding:20px 30px;}
.requestTerms .termsList li {position:relative; margin-top:14px; line-height:26px;}
.requestTerms .termsList li:first-child {margin-top:0;}
.requestTerms .termsList li a strong {color:#333}
.requestTerms .termsList li .btnXS {position:absolute; top:-4px; right:116px;}
.requestTerms .termsList li .formRad,
.requestTerms .termsList li .formChk {position:absolute; top:3px; right:25px;}
.requestTerms.optionAgree+.withdrawCont.channelWrap{overflow: hidden;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}

.requestTerms.termsOn .termsTit {border-bottom:none}
.requestTerms.termsOn .termsTit a {background:url('https://img1.kbcard.com/LT/images_r/personal/product/termBullet01_over.png') no-repeat  22px;}
.requestTerms.termsOn .termsList {display:none}

.requestChan .agreeChk_list {left:168px; right:0; width:770px;}
.requestCommuny .agreeChk_list {left:247px; right:0; width:701px;}

.publicCont {display:table; width:958px; margin-top:40px; position:relative; border:1px solid #e1e1e1; background:#f9f9f9;}
.publicCont .titWith {display:table-cell; width:207px; padding:12px 20px 10px; color:#333; font-size:16px; font-weight:600; line-height:24px; vertical-align:middle}
.publicCont .agreeChk_list {display:table-cell; width:510px; padding:0px 180px 16px 20px; background:#fff; border-left:1px solid #e1e1e1; vertical-align: middle}
.publicCont .agreeChk_list .chkTxt {margin-top:18px;}
.publicCont .agreeChk_list .chkTxt:nth-child(1) label,
.publicCont .agreeChk_list .chkTxt:nth-child(3) label {width:160px;}
.publicCont .btnXS {position:absolute; right:20px; top:50%; margin-top:-13px;}

/* 카드신청 step05(부가서비스) */
td.tdInp.loanTd {position:relative; padding:9px 20px 100px;}
td.loanTd .loanArea {position:absolute; bottom:0; left:0; width:100%; height:84px; padding-top:7px; border-top:1px solid #e1e1e1;}
.loanArea .txtInfo {margin-top:9px; margin-left:20px;}
td.tdInp.loanTd.newType {padding-bottom:70px}
td.loanTd.newType .loanArea {height:54px}

.requestAgree.smsArea .tit {width:378px}
.requestAgree.smsArea .chkArea {width:75px;}

/* 카드신청 완료 */
.requestEvnt {overflow:hidden; margin-top:50px;}
.requestEvnt ul {margin-left:-6px;}
.requestEvnt li {float:left; width:316px; margin-left:6px; background:#f5f5f5}
.requestEvnt li a {display:block; padding-top:147px; height:115px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/requestEvnt_bg01.png') no-repeat center 37px; text-align:center; line-height:22px;}
.requestEvnt li:nth-child(2) a {background:url('https://img1.kbcard.com/LT/images_r/personal/product/requestEvnt_bg02.png') no-repeat center 37px;}
.requestEvnt li a p {margin-bottom:12px; font-size:18px; font-weight:600; color:#333;}

.requestToggle {margin-top:100px; border:1px solid #e1e1e1;}
.requestToggle li {border-bottom:1px solid #e1e1e1;}
.requestToggle li:last-child {border-bottom:none}
.requestToggle li .listType1 li {border-bottom:0}
.requestToggle li .toggleBtn {display:block; padding-left:54px; padding-right:20px; line-height:49px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/requesttgBullet01.gif') no-repeat 30px center}
.requestToggle li .toggleBtn span {display:block; font-size:16px; color:#333; font-weight:600; background:url('https://img1.kbcard.com/LT/images_r/personal/product/requesttgBullet02.gif') no-repeat center right}
.requestToggle li .toggleBtn.on span {background:url('https://img1.kbcard.com/LT/images_r/personal/product/requesttgBullet02_on.gif') no-repeat center right}
.requestToggle li .toggleCon {display:none; padding:30px 30px 20px; border-top:1px solid #e1e1e1; padding:30px 30xp 20px;}

.alphaoneEvnt {padding-left:50px; margin-top:70px; height:256px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/alphaoneBg.jpg') no-repeat}
.alphaoneEvnt .tit {padding-top:37px; font-weight:600; font-size:24px; color:#333}
.alphaoneEvnt .tit span {display:block; margin-bottom:11px; color:#17735c;}
.alphaoneEvnt .txt {display:block; margin:24px 0 15px; line-height:22px;}
.alphaoneEvnt .btnSpe {padding:1px 26px 0 14px}

/* 카드신청 정보수정관련 */
.titArea .withDrawList {margin-top:17px; padding:0 0 0 10px;}
.requestModify {display:inline-block; padding-left:20px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/modifyIcon.png') no-repeat left center; color:#333; line-height:16px;}
.requestModify:hover {color:#333;}

.tdRad {margin-left:-20px;}
.tdRad .formRad {margin-left:20px;}

.requestChklist {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.requestChklist .chkList {position:relative; border-bottom:1px solid #e1e1e1; height:39px; padding-top:20px; padding-left:20px; background:#f9f9f9;}
.requestChklist .chkList:last-child {border-top:none}
.requestChklist .chkList:first-child {z-index:10;}
.requestChklist .chkList:nth-child(2) {z-index:9;}
.requestChklist .chkList:nth-child(3) {z-index:8;}
.requestChklist .chkList label {color:#333; font-weight:600}
.requestChklist .chkList_select {position:absolute; left:170px; top:10px;}
.requestChklist .chkInp {position:absolute; right:20px; top:10px;}
.requestChklist .chkInp .tit {display:inline-block; color:#333; padding-right:8px}
.requestChklist .chkInp .tit label {font-weight:normal}
.requestChklist .chkInp input {width:148px; text-align:right}
.requestChklist .chkInp span {padding-left:5px; color:#333;}
.requestChklist .chkList_fin {position:relative; height:59px;}
.requestChklist .chkList_fin .tit label {font-weight:600}
.requestChklist .chkList_fin input {color:#7361d5; font-weight:600;}
.requestChklist .chkList_fin input:disabled {background:#f9f9f9;}
.requestChklist table {width:100%; border-bottom:1px solid #9fa5a9;}
.requestChklist table th,
.requestChklist table td {padding:10px 20px; border-bottom:1px solid #e1e1e1; text-align:left;}
.requestChklist table tr:last-child th,
.requestChklist table tr:last-child td {border-bottom:0;}
.requestChklist table th {font-weight:600;}
.requestChklist table td {border-left:1px solid #e1e1e1}
.requestChklist table td .thTit {color:#666;}
.requestChklist table td.tdRad {padding:20px;}

.titArea .txtNess .chkIcon {padding-left:18px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/chkIcon.png') no-repeat center left;}
.boxType2 .txtType2 {font-size:20px;}

.checkTop .cardTxt {width:728px;}
.checkTop .cardTxt .txt {margin-top:36px;}
.checkTop .formChk {margin-top:12px; color:#333}
.checkStep .inner {padding:0 148px;}
.checkStep.stepCol4 strong:after,
.checkStep.stepCol4 span:after {top:19px; left:-56px; width:110px;}
.checkStep.stepType strong:before,
.checkStep.stepType span:before {top:4px;}
.checkStep.stepType strong,
.checkStep.stepType span {font-size:15px;}
.checkStep.stepType span {font-weight:normal}

/* 카드디자인선택관련 CSS추가 */
.requestCardDesign {overflow:hidden; border:1px solid #e1e1e1}
.requestCardDesign .designChoice {float:left; width:638px; height:498px; border-right:1px solid #e1e1e1; text-align:center}
.requestCardDesign .designChoice .choiceCard {display:inline-block; margin-top:95px; width:410px; height:279px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/choiceCardBg.png') no-repeat left bottom;}
.requestCardDesign .designChoice .choiceCard_name {display:block; margin-top:21px; font-weight:600; font-size:18px; color:#000;}
.requestCardDesign .designChoice .choiceCard img {width:100%; height:auto;}

.requestCardDesign .designList {float:left; width:279px; padding-left:40px; padding-top:60px;}
.requestCardDesign .designList ul {margin-top:-22px;}
.requestCardDesign .designList li {margin-top:22px;}
.requestCardDesign .designList li img {margin-left:11px; margin-right:15px; width:91px; height:auto; vertical-align: middle}
.requestCardDesign .designList li .formRad input[type=radio],
.requestCardDesign .designList li .formRad label:before {top:19px;}

/* 체크카드신청관련 CSS추가 */
.foreignPay.checkForeign .formRad {width:100px;}

/* 카드상품안내 CSS */
.cardOption {height:auto;}
.cardAnnualFee {display:table; width:100%; min-height:76px; text-align:left;}
.cardAnnualFee .list {display:table-cell; padding:15px 50px; vertical-align:middle;}
.cardAnnualFee .list::after {display:table; clear:both; content:'';}
.cardAnnualFee li {font-size:12px; line-height:1; float:left; width:50%; margin:5px 0;}
.cardAnnualFee img {vertical-align:text-bottom;}/* top */

/*알파원카드 안내 CSS*/
.alpha1CardTop {width:960px;}
/*
.alpha1CardTop dl {position:relative;border:1px solid #e1e1e1;background:#f6f6f6 url(https://img1.kbcard.com/LT/images_r/personal/product/alpha1card_bg.jpg) no-repeat 0 0;padding-left:520px;height:290px;}
.alpha1CardTop dt {margin:117px 0 20px 0;}
.alpha1CardTop dd p {color:#666;font-size:16px;line-height:24px;}
*/
.alpha1CardTop dl {position:relative;border:1px solid #e1e1e1;background:#f6f6f6 url(https://img1.kbcard.com/LT/images_r/personal/product/alpha1card_bg.jpg) no-repeat 0 0;padding-left:520px;height:290px;}
.alpha1CardTop dt {margin:86px 0 8px 0;}
.alpha1CardTop dd p {color:#333;font-size:16px;line-height:1.63;}
.alpha1CardTop dd p.num {position:absolute;top:15px;right:20px;font-size:12px;}
.alpha1CardTop ul {height:224px;background:#f6f6f6;border:1px solid #e1e1e1; border-top:none;}
.alpha1CardTop ul:after {content:'';display:block;clear:both;}
.alpha1CardTop ul li {float:left;width:319px;margin-top:30px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/alpha1card_boxbg.gif) no-repeat 0 50%;text-align:center;}
.alpha1CardTop ul li:first-child {background:none;width:320px;}
.alpha1CardTop ul li p {color:#666;font-size:14px;margin-top:10px; line-height:22px}
.alpha1CardTop ul li p strong {display:block;color:#333;font-size:16px;margin-bottom:8px;}
.alpha1card_list {width:960px;margin-top:64px;}
.alpha1card_list:after {content:'';display:block;clear:both;}
.alpha1card_list li {float:left;width:480px;position:relative;border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.alpha1card_list li:first-child {border-right:1px solid #e1e1e1;width:479px;}
.alpha1card_list li>div {padding:30px 0px 40px 208px;height:90px;}
.alpha1card_list li>div p {font-size:16px;color:#333;font-weight:600;margin:15px 0;}
.alpha1card_list li .alpha1_cardimg {position:absolute;display:block;top:30px;left:40px;width:143px;height:90px;}
.alpha1card_list li .alpha1_cardimg img {width:100%;height:100%;}

/* 카드발급상담Talk CSS */
.cardTalk_area {margin-top:50px; padding-left:389px; height:288px; border:1px solid #e1e1e1; background:url('https://img1.kbcard.com/LT/images_r/personal/product/cardTalk_img.gif') no-repeat 49px 30px;}
.cardTalk_area p {margin-top:105px; font-size:18px; font-weight:600; color:#333;}
.cardTalk_area span {display:block; margin-top:13px; text-indent:-10px; margin-left:10px; line-height:24px;}

/* 18.08.18 - 모바일 단독카드 - Top 수정 */
/*
.mobileCardTop.renewMobcard dl {height:400px; padding:62px 0 0 380px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/img_mobilecard.png') no-repeat left bottom; box-sizing:border-box;}
.mobileCardTop.renewMobcard > dl > dd.tip {padding-top:22px;}
.mobileCardTop.renewMobcard > dl > dd.tip:before {content:"Tip"; float:left; width:27px; height:23px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/img_mobilecardTip.png') no-repeat;  text-indent:-9999px;}
.mobileCardTop.renewMobcard > dl > dd.tip p {padding-left:35px; font-size:12px; line-height:1.4;}
.mobileCardTop.renewMobcard ul {margin:40px 0;}
.mobileCardTop.renewMobcard ul li {width:50%; height:auto;}
.mobileCardTop.renewMobcard li a {display:inline-block; width:103px; margin-top:16px;}
*/
.mobileCardTop.renewMobcard dl {height:381px; margin-right:0; padding:49px 0 0 521px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/img_mobilecard02.png') no-repeat 41px bottom; box-sizing:border-box;}
.mobileCardTop.renewMobcard dl dt {position:relative; padding:57px 0 18px 0;}
.mobileCardTop.renewMobcard dl dt img {display:block;}
.mobileCardTop.renewMobcard dl dt:before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:23px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_mobileOnly.png) no-repeat}
.mobileCardTop.renewMobcard dl dd {}
.mobileCardTop.renewMobcard > dl > dd.tip {padding-top:22px;}
.mobileCardTop.renewMobcard > dl > dd.tip p {padding-left:35px; font-size:12px; line-height:18px;}
.mobileCardTop.renewMobcard > dl > dd.tip:before {content:"Tip"; float:left; width:27px; height:23px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/img_mobilecardTip.png') no-repeat;  text-indent:-9999px;}
.mobileCardTop.renewMobcard dl dd.tip:after {content:''; display:block; position:absolute; bottom:-60px; left:0; width:100%; height:24px; background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_mobileOnly.png) no-repeat 0 100%;}
.mobileCardTop.renewMobcard ul {margin:40px 0;}
.mobileCardTop.renewMobcard ul li {width:33.33%; height:auto;}
.mobileCardTop.renewMobcard li a {display:inline-block; width:auto; margin-top:16px;}

/* 모바일단독카드 안내 레이어 팝업 */
.onlyMcardInfo_box {min-height:134px; padding:20px 30px 0 30px; background:#f5f3fd;}
.onlyMcardInfo_box dl {position:relative; min-height:134px; padding-right:155px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/img_mobilecard_info.png') no-repeat right bottom;}
.onlyMcardInfo_box dt {color:#333; font-size:14px; font-weight:600;}
.onlyMcardInfo_box dd {margin-top:10px; line-height:23px;}

/* 알파원카드 안내 레이어 팝업 */
.alphaOneCardinfo_box {display:table; width:100%; min-height:190px; background:#f6f6f6;}
.alphaOneCardinfo_box dl {display:table-cell; position:relative; min-height:151px; padding:0 90px 0 30px; vertical-align:middle;}
.alphaOneCardinfo_box dl:after {content:''; position:absolute; right:90px; bottom:9px; width:134px; height:151px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/img_alphaoneCard.png') no-repeat right bottom;}
.alphaOneCardinfo_box dt {margin:0 0 18px 0;color:#333;font-size:20px;font-weight:600;line-height:20px;}

/* 알파원 상세혜택 > 설정법 */
.alphaOneBefit:after {content:'';display:table;clear:both;}
.alphaOneBefit li {float:left;width:179px;padding:30px 27px;border-left:1px solid #e1e1e1;text-align:center;}
.alphaOneBefit li:first-child {border-left:0;}
.alphaOneBefit .step1 {width:190px;}
.alphaOneBefit .step2 {width:185px;}
.alphaOneBefit p {padding-bottom:20px;font-weight:bold;line-height:1.5;}

/* 카드상세 안내사항 문구 */
.txtBox1_hide .txtBox1 {display:none;}
.txtBox1_bdr {margin-top:8px; padding: 15px 30px; background: #f9f9f9; border-radius: 12px; border:1px solid #e1e1e1; font-weight:600;}

/* 신속발급서비스 181025 */
.quickCard_info {border:1px solid #e1e1e1; background:#f6f6f6;}
.quickCard_info .topInfo {margin-right:30px; padding:60px 0 30px 337px; border-bottom:1px solid #d8d8d8; background:url('https://img1.kbcard.com/LT/images_r/personal/product/img_quickCard_info.png') 30px 70px no-repeat}
.quickCard_info .topInfo .infoCont_tit {color:#614cc2; font-size:34px; font-weight:500; line-height:1.35;}
.quickCard_info .topInfo .infoCont_tit span {color:#333; font-size:34px;}
.quickCard_info .topInfo .infoCont_stit {padding-top:8px; color:#333; font-size:16px; line-height:1.44;}
.quickCard_info .topInfo .infoTime {padding-top:10px; color:#614cc2; font-weight:600; line-height:1.44;}
.quickCard_info .topInfo .quickIssu_step {margin:31px 0 0 0;}
.quickCard_info .btmInfo {padding:40px 0 40px 0;}
.quickCard_info .btmInfo ul:after {content:''; display:table; clear:both;}
.quickCard_info .btmInfo .infoCont {position:relative; float:left; width:50%; height:236px; text-align:center;}
.quickCard_info .btmInfo .infoCont:after {content:''; position:absolute; top:15px; bottom:14px; left:0; width:1px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/bg_mobilecard_line.gif') 0 0 repeat-y;}
.quickCard_info .btmInfo .infoCont:first-child:after {display:none;}
.quickCard_info .btmInfo img {display:block; margin:0 auto 0 auto;}
.quickCard_info .btmInfo dl {width:330px; margin:0 auto; padding:15px 0; line-height:1.63;}
.quickCard_info .btmInfo dt {color:#333; font-size:16px; font-weight:600;}
.quickCard_info .btmInfo .listType1 li {padding-bottom:1px; text-align:left;}
.quickCard_info .btmInfo .btnArea {position:absolute; bottom:0; left:0; right:0; margin-top:0; text-align:center;}

/* 2021.11.17 asis→tobe 개선 */
.cardBtns *{box-sizing:border-box}
/* .cardList01 .infoCard_wr .cardBtns .btnXS{width:55px} */
.cardList01.typeWide {margin-top:18px;}
.cardList01.typeWide .infoCard_wr {min-height:193px;padding:20px 0}
.cardList01.typeWide .infoCard_wr:first-child {padding-top:20px;border-top:1px solid #e1e1e1;}
.cardList01.typeWide .infoCard_wr > a {height:auto;}
.cardList01.typeWide .infoCard_wr img {max-width:160px; height:101px; margin:0;}
.cardList01.typeWide .infoCard_wr .infoCard {width:750px; margin-left:50px;}
.cardList01.typeWide .infoCard_wr .infoCard li {position:relative; width:206px; padding:0 10px 0 50px; border-left:0;}
.cardList01.typeWide .infoCard_wr .infoCard li:first-child {width:205px; padding-left:0;}
.cardList01.typeWide .infoCard_wr .infoCard li:after {content:''; position:absolute; top:3px; left:0; width:1px; height:80px; background:#d8d8d8;}
.cardList01.typeWide .infoCard_wr .infoCard li:first-child:after {display:none;}
.cardList01.typeWide .infoCard_wr strong {margin-bottom:16px; line-height:1;}
.cardList01.typeWide .infoCard_wr .infoCard .infoCard_inner {overflow:visible;}
.cardList01.typeWide .infoCard_wr .infoCard .infoCard_inner:after {content:''; display:table; clear:both;}
.cardList01.typeWide .infoCard_wr .infoCard li em {margin:0 0 16px 0; font-weight:bold; line-height:2.1;}
.cardList01.typeWide .infoCard_wr .infoCard li em span {font-size:32px; line-height:1.31;}
.cardList01.typeWide .infoCard_wr .infoCard li > span {padding-top:0; color:#666; line-height:1.64; letter-spacing:0;}
.cardList01.typeWide .infoCard_wr .cardBtns,
.cardList01.typeWide .infoCard_wr:first-child .cardBtns {top:140px;}
/* 2021.11.17 asis→tobe 개선 */
/* 세로카드 */
.cardList01.typeWide .infoCard_wr.row{min-height:253px}
.cardList01.typeWide .infoCard_wr.row > a{height:160px;}
.cardList01.typeWide .infoCard_wr.row img{margin:30px 0 0 0;transform: rotate(90deg);}
.cardList01.typeWide .infoCard_wr.row .cardBtns{top:200px;}
.cardList01.typeWide .infoCard_wr.row:first-child .cardBtns{top:200px}

/* 신속발급서비스 레이어 팝업 181025 */
.layer_quickCard .infoTxt {text-align:center;}
.layer_quickCard .infoTxt dt {color:#333; font-size:18px; font-weight:600; line-height:1.56;}
.layer_quickCard .infoTxt dd {padding-top:8px; line-height:2.14;}
.layer_quickCard .quickIssu_step {padding:18px 0 0 0;}
.layer_quickCard .quickIssu_step img {display:block; margin:0 auto;}

/* 카드 간편신청 심사상담Talk 181210 */
.talkBox {background:#f5f3fd;padding-right:40px;}
.talkBox .inner {background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_type_talk.png) no-repeat right bottom;padding:44px 230px 43px 40px;}
.talkBox .tit {font-size:20px;line-height:32px;color:#333;}
.talkBox .txtType1 {font-size:14px;line-height:23px;color:#666;letter-spacing:-0.1px;padding-top:18px;}
.popLayer .talkBox {padding-right:30px;}
.popLayer .talkBox .inner {padding:32px 220px 32px 30px;}

.boxType4 {border:3px solid #9198a8;}
.boxType4 .txtGuide01 {padding:20px 40px 20px 25px;}
.boxType4 .titDep2 {font-size:18px;line-height:18px;color:#333;margin-bottom:8px;}

/* 카드 마케팅 및 이용 권유 안내 팝업 */
.cardMarketing {padding:28px 25px 19px 25px;}
.cardMarketing ul {display:table; width:100%;}
.cardMarketing li {display:table-cell; text-align:center;}
.cardMarketing p {position:relative; font-weight:600;}
.cardMarketing p:before {content:''; display:block; width:52px; height:53px; margin:0 auto 12px auto; background-repeat:no-repeat;}
.cardMarketing li:last-child p:after {display:none;}
.cardMarketing li.center {padding:0 49px 0 22px;}
.cardMarketing .cashbag:before {background-image:url('https://img1.kbcard.com/LT/images_r/personal/product/ico_cashbag.png');}
.cardMarketing .sale:before {background-image:url('https://img1.kbcard.com/LT/images_r/personal/product/ico_sale.png');}
.cardMarketing .event:before {background-image:url('https://img1.kbcard.com/LT/images_r/personal/product/ico_event.png');}

/* 200204_추가 NPay Tip */
.btn_NPay_tip {position:absolute;bottom:39px;right:0;}

/* Easy all 선택 서비스 */
/* 혜택 판 */
.ezAllsvc_benefit {position:relative;padding:38px 58px; border:1px solid #e1e1e1; background:#f9f9f9; text-align:center;}
.ezAllsvc_benefit .barImg {position:absolute; top:101px; left:50%; margin-left:-400px;}
.ezAllsvc_benefit .secInfo_box {width:720px; margin:0 auto;}
.ezAllsvc_benefit .secInfo_box:after {content:''; display:table; clear:both;}
.ezAllsvc_benefit .secInfo_box dl {float:left; width:220px; padding:0 10px;}
.ezAllsvc_benefit .secInfo_box dt {color:#333; font-weight:600; line-height:23px;}
.ezAllsvc_benefit .secInfo_box dt span {display:block; margin:8px 0 0 0; font-weight:normal; line-height:18px;}
.ezAllsvc_benefit .secInfo_box dd {margin:126px 0 0 0;}
.ezAllsvc_benefit .secInfo_box li {position:relative; height:78px; margin:10px 0 0 0; padding:0 20px; border:1px solid #e1e1e1; background:#fff; color:#333; font-size:12px; line-height:18px; font-weight:600; text-align:left;}
.ezAllsvc_benefit .secInfo_box li:before,
.ezAllsvc_benefit .secInfo_box li:after {content:''; position:absolute; background:#c2c2c2;}
.ezAllsvc_benefit .secInfo_box li:before {top:39px; left:50%; width:20px; height:2px; margin-left:-10px;}
.ezAllsvc_benefit .secInfo_box li:after {top:30px; left:50%; width:2px; height:20px; margin-left:-1px;}
.ezAllsvc_benefit .secInfo_box li:first-child {margin-top:0;}
.ezAllsvc_benefit .secInfo_box a {display:block; height:38px; padding:20px 0; color:#333; font-size:12px; line-height:18px; font-weight:600; text-decoration:none;}
.ezAllsvc_benefit .secInfo_box li img {width:40px; height:40px; margin:0 15px 0 0; vertical-align:middle;}
.ezAllsvc_benefit .secInfo_box li span {font-size:12px;}
.ezAllsvc_benefit .secInfo_box .infoTxt {margin:20px 0 0 0; color:#333; font-weight:600; line-height:23px;}
.ezAllsvc_benefit .secInfo_box li.add {background:#fff;}
.ezAllsvc_benefit .secInfo_box li.add a {}
.ezAllsvc_benefit .secInfo_box li.add:before,
.ezAllsvc_benefit .secInfo_box li.add:after {display:none;}

/* 서비스 선택 */
.ezAllsvc_sel {border-bottom:1px solid #e1e1e1; overflow:hidden;}
.ezAllsvc_sel dl:after {content:''; display:table; clear:both;}
.ezAllsvc_sel dl {border-top:1px solid #e1e1e1;}
.ezAllsvc_sel dt {float:left; width:80px; height:88px; border-right:1px solid #e1e1e1; background:#f7f8f8; color:#333; font-weight:600; line-height:88px; text-align:center;}
.ezAllsvc_sel dd {float:left; width:175px; margin-left:0; border-right:1px solid #e1e1e1; border-left:0 solid #e1e1e1;}
.ezAllsvc_sel dd:last-child {border-right:0;}
.ezAllsvc_sel .ezAllsvC {height:88px; text-align:center;}
.ezAllsvc_sel .ezAllsvC img {display:block; width:40px; height:40px; margin:0 auto;}
.ezAllsvc_sel .ezAllsvC .formChk {display:block; height:88px;}
.ezAllsvc_sel .ezAllsvC .formChk input[type=checkbox] {opacity:0;}
.ezAllsvc_sel .ezAllsvC .formChk label {position:relative; display:block; height:78px; padding-top:10px; padding-left:0 !important;}
.ezAllsvc_sel .ezAllsvC label:before {top:-1px; right:-1px; left:auto; width:20px; height:20px; background:none; color:#333; font-size:12px; line-height:20px; text-align:center;}
.ezAllsvc_sel .ezAllsvC.checked label:before {background:#ffcc00;}
.ezAllsvc_sel .ezAllsvC.checked label:after {content:''; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; border:2px solid #ffcc00;}
.ezAllsvc_sel dd:last-child .ezAllsvC.checked label:after {right:0;}
.ezAllsvc_sel .ezAllsvC span {display:block; margin:5px 0 0 0;}

.ezAllsvc_sel .ezAllsvC.checked.chkCount1 label:before {content:'1';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount2 label:before {content:'2';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount3 label:before {content:'3';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount4 label:before {content:'4';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount5 label:before {content:'5';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount6 label:before {content:'6';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount7 label:before {content:'7';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount8 label:before {content:'8';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount9 label:before {content:'9';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount10 label:before {content:'10';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount11 label:before {content:'11';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount12 label:before {content:'12';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount13 label:before {content:'13';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount14 label:before {content:'14';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount15 label:before {content:'15';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount16 label:before {content:'16';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount17 label:before {content:'17';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount18 label:before {content:'18';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount19 label:before {content:'19';}
.ezAllsvc_sel .ezAllsvC.checked.chkCount20 label:before {content:'20';}

.ezAllsvc_sel.norCard dt {width:83px;}
.ezAllsvc_sel.norCard dd {width:218px;}
.ezAllsvc_sel.norCard dd:last-child .ezAllsvC.checked label:after {right:-1px;}

/* 할인 영역 선택 */
.ezAllsale_sel {}
.ezAllsale_sel .formRad.radTxt label {color:#333;}
.ezAllsale_sel .tblH tbody td {padding:11px 30px 11px; vertical-align:top;}
.ezAllsale_sel .tblH tbody td label {cursor:pointer;}

/* 구간 할인 한도 패턴 레이어 팝업 */
.ezAll_selPattern {}
.ezAll_selPattern .formRad.radTxt label {color:#333;}
.ezAll_selPattern .tblH {margin:-1px 0 0 0;}
.ezAll_selPattern .tblH:first-child {margin-top:0;}
.ezAll_selPattern .tblH tbody td label {cursor:pointer;}

/* 혜택 표 */
.ezAllsvc_benefitTbl tfoot th,
.ezAllsvc_benefitTbl tfoot td {background:#fffdf1; color:#666; font-weight:normal;}

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

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

/* 200715 선불카드 */
.cardList_tab.tabCol2 li{width:50%}
/* 2021.11.17 asis→tobe 개선
.cardBox.presetCard{margin-top:18px;} */
.cardBox.presetCard{margin-top:18px;text-align:center}
.cardBox.charge.presetCard{background-color:#f6f6f6}
.cardBox.charge.presetCard .img{height:auto;padding:60px 0 0 50px;background:none}
.cardBox .serviceMenu{padding:5px 10px ; font-size:0; line-height:0}
.cardBox .serviceMenu a{margin:0 0 10px 10px; padding:0 15px; border:1px solid #c2c2c2; background:#f9f9f9; color:#333; font-size:14px; line-height:26px; border-radius:17px}
.cardBox .serviceMenu a:hover{border:1px solid #ffcc00; background:#ffcc00; color:#222; text-decoration:none}

/* 카드프로세스 파일업로드 */
.agreeOne .withdrawCont .agreeChk.chkOFF input[type=checkbox]:checked + label {width:47%}

.filePhoto:after {content:'';display:block;clear:both;}
.filePhoto label {padding-right:8px;font-weight: bold;}
.filePhoto > div .attachList p {display:inline-block;padding-top:2px;padding-right:10px;font-weight:bold;vertical-align:top;}
.filePhoto > div > div.inpFile {height:68px;}
.filePhoto .imgFile {display: inline-block;width:48%;vertical-align: top;}
.filePhoto .imgFile .btnFunc.attachAdd {width:180px;text-align: left;line-height: 20px;}
.filePhoto .attachList {margin-top:7px;}
.filePhoto .attachList .imgArea {display:block;width:180px;text-align:left;}
.filePhoto .front, .filePhoto .back {width:50%;}

/* 200929 카드 메뉴 개선_디지털 카드 */
.digitalCard .descWrap{display:table;table-layout:fixed;width:100%;border:1px solid #e1e1e1;box-sizing:border-box;background-color:#f4f2ff}
.digitalCard .descWrap .imgWrap{display:table-cell;min-width:484px;min-height:278px;vertical-align:middle}
.digitalCard .descWrap .descArea{display:table-cell;padding:0 36px;vertical-align:middle}
.digitalCard .descWrap .descArea dd{margin-top:18px;font-size:16px;letter-spacing:-0.11px;line-height:1.5}
.digitalCard .descWrap .tip{position:relative;padding-left:35px;margin-top:27px;font-size:12px;letter-spacing:0.1px;line-height:1.5}
.digitalCard .descWrap .tip::before{content:'';position:absolute;top:0;left:0;display:block;width:27px;height:23px;background:url('https://img1.kbcard.com/LT/images_r/personal/product/img_mobilecardTip.png') no-repeat}
.digitalCard .descWrap .descArea.bgType{padding:50px 0 51px 36px}
.digitalCard .descWrap .descArea.bgType::before{content:'';display:block;height:23px;margin-bottom:49px;background:url('https://img1.kbcard.com/LT/images_r/personal/product/bg_mobileOnly.png') 0 0 no-repeat}
.digitalCard .descWrap .descArea.bgType::after{content:'';display:block;height:23px;margin-top:46px;background:url('https://img1.kbcard.com/LT/images_r/personal/product/bg_mobileOnly.png') 0 100% no-repeat}

.digitalCard .descWrap + .guideListWrap{margin-top:-1px}
.digitalCard .guideListWrap{border:1px solid #e1e1e1}
.digitalCard .guideListWrap ul{position:relative;display:table;table-layout:fixed;width:100%;min-height:270px;padding:29px 0;box-sizing:border-box}
.digitalCard .guideListWrap li{display:table-cell;width:33.33%;text-align:center}
.digitalCard .guideListWrap li~li{background:url('https://img1.kbcard.com/LT/images_r/personal/product/bg_mobilecard_line.gif') 0 0 repeat-y}
.digitalCard .guideListWrap .tit{display:block;margin-top:15px;font-size:16px;color:#333}
.digitalCard .guideListWrap .txt{margin-top:3px;font-size:14px;letter-spacing:-0.1px;line-height:1.64}
.digitalCard .guideListWrap .txt + p{margin-top:8px}
.digitalCard .guideListWrap .btnXS{margin-top:15px}
.digitalCard .guideListWrap .col2{padding:40px;min-height:213px}
.digitalCard .guideListWrap .col2 li{width:50%;padding:0 10px}
.digitalCard .guideListWrap .col2 ~ .col2::before{content:'';position:absolute;display:block;top:0;right:40px;bottom:auto;left:40px;height:1px;background:url('https://img1.kbcard.com/LT/images_r/personal/product/bg_mobilecard_lineRow.gif') 0 0 repeat-x}

/* 장기거래고객 레터링카드 */
.letteringCard {padding:60px 0; border-bottom:1px solid #e1e1e1;}
.letteringCard .inner {display:table; margin:0 auto;}
.letteringCard .inner .cardBox,
.letteringCard .inner .cardBox .img {position:relative; width:349px; height:218px;}
.letteringCard .inner .cardBox {display:table-cell; vertical-align:middle;}
.letteringCard .inner .cardBox img {width:349px; height:218px;}
.letteringCard .inner .cardBox .letter {position:absolute; top:91px; right:24px; left:104px; color:#000; font-family:KBFGTextM; font-size:18px; line-height:22px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.letteringCard .inner .cardBox.selDef .letter {display:none;}
.letteringCard .inner .cardSel {display:table-cell; padding:0 0 0 50px; vertical-align:middle;}
.letteringCard .inner .cardSel .formRad img {width:88px; vertical-align:middle;}
.letteringCard .inner .cardSel .formRad input[type=radio],
.letteringCard .inner .cardSel .formRad label:before {top:50%; margin-top:-9px;}
.letteringCard .inner .letterType {width:auto;}
.letteringCard .inner .letterType .txtInp {position:relative; margin:8px 0 0 28px;}
.letteringCard .inner .letterType .txtInp label {position:absolute; top:12px; left:16px;}
.letteringCard .inner .letterType .txtInp input {width:218px;}
.letteringCard .inner .letterType .txtInp .byte {padding:0 0 0 8px; color:#666; font-size:12px; line-height:14px; vertical-align:bottom;}
.letteringCard .inner .letterType .txtInp .byte * {vertical-align:bottom;}
.letteringCard .inner .normalType {padding:32px 0 0 0;}

.letteringCard.letterOnly {}
.letteringCard.letterOnly .inner .cardBox,
.letteringCard.letterOnly .inner .cardSel {display:block; margin:0 auto; padding:0;}
.letteringCard.letterOnly .inner .letterType .txtInp {margin:30px 0 0 0;}
.letteringCard.letterOnly .inner .letterType .txtInp input {width:317px;}
.letteringCard.letterOnly .inner .letterType .txtInp .byte {display:block; margin:4px 0 0 0; text-align:right;}

.letterCard_list {position:relative; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; overflow:hidden;}
.letterCard_list:after {content:''; position:absolute; top:1px; bottom:1px; left:50%; width:1px; background:#d5d5d5;}
.letterCard_list ul {overflow:hidden; margin-bottom:-1px;}
.letterCard_list ul:after {content:''; display:table; clear:both;}
.letterCard_list li {float:left; width:420px; margin:-1px 0 0 0; padding:30px; border:1px solid #d5d5d5; border-left:0; border-right:0; vertical-align:middle;}
.letterCard_list li:nth-child(odd) {clear:both;}
.letterCard_list .formRad img {width:190px; vertical-align:middle;}
.letterCard_list .formRad input[type=radio],
.letterCard_list .formRad label:before {top:50%; margin-top:-9px;}

/* 200918_카드메뉴개선 */
.newCardWrap{min-width:960px;padding-bottom:100px}
.newCardWrap *{color:#333}
.newCardWrap h2 {font-family:"KBFGTextM";font-size:24px;letter-spacing:-1px;color:#151515;line-height:30px}
.newCardWrap h2 span{position:relative;bottom:0;left:5px}
.newCardWrap .contentArea{width:960px;margin:0 auto;float:none}

/* Search */
.newCardWrap .schWrap{max-height:255px;margin-bottom:80px;background:#8680c2 url(https://img1.kbcard.com/LT/images_r/personal/product/oney_sch_bgwrap.png) no-repeat 50% 0}
.newCardWrap .schWrap .schInner{margin:0 auto;padding:60px 0 40px;text-align:center}
.newCardWrap .schWrap .schInner h2 {font-family:"KBFGTextL";letter-spacing:0;color:#fff;line-height:32px}
.newCardWrap .schWrap .schFrm{position:relative;width:520px;height:50px;margin:30px auto 0;background:#fff;border-radius:5px}
.newCardWrap .schWrap .schFrm .inp{width:450px;height:40px;line-height:38px;border:none;padding-right:50px}
.newCardWrap .schWrap .schFrm .inp:focus{border:none;padding:5px 50px 5px 15px}
.newCardWrap .schWrap .schFrm .btn{position:absolute;right:0;top:0;width:50px;height:50px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_shc_btn.png) no-repeat 50% 50%;text-indent:-9999px}
.newCardWrap .schWrap .schTag{margin-top:20px}
.newCardWrap .schWrap .schTag a{display:inline-block;color:#fff;margin-left:17px;line-height:23px}
.newCardWrap .schWrap .schTag a:first-child{margin:0}

/* Tab */
.newCardWrap .tabWrap{text-align:center}
.newCardWrap .tabWrap .tab{display:inline-block;margin-top:30px}
.newCardWrap .tabWrap .tab:after{content:'';display:block;clear:both;height:0;visibility:visible}
.newCardWrap .tabWrap .tab li{float:left}
.newCardWrap .tabWrap .tab li a{display:block;padding:0 30px;height:40px;line-height:38px}
.newCardWrap .tabWrap .tab .on{background:#6e69a2;border-radius:20px;color:#fff;font-weight:600}
.newCardWrap .tabWrap .tabView{text-align:left}
.newCardWrap .tabWrap .tabView .tabcon{display:none}

/* Theme */
.newCardWrap .themeWrap{width:960px;margin:0 auto}
.newCardWrap .themList{margin-top:50px}
.newCardWrap .themList:after{content:'';display:block;clear:both;height:0;visibility:visible}
.newCardWrap .themList li{float:left;margin-left:63px}
.newCardWrap .themList li:first-child{margin:0}
.newCardWrap .themList li img {display:block}

/* Banner : 카드프로모션 */
.newCardWrap .oneBnrWrap{position:relative;margin-top:69px}
.newCardWrap .oneBnrWrap:before{content:'';display:block;position:absolute;bottom:0;left:-480px;width:50%;height:70px;background:#b9cae5;z-index:0}
.newCardWrap .oneBnr{background:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_bnr_bg.png) no-repeat 50% 50%}
.newCardWrap .oneBnrWrap:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:70px;background:#7e92c5;z-index:-1}
.newCardWrap .oneBnr .bx-wrapper{height:70px;margin:0 auto;position:relative;background:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tag_event.png) no-repeat 0 50%}
.newCardWrap .oneBnr .bx-wrapper .slideWrap a {display:table-cell;width:960px;vertical-align:middle;height:70px;color:#08052b;font-family:"KBFGTextM";font-size:16px;line-height:23px;letter-spacing:-0.1px;padding-left:68px}
.oneBnr .bx-controls-direction{display:none}
.newCardWrap .oneBnr .bx-controls-auto {position:absolute;right:0;bottom:30px}
.newCardWrap .oneBnr .bx-controls-auto a {display:inline-block;width:10px;height:10px;}
.newCardWrap .oneBnr .bx-controls-auto .bx-start {text-indent:-9999px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_bnr_play.png) no-repeat 50% 50%;}
.newCardWrap .oneBnr .bx-controls-auto .bx-stop {text-indent:-9999px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_bnr_stop.png) no-repeat 50% 50%;}
.newCardWrap .oneBnr .bx-pager{position:absolute;right:20px;bottom:30px}
.newCardWrap .oneBnr .bx-pager:after{content:'';display:block;clear:both;height:0;visibility:visible}
.newCardWrap .oneBnr .bx-pager .bx-pager-item{float:left;margin-left:10px}
.newCardWrap .oneBnr .bx-pager .bx-pager-item .bx-pager-link{display:block;width:8px;height:8px;border:1px solid #fff;border-radius:50%;text-indent:-9999px;background:##9fa1cf}
.newCardWrap .oneBnr .bx-pager .bx-pager-item .bx-pager-link.active{background:#fff}
/* Banner : 프리미엄카드 */
.newCardWrap .priBnrWrap{background:#696f7d url(https://img1.kbcard.com/LT/images_r/personal/product/oney_bnr_prim.png) no-repeat 50% 50%;}
.newCardWrap .priBnr {position:relative;width:960px;margin:0 auto}
.newCardWrap .priBnr a {display:block;height:148px;}
.newCardWrap .priBnr strong {position:absolute;left:0;top:45px;font-family:"KBFGTextL";color:#fff;line-height:25px;font-size:24px;font-weight:500;}
.newCardWrap .priBnr span {position:absolute;left:0;top:80px;font-family:"KBFGTextL";color:#fff;line-height:23px;font-size:14px;letter-spacing:-0.1px}

/* Best */
.newCardWrap .bestWrap{padding:80px 0 100px;background:#f9f9f9}
.newCardWrap .bestList{margin:50px auto 0;width:720px}
.newCardWrap .bestList li{position:relative;padding:40px 0;border-top:1px solid #ddd}
.newCardWrap .bestList li:first-child{padding-top:0;border-top:none}
.newCardWrap .bestList li:last-child{padding-bottom:0}
.newCardWrap .bestList li a{display:table;width:100%;min-height:136px;table-layout:fixed}
.newCardWrap .bestList .bcardImg{display:table-cell;position:relative;width:267px;vertical-align:top}
.newCardWrap .bestList .bcardImg img{position:absolute;left:0;top:0;width:217px;height:136px}
.newCardWrap .bestList .bcardInfo{display:table-cell;width:453px;vertical-align:middle}
.newCardWrap .bestList .bcardInfo strong{display:block;font-size:18px;color:#000;line-height:23px}
.newCardWrap .bestList .bcardInfo span{display:block;margin-top:10px;line-height:23px}
.newCardWrap .bestList li:before{content:'';display:inline-block;position:absolute;left:-41px;top:20px;width:48px;height:70px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_img-num.png) no-repeat}
.newCardWrap .bestList .bt1st:before{top:-17px}
.newCardWrap .bestList .bt2nd:before{background-position:-0 -215px}
.newCardWrap .bestList .bt3rd:before{background-position:-0 -437px}

/* New */
.newCardWrap .newWrap{padding:80px 0 100px;text-align:center;}
.newCardWrap .newWrap .tabView{margin-top:50px}
.newCardWrap .newList{min-width:960px;display:table;table-layout:fixed;margin:0 auto}
.newCardWrap .newList li{display:table-cell}
.newCardWrap .newList li:first-child{margin-left:0}
.newCardWrap .newList li a{display:block}
.newCardWrap .newList li img{width:168px;height:105px}
.newCardWrap .newList .bestName{margin-top:30px;font-weight:600}

/* 혜택별 */
.newCardWrap .kindWrap{padding:80px 0 100px;background:#f9f9f9}
.newCardWrap .kindList{width:960px;margin:40px auto 0}
.newCardWrap .kindList:after{content:'';display:block;clear:both;height:0;visibility:visible}
.newCardWrap .kindList li{position:relative;float:left;width:220px;height:220px;text-align:center}
.newCardWrap .kindList li a{display:block;height:65px;padding-top:135px;background-repeat:no-repeat;background-position:50% 52px}
.newCardWrap .kindList li:hover{z-index:1}
.newCardWrap .kindList li:hover:after{content:'';display:block;position:absolute;top:0;left:-28px;width:277px;height:290px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_bg_shadow.png) no-repeat 0 50%;z-index:-1}
.newCardWrap .kindList li strong{display:block}
.newCardWrap .kindList li span{display:block;margin-top:10px;color:#666;line-height:23px}
.newCardWrap .kindList .icon_cash a{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_icon_cash.png)}
.newCardWrap .kindList .icon_shop a{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_icon_shopping.png)}
.newCardWrap .kindList .icon_air a{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_icon_airline.png)}
.newCardWrap .kindList .icon_movie a{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_icon_movie.png)}
.newCardWrap .kindList .icon_taxi a{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_icon_taxi.png)}
.newCardWrap .kindList .icon_eat a{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_icon_eat.png)}
.newCardWrap .kindList .icon_medic a{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_icon_medical.png)}
.newCardWrap .kindList .icon_phone a{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_icon_phone.png)}
.newCardWrap .kindList .icon_garv a{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_icon_garv.png)}/*1109*/
.newCardWrap .kindList .icon_life a{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_icon_life.png)}/*1109*/

/* 맞춤카드 / DigitalLife / 카드발급안내 */
.newCardWrap .etcWrap{width:960px;margin:0 auto;padding-top:80px}
.newCardWrap .etcWrap dl dt{font-size:18px;font-weight:600;color:#333}
.newCardWrap .etcWrap dl dd{margin-top:18px;color:#666;line-height:23px}
.newCardWrap .etcWrap dl dd.btn{margin-top:21px}
.newCardWrap .etcWrap .custArea{padding-bottom:50px;border-bottom:1px solid #e1e1e1}
.newCardWrap .etcWrap .custArea:after{content:'';display:block;clear:both;height:0;visibility:visible}
.newCardWrap .etcWrap .custArea dl{float:left;width:50%}
.newCardWrap .getArea{margin-top:50px}
.newCardWrap .getArea .getList{display:table;width:100%;margin-top:8px;background:#f9f9f9;height:60px}
.newCardWrap .getArea .getList li{display:table-cell;vertical-align:middle;text-align:center}
.newCardWrap .getArea .getList li a{display:inline-block;padding:0 20px}
.newCardWrap .getArea .getList li span{display:inline-block;padding-right:15px;line-height:60px;font-weight:600;color:#666;background:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_btn_arr.png) no-repeat 100% 49%}
.newCardWrap .getArea .getList li a:hover span{text-decoration:underline}

/* 2020카드 모듈 */
.cardListBox{overflow:hidden}
.cardListBox:after{content:'';display:table;clear:both}
.cardListBox .cardInfoBox{position:relative;width:296px;height:470px;float:left;margin:0 36px 40px 0}
.cardListBox .cardInfoBox:nth-child(3n){margin-right:0}
.cardInfoBox .linkDetail{position:relative;display:block;height:426px;padding:40px 28px 0 28px;border:1px solid #f2f2f2;border-radius:8px;background:#f2f2f2;text-decoration:none;word-break:keep-all;word-wrap:break-word}
.cardInfoBox .linkDetail .cardName,
.cardInfoBox .linkDetail .cadCopy,
.cardInfoBox .linkDetail .evtInfo{display:block}
.cardInfoBox .linkDetail .cardName{color:#333;font-size:18px;font-weight:600;line-height:1.56}
.cardInfoBox .linkDetail .cadCopy{margin:8px 0 0 0;line-height:1.64}
.cardInfoBox .linkDetail .evtInfo{margin:20px 0 0 0;display:inline-block;padding:5px 3px 2px;background:#fff;border:1px solid #614cc2;border-radius:2px;color:#614cc2;font-size:11px;line-height:1;font-family:"KBFGTextM";letter-spacing:-0.4px}

.cardInfoBox .cardImg{position:absolute;bottom:40px;right:48px;left:48px;height:200px}
.cardInfoBox .cardImg img{position:absolute;top:0;left:0;display:block;margin:0 auto;width:200px;height:126px}
.cardInfoBox.row .cardImg img{top:37px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}
.cardInfoBox .linkDetail:hover,
.cardInfoBox .linkDetail:focus{border-color:#dedede;background:#fff}
.cardInfoBox .linkDetail:hover .cardName,
.cardInfoBox .linkDetail:focus .cardName,
.cardInfoBox .linkDetail:hover .cadCopy,
.cardInfoBox .linkDetail:focus .cadCopy{text-decoration:underline}
.cardInfoBox .miniInfo{display:none;position:absolute;bottom:-2px;right:0;left:0;min-height:152px;padding:0 16px 93px 16px;border:1px solid #dedede;border-top:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;background:#fff}
.cardInfoBox .miniInfo dl{padding:25px 12px 0 12px;border-top:1px solid #ddd}
.cardInfoBox .miniInfo dt{position:relative;color:#333;font-weight:600;line-height:1.64}
.cardInfoBox .miniInfo .moreFee,
.cardInfoBox .miniInfo .noFee {position:absolute;top:2px;right:0;padding:0 11px 0 0;font-size:12px;font-weight:normal;line-height:1.64}
.cardInfoBox .miniInfo .moreFee:after{content:'';position:absolute;top:4px;right:0;width:6px;height:10px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_btn.png) no-repeat -50px 0}
.cardInfoBox .miniInfo dd > ul > li{display:table;width:100%;padding:13px 0 0 0}
.cardInfoBox .miniInfo dd > ul > li:first-child{padding-top:27px}
.cardInfoBox .miniInfo dd > ul > li strong{display:table-cell;width:50px;text-align:center;height:23px}
.cardInfoBox .miniInfo dd > ul > li span{display:table-cell;text-align:right;font-weight:normal}
.cardInfoBox .miniInfo .sbank li{padding:8px 0 0 0;}
.cardInfoBox .miniInfo .sbank li:first-child{padding-top:24px}
.cardInfoBox .miniInfo .sbank li strong{display:table-cell;width:100%;text-align:left;height:20px}
.cardInfoBox .miniInfo .sbank li img {width:90px}
.cardInfoBox .miniInfo .btnArea{position:absolute;bottom:20px;right:0;left:0;margin-top:0}
.cardInfoBox .miniInfo .btnArea .btnL{min-width:91px;} /* 20220119 최상림, 버튼 min-width값 추가, https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICACD0020 */

.cardInfoBox.over .linkDetail{border-color:#dedede;background:#fff}
.cardInfoBox.over .miniInfo{display:block}
.cardListBox + .paging{margin-top:-10px}

.accselbank{margin:30px auto 0;display:table;width:540px;table-layout:fixed}
.accselbank li{display:table-cell;padding-left:13px}
.accselbank li:first-child{padding-left:0}
.accselbank li a{display:block;padding:20px 0;border:1px solid #e1e1e1;text-align:center}

/* Tab : 카드분류 */
.tabCardList{margin-bottom:50px;height:96px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_tab.gif) repeat-x 0 16px}
.tabCardList:after{content:'';clear:both;display:block;height:0;visibility:visible}
.tabCardList li{float:left;z-index:10;background:#fff;background-position:50% 16px;background-repeat:no-repeat}
.tabCardList li a{display:block;padding:60px 0 15px;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5;text-align:center}
.tabCardList li a span{line-height:18px;color:#666;font-weight:600}
.tabCardList li:first-child a{border-left:1px solid #e5e5e5}
.tabCardList li.tabON a{height:19px;border-color:#696969;border-width:2px;border-left:2px solid #696969}
.tabCardList li.tabON a span{color:#151515;font-size:16px}
.tabCardList.col6 li {width:16.66%;}
.tabCardList.col7 li {width:14.28%;}
.tabCardList.col8 li {width:12.5%}
.tabCardList.col9 li {width:106px}
.tabCardList.col9 li:last-child {width:112px}
.tabCardList.col10 li {width:10%}

.tabCardList .icon_cash{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_point_off.png)}
.tabCardList .icon_cash.tabON{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_point_on.png)}
.tabCardList .icon_shop{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_shopping_off.png)}
.tabCardList .icon_shop.tabON{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_shopping_on.png)}
.tabCardList .icon_air{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_airline_off.png)}
.tabCardList .icon_air.tabON{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_airline_on.png)}
.tabCardList .icon_movie{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_movie_off.png)}
.tabCardList .icon_movie.tabON{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_movie_on.png)}
.tabCardList .icon_car{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_car_off.png)}
.tabCardList .icon_car.tabON{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_car_on.png)}
.tabCardList .icon_phone{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_phone_off.png)}
.tabCardList .icon_phone.tabON{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_phone_on.png)}
.tabCardList .icon_medic{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_medical_off.png)}
.tabCardList .icon_medic.tabON{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_medical_on.png)}
.tabCardList .icon_eat{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_buffet_off.png)}
.tabCardList .icon_eat.tabON{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_buffet_on.png)}
.tabCardList .icon_garv{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_garv_off.png)}
.tabCardList .icon_garv.tabON{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_garv_on.png)}
.tabCardList .icon_life{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_life_off.png)}
.tabCardList .icon_life.tabON{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_life_on.png)}
.tabCardList .icon_bank{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_bank_off.png)}
.tabCardList .icon_bank.tabON{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_tabicon_bank_on.png)}

/* Banner : 프로모션 */
.newCardWrap .probnrWrap{margin-top:30px}

/* CS */
.newCardWrap .csWrap{margin-top:70px;margin-bottom:30px;padding:39px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.newCardWrap .csWrap .getArea{margin-top:0}
.newCardWrap .csWrap .getList{margin-top:0;height:25px;background:#fff}
.newCardWrap .csWrap .getList li{border-left:1px solid #d2d2d2}
.newCardWrap .csWrap .getList li:first-child{border-left:none}
.newCardWrap .csWrap .getList li span{line-height:25px}

/* 카드비교함 */
.newCardWrap .cardAddBox, .premiumCardWrap .cardAddBox{position:fixed;bottom:0;left:50%;width:956px;height:88px;margin-left:-480px;background:#fff;border:2px solid #707784;border-bottom:none;z-index:100;box-shadow:0 0 16px 0 rgba(0,0,0,0.16)}
.newCardWrap .cardAddBox:after, .premiumCardWrap .cardAddBox:after{content:'';clear:both;display:block;height:0;visibility:visible}
.newCardWrap .cardAddBox.on, .premiumCardWrap .cardAddBox.on{position:absolute;bottom:-51px}
.newCardWrap .cardAddBox .tit, .premiumCardWrap .cardAddBox .tit{float:left;position:relative;top:1px;left:1px;width:307px;height:88px;background:#f9f9f9}
.newCardWrap .cardAddBox.on .tit, .premiumCardWrap .cardAddBox.on .tit{top:0}
.newCardWrap .cardAddBox .tit h2, .premiumCardWrap .cardAddBox .tit h2{position:absolute;top:34px;left:38px;font-size:18px;color:#333;font-weight:600;font-family:NanumGothic, "나눔고딕", "NG", "돋움", Dotum, AppleGothic, sans-serif;letter-spacing:0}
.newCardWrap .cardAddBox .tit h2 .point, .premiumCardWrap .cardAddBox .tit h2 .point{color:#dd3520}
.newCardWrap .cardAddBox .tit h2 span, .premiumCardWrap .cardAddBox .tit h2 span{position:relative;top:-2px;font-size:12px;color:#666;font-weight:normal}
.newCardWrap .cardAddBox .boxAddList, .premiumCardWrap .cardAddBox .boxAddList{float:left;padding:20px 40px 0 50px}
.newCardWrap .cardAddBox .cardList:after, .premiumCardWrap .cardAddBox .cardList:after{content:'';clear:both;display:block;height:0;visibility:visible}
.newCardWrap .cardAddBox .cardList li, .premiumCardWrap .cardAddBox .cardList li{position:relative;float:left;margin-left:71px}
.newCardWrap .cardAddBox .cardList li:first-child, .premiumCardWrap .cardAddBox .cardList li:first-child{margin-left:0}
.newCardWrap .cardAddBox .cardList li a, .premiumCardWrap .cardAddBox .cardList li a{display:block}
.newCardWrap .cardAddBox .cardList li > img, .premiumCardWrap .cardAddBox .cardList li > img{width:80px;height:50px}
.newCardWrap .cardAddBox .cardList li .del, .premiumCardWrap .cardAddBox .cardList li .del{margin:0;padding:0;text-indent:-9999px;position:absolute;top:0;left:0;width:80px;height:50px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/oney_btn_del.png) no-repeat 50% 50%;opacity:0;filter:alpha(opacity=0);background-color:rgba(0,0,0,0.55);border-radius:4.5px}
.newCardWrap .cardAddBox .cardList li .del:hover, .newCardWrap .cardAddBox .cardList li .del:focus, .premiumCardWrap .cardAddBox .cardList li .del:hover, .premiumCardWrap .cardAddBox .cardList li .del:focus{opacity:1;filter:alpha(opacity=100)}
.newCardWrap .boxAddList .addbtn, .premiumCardWrap .boxAddList .addbtn{position:absolute;right:40px;top:26px}

/* 카드 메뉴 개선_프리미엄카드 */
/* slide visual */
.crVisual {position:relative; width:1062px; height:332px; margin:0 auto; }
.crVisual > .container {width:960px !important; height:332px; margin:0 auto; overflow:hidden; z-index:9999;}    
.crVisual .slider {margin:50px auto 0;padding:0 14px}
.crVisual .slider > div {display:inline-block; padding:0 30px; vertical-align:middle; opacity:1 !important;}
.crVisual .slider > div a {display:block; outline:none !important;}
.crVisual .slider > div a:hover {text-decoration:none;}
.crVisual .slider > div a img {display:block; width:86px; height:54px; margin:0 auto !important; border-radius:5px;}
.crVisual .slider > div a span {display:block; margin:11px auto 0 auto; font-family:"KBFGTextM"; color:#333; font-size:14px; text-align:center; font-weight:500; word-break:break-all; word-wrap:break-word;} 
.crVisual .slider > div a span > em {display:none;} 
.crVisual .slider > div a span > strong {display:none;} 

/* slide visual center */
.crVisual .slider > div.active a {display:block;}
.crVisual .slider > div.active a img {width:260px; height:165px; border-radius:10px; box-shadow:0 17px 10px 0 rgba(2, 2, 2, 0.2);}
.crVisual .slider > div.active a span {display:block; margin:5px auto 0; font-family:"KBFGTextM"; font-size:32px; text-align:center; font-weight:500; line-height:1.17; letter-spacing:-0.1px; word-break:break-all; word-wrap:break-word;}
.crVisual .slider > div.active a span > em {display:block; margin:20px auto 0; font-size:14px; text-align:center; font-weight:500; line-height:1.43; letter-spacing:normal;} 
.crVisual .slider > div.active a span > strong {display:inline-block; font-weight:500;} 

/* slide arrow */
.premiumCardWrap .prev, .premiumCardWrap .next{position:absolute; top:135px; display:block; width:30px; height:50px; z-index:9999;}
.premiumCardWrap .prev:after {display:none;}
.premiumCardWrap .next:after {display:none;}
.premiumCardWrap .prev{left:50%; margin-left:-510px; background: url('https://img1.kbcard.com/LT/images_r/personal/product/premium_arrL.png') no-repeat;}
.premiumCardWrap .next{right:50%; margin-right:-510px; background: url('https://img1.kbcard.com/LT/images_r/personal/product/premium_arrR.png') no-repeat;}

/* slide center bg */
.premiumCardWrap .cardCont {position:absolute;top:0;left:0;width:100%;padding-top:332px;-ms-transition: opacity 300ms;transition: opacity 300ms;opacity:0}
.premiumCardWrap .cardCont.bg01 {background:#d7cdcd url('https://img1.kbcard.com/LT/images_r/personal/product/premium_topBg1.png') no-repeat 50% 0; background-size:100% 332px;}
.premiumCardWrap .cardCont.bg02 {background:#d0d3d4 url('https://img1.kbcard.com/LT/images_r/personal/product/premium_topBg2.png') no-repeat 50% 0; background-size:100% 332px;}
.premiumCardWrap .cardCont.bg03 {background:#ccc6c8 url('https://img1.kbcard.com/LT/images_r/personal/product/premium_topBg3.png') no-repeat 50% 0; background-size:100% 332px;}
.premiumCardWrap .cardCont.bg04 {background:#c5ced8 url('https://img1.kbcard.com/LT/images_r/personal/product/premium_topBg4.png') no-repeat 50% 0; background-size:100% 332px;}
.premiumCardWrap .cardCont.bg05 {background:#c7c8ad url('https://img1.kbcard.com/LT/images_r/personal/product/premium_topBg5.png') no-repeat 50% 0; background-size:100% 332px;}  

/* slide center font color */
.crVisual .slider > div.active.fc1 a span {color:#411c1f !important;}
.crVisual .slider > div.active.fc2 a span {color:#1a2f3e !important;}
.crVisual .slider > div.active.fc3 a span {color:#351915 !important;}
.crVisual .slider > div.active.fc4 a span {color:#1f354c !important;}
.crVisual .slider > div.active.fc5 a span {color:#3d3f1a !important;}
    
/* slide center contents */
.premiumCardWrap .slider-for {overflow:hidden;position:relative;margin-top:-332px;}
.premiumCardWrap .slider-for:after {display:block; clear: both; content: '';}
.premiumCardWrap .slider-for .slick-list {position: relative; display: block; overflow:hidden; margin:0; padding:0;}
.premiumCardWrap .slider-for .slick-slide {display:none;float: left;height:auto;min-height:1px; overflow: hidden;}
.premiumCardWrap .slick-initialized .slick-slide {display:block;}

/* card info */
.crListCont {width:100%; background:#fff;}
.crListCont .crListWrap {width:960px; padding:70px 0; margin:0 auto; background:#fff !important;}
.crVisual_cardInfo {height:265px; background-color:#f9f9f9;}
.crVisual_cardInfo .crInfoList {display:table; height:265px; padding:0 25px; margin:0 auto;}
.crVisual_cardInfo .crInfoList li.gift {padding-left:0;}
.crVisual_cardInfo .crInfoList li {display:table-cell; width:290px; padding-left:20px; text-align:center; white-space:nowrap;}
.crVisual_cardInfo .crInfoList dt:before {content:''; display:block; width:290px; height:114px; margin:0 auto 20px auto; border-bottom:1px solid #ccc;}
.crVisual_cardInfo .crInfoList dt {color:#333; font-size:14px; line-height:1.71; font-weight:bold;}
.crVisual_cardInfo .crInfoList dd {margin-top:10px; color:#666; font-size:14px; line-height:1.64; letter-spacing:-0.1px;}
.crVisual_cardInfo .crInfoList .gift dt:before {background: url('https://img1.kbcard.com/LT/images_r/personal/product/premium_ico_gift.png') no-repeat 50% 50px; background-size:48px 48px;}
.crVisual_cardInfo .crInfoList .point dt:before {background: url('https://img1.kbcard.com/LT/images_r/personal/product/premium_ico_point.png') no-repeat 50% 50px; background-size:48px 48px;}
.crVisual_cardInfo .crInfoList .crown dt:before {background: url('https://img1.kbcard.com/LT/images_r/personal/product/premium_ico_crown.png') no-repeat 50% 50px; background-size:48px 48px;}  
.crVisual_cardInfo .crInfoList .m dt:before {background: url('https://img1.kbcard.com/LT/images_r/personal/product/premium_ico_m.png') no-repeat 50% 50px; background-size:48px 48px;}  
.crVisual_cardInfo .crInfoList .calculator dt:before {background: url('https://img1.kbcard.com/LT/images_r/personal/product/premium_ico_calculator.png') no-repeat 50% 50px; background-size:48px 48px;}
.crVisual_cardInfo .crInfoList .platinum dt:before {background: url('https://img1.kbcard.com/LT/images_r/personal/product/premium_ico_platinum.png') no-repeat 50% 50px; background-size:48px 48px;}    
.crVisual_cardInfo .crInfoList .card dt:before {background: url('https://img1.kbcard.com/LT/images_r/personal/product/premium_ico_card.png') no-repeat 50% 50px; background-size:48px 48px;}        
.crVisual_cardInfo .crInfoList .mpoint dt:before {background: url('https://img1.kbcard.com/LT/images_r/personal/product/premium_ico_mpoint.png') no-repeat 50% 50px; background-size:48px 48px;}    
.crVisual_cardInfo .crInfoList .shopping dt:before {background: url('https://img1.kbcard.com/LT/images_r/personal/product/premium_ico_shopping.png') no-repeat 50% 50px; background-size:48px 48px;}

/* card isuue */
.crIssueBox {width:960px; padding:39px 0; margin:0 auto; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center;}
.crIssueBox:after {content:""; display:block; clear:both;}
.crIssueBox ul {display:inline-block;}
.crIssueBox ul li:first-child:before {display:none;}
.crIssueBox ul li:before {content:''; display:block; position:absolute; top:0; left:0; width:1px; height:25px; background:#dedede;}
.crIssueBox ul li {float:left; position:relative; height:25px; padding:0 23px; margin-right:23px; font-size:16px; font-weight:bold; color:#333;}
.crIssueBox ul li a {display:block; line-height:1.56; letter-spacing:normal; text-decoration:none;}
.crIssueBox ul li a:after {content:''; position:absolute; top:0; right:0; width:20px; height:20px; background: url('https://img1.kbcard.com/LT/images_r/personal/product/oney_btn_arr.png') no-repeat 100% 49%} 

/* tantum contents */
.premiumCardWrap .tantum_service dt {margin-bottom:15px; font-size:18px; font-weight:500; color:#333; font-family:"KBFGTextM";}
.premiumCardWrap .tantum_service .tantum_serviceList li {display:inline-block; }
.premiumCardWrap .tantum_service .tantum_serviceList li:nth-child(1) {width:40%;}
.premiumCardWrap .tantum_service .tantum_serviceList li:nth-child(2) {width:40%;}
.premiumCardWrap .tantum_service .tantum_serviceList li span {display:block; font-size:14px; line-height:2.86; letter-spacing:-0.1px; color:#666; }
.premiumCardWrap .tantum_service .tantum_serviceList li span:before {content:'-'; display:inline-block; padding-right:3px;}

.premiumCardWrap .tantum_banner {position:relative; width:960px; height:125px; margin-bottom:32px; background: url('https://img1.kbcard.com/LT/images_r/personal/product/tantum_bannerBg.png') no-repeat 0 0;}
.premiumCardWrap .tantum_bannerTxt {position:absolute; top:25px; left:80px;display:table;}
.premiumCardWrap .tantum_bannerTxt img {width:120px; height:75px;}
.premiumCardWrap .tantum_bannerTxt span {display:table-cell; padding-right:37px; font-family:"KBFGTextM"; font-size:28px; font-weight:500; color:#fff; vertical-align:middle;}
.premiumCardWrap .tantum_bannerTxt span em {display:block; font-size:16px; font-weight:300;}
.premiumCardWrap .tantum_banner a {position:absolute; top:37px; right:80px; width:237px; height:50px; background: url('https://img1.kbcard.com/LT/images_r/personal/product/tantum_bannerBtn.png') no-repeat 0 0; }

.cardImg_select.col2 {overflow:hidden;margin-top:0px;padding:0px 30px 20px;border-bottom:1px solid #fff;background:#fff;}
.cardImg_select.col2 li {float:left;width:310px;margin-left:40px;text-align:center;}
.cardImg_select.col2 li:first-child {margin-left:0;}
.cardImg_select.col2 li img {width:100%;}

.selectWrap.col2 ul {padding:0 100px}
.selectWrap.col2 ul:after {content:'';display:block;clear:both;}
.selectWrap.col2 li {margin-left:32px;width:190px;}
.selectWrap.col2 li img {width:100%;}

/*210419 : 공통_PC_RNB 이벤트 배너 영역 UI 수정 */
.rList.recomend.rFixed {position:fixed; top:226px; left:50%; margin:0 0 0 270px; width:210px; box-sizing:border-box;}
.rList.recomend .slideWrap .slider .slideList li a strong {font-size:14px; line-height:18px; width:105px;}

/* 210728 : 카드 디자인 안내 탭 추가 */
.cardDesign_list:after {content:'';display:block;height:0;clear:both;}
.cardDesign_list li {float:left;width:50%; font-size:14px; border-bottom:1px solid #e1e1e1; padding-bottom:10px; margin-bottom:50px; min-height:300px;}
.cardDesign_list li.noline {border:none;}
.cardDesign_list li .cardCont {position:relative;}
.cardDesign_list li .cardCont .c_img {position:absolute; top:0; left:0; width:115px;}
.cardDesign_list li .cardCont .c_img img {width:100%;}
.cardDesign_list li .cardCont .c_design {display:block; margin-top:10px; text-align:center; line-height: 20px; color: #333; }
.cardDesign_list li .cardCont dl {padding:0 20px 0 130px; vertical-align: top; line-height:23px;}
.cardDesign_list li .cardCont dl dt {font-weight:bold; color:#333; margin-bottom:5px; }
.cardDesign_list li .cardCont dl dd {margin-bottom:10px;}

/* 210810_챌린지 카드 슬라이드 추가 */
.cardBox .cardCont .cardBoxInner .card_img{float:left}
.cardBox .cardCont .cardBoxInner .card_img img{width:310px;height:195px}
/* 2021.11.17 asis→tobe 개선 세로카드 슬라이드 */
.cardBox .cardCont .cardBoxInner.row .bx-wrapper li{width:auto !important;height:310px;transform: rotate(90deg)}
.cardBox .cardCont .cardBoxInner.row .card_img img{margin-top:58px;}

.event_promotion_banner .bx-controls {position:absolute; bottom:5px; right:35px; text-align:right; z-index:60; min-width:200px;}
.event_promotion_banner .bx-controls .bx-pager-item:first-child {margin-left:0}
.event_promotion_banner .bx-controls .bx-pager {display:inline-block}
.event_promotion_banner .bx-controls .bx-pager .bx-pager-item {float:left; margin-left:-10px}
.event_promotion_banner .bx-controls .bx-pager-item a {overflow:hidden; display:inline-block; width:8px; height:8px; padding:10px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/ico_indicate_off.png') no-repeat center; cursor:pointer; text-indent:-9999px;font-size:0;}
.event_promotion_banner .bx-controls .bx-pager-item a.active {overflow:hidden; display:inline-block; width:30px; height:8px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/ico_indicate_on.png') no-repeat center; cursor:pointer; text-indent:-9999px}

.event_promotion_banner .bx-controls .bx-controls-direction {position:absolute; width:100%; z-index:50}
.event_promotion_banner .bx-controls .bx-controls-direction  .bx-prev {position:absolute; top:0; left:0; width:56px; height:100%; background:none; font-size:0}
.event_promotion_banner .bx-controls .bx-controls-direction .bx-next {position:absolute; top:0; right:0; width:56px; height:100%; background:none; font-size:0}
.event_promotion_banner .bx-controls .bx-controls-auto {display:inline-block; margin-left:-10px}
.event_promotion_banner .bx-controls .bx-controls-auto .bx-controls-auto-item {float:left}
.event_promotion_banner .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start {display:inline-block;position:absolute; top:0; width:10px; height:8px; padding:10px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/ico_main_indicate_play.png') no-repeat center; text-indent:-999px; font-size:0; z-index:100}
.event_promotion_banner .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop {display:inline-block;position:absolute; top:0; width:10px; height:8px; padding:10px; background:url('https://img1.kbcard.com/LT/images_r/personal/main/renew/ico_main_indicate_stop.png') no-repeat center; text-indent:-999px; font-size:0; z-index:100}
.event_promotion_banner .bx-controls .bx-controls-auto .bx-controls-auto-item a.active {display:none !important}



/* 2022-03-24 채무보정 성실상환자신청 (결함DEFC-0000008247) */
.boxType2.type2 { border-radius: 12px; border: 1px solid #e0e0e0; }
.card_certBox li { width: 192px; }

/* 2023.04.20 프리미엄카드 > heritage 디자인 변경 */
.premium-heritage {position:relative;background:#252525;padding:194px 120px 0;margin-top:30px;}
.premium-heritage:before {display:block;content:'';width:64px;height:64px;background:url('https://img1.kbcard.com/LT/images_r/personal/product/heritage_detail_logo.png') no-repeat;background-size:64px 64px;position:absolute;top:60px;left:50%;transform: translate(-50%, 0);}
.card-heritage__item {position:relative;border-top:1px solid #9a7f3f;padding-bottom:64px;padding-left:20px;}
.card-heritage__item h3 {font-size:28px;font-weight:bold;color:rgba(255,255,255,0.87);}
.card-heritage__cont {min-height:390px;padding-top:64px;box-sizing:border-box;}
.card-heritage__cont .btn--apply {background:#ba9f5e;color:rgba(0, 0, 0, 0.87);font-weight:bold;margin:32px 0 108px;width:160px;box-sizing:border-box;}
.card-heritage__fee dt, .card-heritage__fee dd {font-size:13px;line-height:1.6rem;}
.card-heritage__fee dt {color:rgba(255,255,255,0.87);margin:16px 0 8px;}
.card-heritage__fee dd {color:rgba(255,255,255,0.6);}
.card-heritage__img {width:286px;height:180px;transform:rotate(90deg);position:absolute;top:100px;right:-20px;}
.card-heritage__img img {width:100%;box-shadow:10px -10px 20px rgba(0, 0, 0, 0.6);border-radius:.9rem;}
.card-heritage__service li {display:flex;font-size:13px;line-height:2.2;color:rgba(255,255,255,0.8);}
.card-heritage__service strong {color:#ba9f5e;min-width:125px;}

/* 2023.05.16 맞춤카드 페이지 range slide 추가 */
.annualFee_wrap {box-sizing: border-box; width: 100%; padding: 81px 100px 62px; background: #f9fafc; border-radius: 6px;}
.annualFee_wrap:before, .annualFee_wrap:after {content:''; display: table; clear: both;}
.annualFee_wrap .sliderWrap {display:table; width: 100%;}
.annualFee_wrap .sliderWrap .sliderBox {display:table-cell; width:100%; vertical-align:top;}
.annualFee_wrap .ui-widget-content {width:100%;height:12px;border:0;border-radius:5px;background:#f1f1f1}
.annualFee_wrap .ui-slider .ui-slider-range {border-radius:5px;background:#fc0;}
.annualFee_wrap .ui-state-default, .annualFee_wrap .ui-widget-content .ui-state-default, .annualFee_wrap .ui-widget-header .ui-state-default {top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:0;background:transparent;}
.annualFee_wrap .ui-slider .ui-slider-handle {z-index:100;cursor:pointer}
.annualFee_wrap .ui-slider-float .ui-slider-tip, .annualFee_wrap .ui-slider-float .ui-slider-tip-label {top:-56px;display:block;width:60px;height:36px;margin-left:-31px;border-color:#e44b3a;background:#e44b3a;color:#f7f8f8;font-size:18px;font-weight:600;text-align:center;line-height:36px;visibility:visible;opacity:1;cursor:default}
.annualFee_wrap .ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .annualFee_wrap .ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .annualFee_wrap .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .annualFee_wrap .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .annualFee_wrap .ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .annualFee_wrap .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {top:-56px}
.annualFee_wrap .ui-slider-float .ui-slider-tip:before, .annualFee_wrap .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {content:'';position:absolute;bottom:-8px;left:50%;width:0;height:0;margin-left:-4px;border:4px solid rgba(255, 255, 255, 0);border-top-color:#e44b3a}
.annualFee_wrap .ui-slider-float .ui-slider-tip:after, .annualFee_wrap .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {content:'';position:absolute;bottom:-13px;width:0;height:0;left:50%;margin-left:-4px;border:4px solid rgba(255, 255, 255, 0);border-top-color:#e44b3a;border-top-width:8px}
.annualFee_wrap .ui-slider-pips .ui-slider-pip {top:0; z-index:99; display: flex; justify-content: center;}
.annualFee_wrap .ui-slider-pips .ui-slider-line, .annualFee_wrap .ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line, .annualFee_wrap .ui-slider-pips .ui-slider-pip-inrange .ui-slider-line {height:12px; background:#fff; width:2px; margin: 0 auto; left: auto;}
.annualFee_wrap .ui-slider-pip-first .ui-slider-line, .annualFee_wrap .ui-slider-pip-last .ui-slider-line, .annualFee_wrap .ui-slider-pip-first .ui-slider-line:before, .annualFee_wrap .ui-slider-pip-last .ui-slider-line:before {width: 12px; border-radius: 50%; background: #f1f1f1;}
.annualFee_wrap .ui-slider-pip-first .ui-slider-line:before, .annualFee_wrap .ui-slider-pip-last .ui-slider-line:before {content: ''; position: absolute; height: 12px;}
.annualFee_wrap .ui-slider-pip-first[class*=ui-slider-pip-selected] .ui-slider-line:before, .annualFee_wrap .ui-slider-pip-last[class*=ui-slider-pip-selected] .ui-slider-line:before {display: none;}
.annualFee_wrap .ui-slider-pip-first .ui-slider-line:before{right: -2px;}
.annualFee_wrap .ui-slider-pip-last .ui-slider-line:before{left: -2px;}
.annualFee_wrap .ui-slider-pips .ui-slider-label {top:28px; color:rgba(0, 0, 0, 0.87); white-space: nowrap; width: auto; max-width: none; left: auto; font-size:15px; line-height:1.5; font-weight:normal; margin: 0 auto;}
.annualFee_wrap .ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {color:rgba(0, 0, 0, 0.87);font-weight:bold;}
.annualFee_wrap .ui-slider .ui-slider-handle.slider__lower-handle:before, .annualFee_wrap .ui-slider .ui-slider-handle.slider__highest-handle:before {position: absolute; content: ''; width: 32px; height: 32px; top: 0; left: 0; background: rgba(255, 204, 0, 0.25); border-radius: 50%;}
.annualFee_wrap .ui-slider .ui-slider-handle.slider__lower-handle:after, .annualFee_wrap .ui-slider .ui-slider-handle.slider__highest-handle:after {position: absolute; content: ''; width: 16px; height: 16px; top: 8px; left: 8px; background: #fc0; border-radius: 50%; border: 0;}
.annualFee_wrap .ui-slider .ui-slider-handle.slider__lower-handle .handle__obj:after, .annualFee_wrap .ui-slider .ui-slider-handle.slider__highest-handle .handle__obj:after{content: ''; position: absolute; bottom: -8px; left: calc(50% - 0.3rem); width: 0; height: 0; border-top: 7px solid rgba(0, 0, 0, 0.6); border-right: 4px solid transparent; border-left: 4px solid transparent; border-radius: 1px;}
.annualFee_wrap .ui-slider .ui-slider-pip-selected-1 .ui-slider-label:before, .annualFee_wrap .ui-slider .ui-slider-pip-selected-2 .ui-slider-label:before {content: ''; display: block;}
.annualFee_wrap .ui-slider .ui-slider-pip-selected-1 .ui-slider-label:before, .annualFee_wrap .ui-slider .ui-slider-pip-selected-2 .ui-slider-label:before {position: absolute; top: -6px; left: calc(50% - 0.3rem); width: 0; height: 0; border-bottom: 7px solid #fc0; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.annualFee_wrap .ui-slider .ui-slider-handle span.handle__obj {position: absolute; top: -36px; left: calc(50% - 1.32rem); color: rgba(0, 0, 0, 0.87); width: 3em; font-size: 13px; text-align: center; font-weight: 300; font-stretch: normal; line-height: 1.69; letter-spacing: normal;}
.annualFee_wrap .ui-slider .ui-slider-pip-selected-1 .ui-slider-label, .annualFee_wrap .ui-slider .ui-slider-pip-selected-2 .ui-slider-label {top: 32px; background: #fc0; padding: 4px 8px; border-radius: 5px; font-weight: bold;}
.annualFee_wrap .ui-slider .ui-slider-pip-first.ui-slider-pip-selected-1 .ui-slider-label {padding: 4px 14px;}

/* 맞춤카드 페이지 개선 */
.infoBox .card-finder {padding:47px 50px 50px 120px; background-image:url(https://img1.kbcard.com/home_re/pc/ico/96/ico-card-finder.png); background-size:96px;}
.chk-brand {display:flex; flex-wrap:wrap; margin:4px -4px;}
.chk-brand .formChk {min-width:calc(100% / 6); padding:4px; box-sizing:border-box; -ms-box-sizing:border-box;}
.chk-brand .formChk label {display:flex; align-items:center; width:100%; height:100%; padding:10px 12px !important; border:1px solid #e1e1e1; box-sizing:border-box; -ms-box-sizing:border-box; font-size:14px;}
.chk-brand .formChk label:before {flex:0 0 auto; position:relative; margin-right:6px;}
.chk-brand__img {width:36px; margin-right:2px;}
.chk-keyword {margin:50px 0 100px 0;}
.chk-keyword__field {display:flex; flex-wrap:wrap; margin:-16px;}
.chk-keyword__section {display:flex; flex-direction:column; width:50%; padding:16px; box-sizing:border-box; -ms-box-sizing:border-box;}
.chk-keyword__tit {display:flex; align-items:center; width:100%; margin:12px 0 16px; font-size:18px; color:#333; line-height:1; letter-spacing:-1px;}
.chk-keyword__icon {width:26px; margin-right:8px;}
.chk-keyword__form {display:flex; flex-wrap:wrap; margin:-4px;}
.chk-keyword__form .formChk {min-width:calc(100% / 3); padding:4px; box-sizing:border-box; -ms-box-sizing:border-box;}
.chk-keyword__form .formChk label {display:flex; align-items:center; width:100%; height:100%; padding:13px 10px !important; border:1px solid #e1e1e1; font-weight:bold; box-sizing:border-box;}
.chk-keyword__form .formChk label:before {flex:0 0 auto; position:relative; margin-right:8px;}
.chk-keyword__form .formChk input[type=checkbox]:checked + label {background:#fafafa;}
.chk-keyword__search {width:100%; padding:0 16px;}
.chk-keyword__search-field {display:flex; align-items:center; justify-content:center; position:relative; padding:16px; background:#f7f8f8; border-radius:12px;}
.chk-keyword__search-field input[type='text'] {width:100%; height:36px; padding-right:40px; border:0; border-radius:8px;}
.chk-keyword__search-reset {visibility:hidden; opacity:0; position:absolute; top:50%; right:24px; width:24px; height:24px; background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-close-g.svg) no-repeat 0 0; background-size:24px; text-indent:-9999px; transform:translateY(-50%); z-index:1;}
.chk-keyword__search-reset--typing {visibility:visible; opacity:1;}
.titArea--flex {display:flex; align-items:center; justify-content:space-between; padding-bottom:8px; border-bottom:1px solid #e1e1e1;}
.orderResult .resultList .titArea--flex .tit {padding-bottom:0; border-bottom:0;}