@charset "utf-8";
/* 4.06. CM  */
.titDep7 br{display:none}

/* rnb */
.cardDetail{margin-top:100px}
/* 2021.11.17 asis→tobe 개선
.cardOption{position:relative;width:210px;height:411px;background:#ededee;z-index:10}
.cardOption .radList{display:table-cell;width:170px;height:80px;padding:0 20px;border-bottom:1px solid #fff;vertical-align:middle}
.cardOption .radList .formChk{margin:8px 0}
.cardOption .radList .formChk.chkBack input[type=checkbox]{width:18px;height:18px}
.cardOption .radList .formChk label{color:#333;font-size:16px;font-weight:600}
.cardOption .serviceSel{display:table-cell;width:170px;height:124px;padding:0 20px;border-top:none;border-bottom:1px solid #fff;vertical-align:middle}
.cardOption .serviceSel dt{margin-bottom:10px;color:#333;font-size:16px;font-weight:600;line-height:1}
.cardOption .serviceSel dd .formChk{margin-top:10px;font-weight:600}
.cardOption .serviceSel dd .formRad{display:block;margin-top:5px;padding-top:1px;line-height:18px}
.cardOption .serviceSel dd .formRad input[type=radio]{left:auto;right:0;top:-1px}
.cardOption .serviceSel dd .formRad label{padding:0;font-size:12px}
.cardOption .serviceSel dd .formRad label:before{left:auto;right:0;top:-1px}
.cardOption .btns:after{display:block;content:'';clear:both;height:0}
.cardOption .btns .btnCompare{position:relative;float:left;width:105px;height:69px;padding-top:29px;color:#333;font-weight:600;text-align:center;background:#ededee}
.cardOption .btns .btnCompare:before{content:'';display:block;position:absolute;top:15px;left:50%;width:24px;height:18px;margin-left:-12px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card.png) no-repeat -24px -23px}
.cardOption .btns .compBox{float:right;border:none;border-left:1px solid #fff}
.cardOption .btns .compBox .btnCard{width:104px;height:69px;padding-top:29px;line-height:1;text-align:center;background:#ededee}
.cardOption .btns .compBox .btnCard:before{position:absolute;top:15px;left:50%;margin:0 0 0 -12px}
.cardOption .compBox .compCont, .cardOption .compBox .compFull{left:-105px}
.cardDetail .callApply{border:none;border-top:1px solid #fff;background:#ededee}
.cardDetail{margin-top:100px}
.cardApply{display:block;width:100%;height:76px;padding:0;margin:0;color:#333;font-weight:600;font-size:18px;line-height:79px;border-top:1px solid #fff;text-align:center;background:#ffde02}
.cardApply:hover{color:#333}
.serviceSel dd .formRad label +.tipLayer{position:absolute;top:2px;right:29px;display:block;width:15px;height:15px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card.png) no-repeat -50px -33px;}
.cardOption2{display:none;position:fixed;top:80px;left:50%;width:210px;margin:0 0 0 270px;background:#fff;z-index:100}
.cardOption2 .radList{display:block;padding:10px 20px;height:auto;border-bottom:1px solid #3d4553;background:#4b5464}
.cardOption2 .radList .formChk{margin:5px 0}
.cardOption2 .radList .formChk label{color:#fff;font-size:14px}
.cardOption2 .serviceSel{display:block;height:auto;padding:15px 20px;border-color:#3d4553;background:#4b5464}
.cardOption2 .serviceSel dt{font-size:14px}
.cardOption2 .serviceSel dt, .cardOption2 .serviceSel dd .formRad label{color:#fff}
.cardOption2 .btns .btnCompare, .cardOption2 .btns .compBox .btnCard{height:45px;padding:0;line-height:45px;color:#fff;background:#555e6e}
.cardOption2 .btns .btnCompare:before, .cardOption2 .btns .compBox .btnCard:before{display:none}
.cardOption2 .btns .compBox{border-color:#3d4553}
.cardOption2 .compBox button strong{color:#ffde02}
.cardOption2 .callApply{color:#fff;line-height:45px;border:none;background:#555e6e}
.cardOption2 .callApply:before{background-position:0 -24px}
.cardOption2 .cardApply{height:55px;line-height:55px;border-color:#3d4553}
.cardOption2 .btns+.callApply{border-top:1px solid #3d4553}
.cardBenefit{padding:25px 12px 10px 18px;border-bottom:1px solid #3d4553;background:#4b5464}
.cardBenefit .tit{padding-bottom:9px;color:#fff;font-size:18px;font-weight:600;line-height:24px}
.cardBenefit .listType1 li{position:relative;padding-bottom:3px;color:#d8d8d8;font-weight:600;background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_sq01.gif)}
.cardBenefit .listType1 li span{display:block;overflow:hidden;padding-bottom:2px;color:#d8d8d8;font-weight:600;text-overflow:ellipsis;white-space: nowrap;}
.cardBenefit .listType1 li .overTxt{display:none;position:absolute;bottom:30px;left:17px;width:170px;padding:2px 10px;color:#333;font-weight:600;line-height:20px;border:2px solid #ffde02;border-radius:3px 3px 3px 0;background:#fff}
.cardBenefit .listType1 li span:hover + .overTxt{display:block}
.cardBenefit .listType1 li span+.overTxt:after{content:'';display:block;position:absolute;bottom:-7px;left:-2px;width:5px;height:5px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card.png) no-repeat -110px -32px}
.cardOption2 .callNum{line-height:38px;border-bottom:1px solid #e1e1e1}
.cardOption2 .cardBenefit{border:none} */
.cardOption{position:relative;width:210px;height:auto;background:#fff;z-index:10;border:1px solid rgba(0,0,0,0.16);border-radius: 8px;}
.cardOption .radList{display:table-cell;width:170px;padding:20px;border-bottom:1px solid rgba(0,0,0,0.16);vertical-align:middle}
.cardOption .radList .formChk{margin:8px 0}
.cardOption .radList .formChk.chkBack input[type=checkbox]{width:18px;height:18px}
.cardOption .radList .formChk label{color:#333;font-size:16px;font-weight:600}
.cardOption .serviceSel{display:table-cell;width:170px;height:auto !important;padding:20px;border-top:none;border-bottom:1px solid rgba(0,0,0,0.16);vertical-align:middle}
.cardOption .serviceSel dt{margin-bottom:10px;color:#333;font-size:16px;font-weight:600;line-height:1}
.cardOption .serviceSel dd .formChk{margin-top:10px;font-weight:600}
.cardOption .serviceSel dd .formRad{display:block;margin-top:5px;padding-top:1px;line-height:18px}
.cardOption .serviceSel dd .formRad input[type=radio]{left:auto;right:0;top:-1px}
.cardOption .serviceSel dd .formRad label{padding:0;font-size:12px}
.cardOption .serviceSel dd .formRad label:before{left:auto;right:0;top:-1px}
.cardOption .btns:after{display:block;content:'';clear:both;height:0}
.cardOption .btns .btnCompare{position:relative;float:left;width:105px;height:69px;padding-top:40px;color:#333;font-weight:600;text-align:center;background:#fff}
.cardOption .btns .btnCompare:before{content:'';display:block;position:absolute;top:20px;left:50%;width:24px;height:18px;margin-left:-12px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card.png) no-repeat -24px -23px}
.cardOption .btns .compBox{float:right;border:none;}
.cardOption .btns .compBox .btnCard{width:105px;height:69px;padding-top:40px;line-height:1;text-align:center;background:#fff}
.cardOption .btns .compBox .btnCard:before{position:absolute;top:20px;left:50%;margin:0 0 0 -12px}
.cardOption .compBox .compCont, .cardOption .compBox .compFull{left:-105px}
.cardDetail .callApply{border:none;background:#f1f1f1;border-radius: 5px;}
.cardDetail{margin-top:100px}
.cardApply{display:block;width:100%;height:60px;padding:0;margin:0;color:#333;font-weight:600;font-size:18px;line-height:60px;text-align:center;background:#fc0;border-radius:5px;}
.cardApply:hover{color:#333}
.serviceSel dd .formRad label +.tipLayer{position:absolute;top:2px;right:29px;display:block;width:16px;height:16px;background:url(https://img1.kbcard.com/home_re/pc/ico/16/icon-info.png) no-repeat}
.cardOption .btns+div{padding:20px}
.cardOption2 .btns+div {padding:0;}
.callApply+.cardApply{margin-top: 8px;}
.cardOption2 .callApply+ .cardApply{margin-top: 0}
.cardOption2{display:none;position:fixed;top:80px;left:50%;width:210px;margin:0 0 0 270px;background:#fff;z-index:100;border:none;border-radius: 12px;overflow: hidden;}
.cardOption2 .radList{display:block;padding:10px 20px;height:auto;border-bottom:1px solid #3d4553;background:#4b5464}
.cardOption2 .radList .formChk{margin:5px 0}
.cardOption2 .radList .formChk label{color:#fff;font-size:14px}
.cardOption2 .serviceSel{display:block;height:auto;padding:15px 20px;border-color:#3d4553;background:#4b5464}
.cardOption2 .serviceSel dt{font-size:14px}
.cardOption2 .serviceSel dt, .cardOption2 .serviceSel dd .formRad label{color:#fff}
.cardOption2 .btns .btnCompare, .cardOption2 .btns .compBox .btnCard{height:45px;padding:0;line-height:45px;color:#fff;background:#555e6e}
.cardOption2 .btns .btnCompare:before, .cardOption2 .btns .compBox .btnCard:before{display:none}
.cardOption2 .btns .compBox{border-color:#3d4553}
.cardOption2 .compBox button strong{color:#ffde02}
.cardOption2 .callApply{color:#fff;line-height:59px;border:none;background:#555e6e;border-radius: 0;}
.cardOption2 .callApply:before{background-position:0 -24px}
.cardOption2 .cardApply{height:60px !important;line-height:60px;border-color:#3d4553;border-radius: 0;}
.cardOption2 .btns+.callApply{border-top:1px solid #3d4553}
.cardBenefit{padding:25px 12px 10px 18px;border-bottom:1px solid #3d4553;background:#4b5464}
.cardBenefit .tit{padding-bottom:9px;color:#fff;font-size:18px;font-weight:600;line-height:24px;}
.cardBenefit .listType1 li{position:relative;padding-bottom:3px;color:#d8d8d8;font-weight:600; background: none; }
.cardBenefit .listType1 li span{display:block;overflow:hidden;padding-bottom:2px;color:#d8d8d8;font-weight:600;text-overflow:ellipsis;white-space: nowrap;}
.cardBenefit .listType1 li .overTxt{display:none;position:absolute;bottom:30px;left:17px;width:170px;padding:2px 10px;color:#333;font-weight:600;line-height:20px;border:2px solid #ffde02;border-radius:3px 3px 3px 0;background:#fff}
.cardBenefit .listType1 li span:hover + .overTxt{display:block}
.cardBenefit .listType1 li span+.overTxt:after{content:'';display:block;position:absolute;bottom:-7px;left:-2px;width:5px;height:5px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card.png) no-repeat -110px -32px}
.cardOption2 .callNum{line-height:38px;border-bottom:1px solid #e1e1e1}
.cardOption2 .cardBenefit{border:none}

/* 간편신청 비 대상카드 */
.cardOption.notEasycard {}
.cardOption.notEasycard .callApply {display:none;}
/* 2021.11.17 asis→tobe 개선
.cardOption.notEasycard .serviceSel {height:157px; padding-top:28px; vertical-align:top;} */

.cardOption2.notEasycard {}
.cardOption2.notEasycard .serviceSel {height:auto;padding:15px 20px;}

.cardRnb{margin-top:30px;display:none !important}
.cardRnb .rList{margin-top:10px}
.cardRnb .callNum{border-bottom:1px solid #e1e1e1}
.rBanner{display:block;margin-top:10px;padding:17px 19px 14px;border:1px solid #e1e1e1;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_rBanner01.gif) no-repeat 138px 32px}
.rBanner span{display:block;margin-bottom:5px;font-size:12px}
.rBanner strong{display:block;width:110px;color:#333;font-size:16px;font-weight:600;line-height:24px}

/* cont */
.contents .cardView{position:relative;float:left;width:749px;margin-top:0}
.cardBox{width:720px}/* 749px */
.cardBox .cardTit{height:100px}
.cardBox .cardTit .tit{font:600 36px NanumGothic, "나눔고딕", NG;text-align:center;color:#333;line-height:1;letter-spacing:-2px}
.cardBox .cardTit .tit br{display:none}
.cardBox .cardTit .txt{padding-top:14px;font-size:18px;text-align:center}
/* 2021.11.17 asis→tobe 개선
.cardBox .cardCont{height:auto;padding:20px 0 0;text-align:center;background:#f6f6f6} */
.cardBox .cardCont{height:auto;padding:20px 0 0;text-align:center;background:#f1f4f8;border-radius: 8px;}
.cardBox .cardCont .cardKind{position:relative;display:inline-block;margin:0 auto;z-index:100}
.cardBox .cardCont .cardKind li{position:relative;float:left;padding:0 10px 0 11px}
.cardBox .cardCont .cardKind li a{display:block;padding:0 10px;color:#333;font-weight:600;line-height:30px}
.cardBox .cardCont .cardKind li:before{content:'|';display:block;position:absolute;top:7px;left:0;color:#8c929d;font-size:13px}
.cardBox .cardCont .cardKind li:first-child:before{display:none}
/* 2021.11.17 asis→tobe 개선
.cardBox .cardCont .cardKind li.on a{color:#fff;border-radius:3px;background:#7361c5} */
.cardBox .cardCont .cardKind li.on a{color: rgba(0,0,0,0.87);    border-radius: 3px;    background: #fff;}
.cardBox .cardCont .cardKind .cardPreview{display:none;position:absolute;top:45px;left:50%;width:160px;margin-left:-210px;padding:20px;border:5px solid #9198a8;background:#fff}
.cardBox .cardCont .cardKind .cardPreview:before{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_card.png) no-repeat -117px -19px}
.cardBox .cardCont .cardKind .cardPreview a{display:block;padding:0;text-align:center}
.cardBox .cardCont .cardKind .cardPreview a img{height:101px}
.cardBox .cardCont .cardKind .cardPreview strong{display:table-cell;width:160px;height:56px;padding:0 20px;color:#333;font-weight:600;line-height:18px;text-align:center;vertical-align:middle}
/* 2021.11.17 asis→tobe 개선
.cardBox .cardCont .cardBoxInner{position:relative;margin-top:40px;padding:0 50px 50px 50px;border-bottom:1px solid #fff;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardBox2.gif) no-repeat 54px 0;z-index:10}
.cardBox .cardCont .cardBoxInner:after{content:'';clear:both;display:block;visibility:visible}
.cardBox .cardCont .cardBoxInner .img{float:left}
.cardBox .cardCont .cardBoxInner .img img{width:310px;height:195px}
.cardBox .cardCont .cardBoxInner .cardList1{float:right;width:308px;height:193px;border:1px solid #cecece;border-radius:10px;border:1px solid #cecece;background:#fff}
.cardBox .cardCont .cardBoxInner .cardList1 li{float:left;width:103px;margin:0;padding:19px 0;text-align:center}
.cardBox .cardCont .cardBoxInner .cardList1 li:first-child{width:102px}
.cardBox .cardCont .cardBoxInner .cardList1 li p{display:table-cell;width:102px;height:42px;padding-bottom:6px;vertical-align:middle;text-align:center;color:#333;font-size:14px;font-weight:600;border-left:1px solid #e5e5e5}
.cardBox .cardCont .cardBoxInner .cardList1 li strong{display:block;height:60px;color:#fff;font-size:16px;font-weight:normal;letter-spacing:-1px;line-height:60px;border-left:1px solid #6757b1;background:#7361c5}
.cardBox .cardCont .cardBoxInner .cardList1 li strong em{display:inline-block;padding-right:3px;font-size:20px;font-family:Arial,"나눔고딕", NanumGothic, "NG"}
.cardBox .cardCont .cardBoxInner .cardList1 li span{display:table-cell;width:102px;height:47px;vertical-align:middle;border-left:1px solid #e5e5e5}
.cardBox .cardCont .cardBoxInner .cardList1 li:first-child p, .cardBox .cardCont .cardBoxInner .cardList1 li:first-child strong, .cardBox .cardCont .cardBoxInner .cardList1 li:first-child span{border:none}
.cardBox .cardCont .cardBoxInner.noBenefit{margin-left:170px}
.cardBox .cardCont .cardBoxInner .cardList1.benefitOne li, .cardBox .cardCont .cardBoxInner .cardList1.benefitOne li p, .cardBox .cardCont .cardBoxInner .cardList1.benefitOne li span{width:308px}
.cardBox .cardCont .cardBoxInner .cardList1.benefitTwo li, .cardBox .cardCont .cardBoxInner .cardList1.benefitTwo li p,.cardBox .cardCont .cardBoxInner .cardList1.benefitTwo li span{width:154px} */
.cardBox .cardCont .cardBoxInner{position:relative;margin-top:40px;padding:0 30px 50px;border-bottom:1px solid #fff;z-index:10;display: flex;justify-content: space-between;align-items: center;}
.cardBox .cardCont .cardBoxInner:after{content:'';clear:both;display:block;visibility:visible}
.cardBox .cardCont .cardBoxInner .img{float:left}
.cardBox .cardCont .cardBoxInner .img img{width:250px;height:158px}/*width:310px;height:195px DEFC-0000002953*/
.cardBox .cardCont .cardBoxInner .cardList1{width:390px;height:158px;margin-left:20px;display: flex;align-items: start;}/*width:308px;height:195px;align-items: center DEFC-0000002953*/ /*20220121 최상림, 좌측 카드와 너무 붙어있어 넓이값 재조정, https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0076?mainCC=a&cooperationcode=04420&categoryCode=L0049&sGroupCode=1 */
.cardBox .cardCont .cardBoxInner .cardList1 li{width:33%;margin:0;padding:19px 0;text-align:center}
.cardBox .cardCont .cardBoxInner .cardList1 li:first-child{width:34%}
/* 20220121 최상림, 2줄이상 텍스트 들어가는 상황을 고려해 수정, https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0076?mainCC=a&cooperationcode=09252&categoryCode=L0051&sGroupCode=1 */
/* .cardBox .cardCont .cardBoxInner .cardList1 li p{display:block;width:100%;height:30px;line-height:30px;color:#333;font-size:15px;font-weight:600;letter-spacing: -1px;} */
.cardBox .cardCont .cardBoxInner .cardList1 li p{display:block;width:100%;height:auto;margin-bottom:4px;line-height:22px;color:#333;font-size:15px;font-weight:600;letter-spacing: -1px;}
/* 20220121 최상림, 2줄 이상 텍스트 들어가는 상황을 고려해 수정, https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0076?mainCC=a&cooperationcode=02067&categoryCode=L0094&sGroupCode=2#fitContents */
/* .cardBox .cardCont .cardBoxInner .cardList1 li strong{display:block;height:40px;color:rgba(0,0,0,0.87);font-size:16px;font-weight:normal;letter-spacing:-1px;line-height:40px;} */
.cardBox .cardCont .cardBoxInner .cardList1 li strong{display:block;height:auto;padding:3px 0 0;color:rgba(0,0,0,0.87);font-size:16px;font-weight:normal;letter-spacing:-1px;line-height:32px;}
.cardBox .cardCont .cardBoxInner .cardList1 li strong em{display:inline-block;padding-right:3px;font-size:20px;font-weight: 600;}
.cardBox .cardCont .cardBoxInner .cardList1 li span{display:block;width:100%;height:30px;line-height:30px;}
.cardBox .cardCont .cardBoxInner .cardList1 li:first-child p, .cardBox .cardCont .cardBoxInner .cardList1 li:first-child strong, .cardBox .cardCont .cardBoxInner .cardList1 li:first-child span{border:none}
/*.cardBox .cardCont .cardBoxInner.noBenefit{margin-left:170px}/* 2022-02-16 황희진 결함처리 */
.cardBox .cardCont .cardBoxInner .cardList1.benefitOne li, .cardBox .cardCont .cardBoxInner .cardList1.benefitOne li p, .cardBox .cardCont .cardBoxInner .cardList1.benefitOne li span{width:308px}
.cardBox .cardCont .cardBoxInner .cardList1.benefitTwo li, .cardBox .cardCont .cardBoxInner .cardList1.benefitTwo li p,.cardBox .cardCont .cardBoxInner .cardList1.benefitTwo li span{width:154px}
/* 세로카드 대응 */
.cardBox .cardCont .cardBoxInner.row{height:175px}/*height:195px DEFC-0000002953*/
.cardBox .cardCont .cardBoxInner.row .img img{transform: rotate(90deg)}

.cardBox .cardCont .cardInfo {display:block;position:static;width:auto;height:auto;padding:20px 0 7px 20px;text-align:left;background:none}
.cardBox .cardCont .cardInfo:after, .cardBox .cardCont .cardInfo dl:after{content:'';clear:both;display:block;visibility:visible}
.cardBox .cardCont .cardInfo dl{display:table-cell;height:69px;padding-left:30px;vertical-align:middle}
.cardBox .cardCont .cardInfo dl dt, .cardBox .cardCont .cardInfo dl dd{float:left}
.cardBox .cardCont .cardInfo dl dt{width:61px;font-weight:600}
.cardBox .cardCont .cardInfo dd{width:250px;text-align:left}
.cardBox .cardCont .cardInfo .cardBrand dd img{margin:0 20px 8px 0}
.cardBox .cardCont .cardInfo dl dd span{display:inline-block;padding-bottom:10px;font-size:12px}
.cardBox .cardCont.giftCard .cardBoxInner{padding:66px 0 50px 220px;background-position:227px 100%}
.cardBox .cardCont.giftCard .cardInfo{padding-left:100px}
.cardBox .cardCont.giftCard .cardInfo dl dd{width:230px}
/* 2022-01-27 AsIs->ToBe 
.cardBox .cardCont.verticalCard .cardBoxInner{margin:0;padding:25px 50px 26px 154px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardBox3.gif) no-repeat 154px 100%}
.cardBox .cardCont.verticalCard .cardBoxInner .img img{width:146px;height:230px}
.cardBox .cardCont.verticalCard .cardBoxInner .cardList1{margin-top:10px}
*/
.cardBox .cardCont.cardMobile .cardBoxInner{padding-top:65px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardBox4.gif) no-repeat 62px 100%}
.cardBox .cardCont.cardMobile .cardBoxInner .cardList1 li strong em{display:table-cell;width:150px;height:60px;font-size:16px;line-height:18px;vertical-align:middle}
/*  모바일단독카드 연회비관련 CSS추가  */
.cardBox .cardCont .cardInfo dl.cardBrand {height:48px;}
.cardBox .cardCont .cardInfo dl.cardFee {height:auto;}

.benefitList1{overflow:hidden;width:100%;margin-top:30px}/* width:720px; https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0076?mainCC=a&cooperationcode=09065 */
.benefitList1 .titDep3{margin:20px 0 0 0}
.benefitList1 ul{display:flex;flex-wrap:wrap;overflow:hidden;width:100%;margin-top:-1px}/* display flex-wrap width:728px; https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0076?mainCC=a&cooperationcode=09065 */
.benefitList1 ul:after{content:'';clear:both;display:block;position:relative;width:100%;height:1px;background:#fff;visibility:visible}/* margin-top:-1px; https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0076?mainCC=a&cooperationcode=09065 */
.benefitList1 li{position:relative;display:inline-block;width:50%;min-height:80px;margin-left:-4px;padding:20px 0;border-bottom:1px dashed #ddd;}/* vertical-align: top; https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0076?mainCC=a&issueStateType=3&cooperationcode=09061 */
.benefitList1 li .wrap{display:table-cell;width:230px;min-height:80px;padding:0 30px 0 104px;vertical-align:middle;}/* https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0076?mainCC=a&issueStateType=3&cooperationcode=09061*/
.benefitList1 li img{position:absolute;top:20px;left:4px;width:80px;height:80px}
.benefitList1 li .tit{display:block;padding:0 0 5px 0;color:#333}
.benefitList1 li .txt{display:block;font-size:18px;color:#333;line-height:24px}
.benefitList1 li span em{color:#614cc2;font-weight:600}
.benefitList1 + .benefitList1{margin-top:10px;border-top:1px solid #ddd}
.benefitList1 + .benefitList1 .titDep3{margin-top:30px}

.kbBtn.cardBtn{display:block;width:100%;margin-top:10px;border-radius:5px;text-align:center;background:#ddd}
.kbBtn.cardBtn span{position:relative;display:inline-block;padding:0 16px;color:#333;font-size:16px;font-weight:600;line-height:50px}
.kbBtn.cardBtn span:after{content:'';display:block;position:absolute;top:20px;right:0;width:6px;height:10px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_btn.png) no-repeat -50px 0}

.boxType1.cardType{position:relative; margin-top:32px;}/* 2022-02-04 asis→tobe 개선 */
.boxType1.cardType ~ .boxType1.cardType {margin-top:8px;}/* 2022-02-04 asis→tobe 개선 */
.boxType1.cardType .btnArea{position:absolute;top:50%;right:0;margin-top:0;transform:translate(0,-50%);}/*right:30px;margin-top:-12px;transform: translate(0,-50%); https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0076?mainCC=a&cooperationcode=09061*/
.btnXS.adobe {padding-left:30px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/icon_pdf.gif) no-repeat 8px 7px}

.relationList{height:49px;padding-left:10px;border:1px solid #e1e1e1}
.relationList:after{content:'';clear:both;display:block;visibility:visible}
.relationList a{position:relative;display:block;float:left;margin:0 30px 0 20px;padding-right:18px;font-size:16px;font-weight:600;line-height:49px}
.relationList a:after{content:'';display:block;position:absolute;top:17px;right:0;width:9px;height:14px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_btn.png) no-repeat -155px -24px}
.relationList a:hover{color:#666}
/* 2021.11.17 asis→tobe 개선
.contents .contentDetail{padding-top:30px} */
.contents .contentDetail{width:730px !important;padding-top:30px}
.contents .contentDetail .tblH td{word-break:break-all}
.addLine{margin-top:30px;padding-top:30px;border-top:1px solid #e7e7e7}
.benefitBox1.addLine .titArea{position:static}
.benefitBox1.addLine .titArea .img{position:absolute;top:30px;left:0}
.benefitBox1+.serviceBox{margin-top:-30px}
.benefitBox1+.serviceBox.platinum{margin-top:-30px}
.titDep2.addLine{padding:0 0 20px;border-top:none;border-bottom:1px solid #e7e7e7}
.annotation{color:#329f9a}
.txtInfo.annotation{color:#666}
.txtInfo.annotation strong.tit{display:block;padding-bottom:2px;color:#333}
.txtInfo.annotation:before{background-position:-56px 0}

.cardBox.usim .cardCont{height:328px}
.cardBox .cardCont .cardBoxInner.usimBenefit .cardList1{margin-top:15px}
.cardBox .cardCont .cardBoxInner.usimBenefit{margin-top:25px;height:223px;padding-left:150px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardBox8.gif) no-repeat 150px 100%}
.cardBox .cardCont .cardBoxInner.usimBenefit .img img{width:160px;height:220px}
.cardBox .cardCont .cardBoxInner.usimBenefit .cardList1 li strong{height:81px;padding-top:8px;line-height:1.2}
.cardBox .cardCont .cardBoxInner.usimBenefit .cardList1 li{padding:0}
.cardBox .cardCont .cardBoxInner.usimBenefit .cardList1 li p{height:54px;padding:0;font-size:18px}
.bizOption.bizOption5{height:95px}
.bizOption5 dd{font-size:16px !important;font-weight:600}
.cardApply.usimCard{border-top:none}
.cardOption.usimOption{height:348px}
/* 2021.11.17 asis→tobe 개선
button.cardList2{position:absolute;top:33px;right:-210px;width:208px;height:36px;padding-left:20px;font:600 16px/34px NanumGothic, "나눔고딕", NG;border:2px solid #707784;color:#333;text-align:left;background:#fff}*/
button.cardList2{position:absolute;top:33px;right:-210px;width:208px;height:36px;padding-left:20px;font:600 16px/34px NanumGothic, "나눔고딕", NG;border:1px solid #707784;color:#333;text-align:left;background:#fff;border-radius: 4px;}
button.cardList2:after{content:'';display:block;position:absolute;top:11px;right:12px;width:14px;height:14px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card.png) no-repeat -70px -34px}
.popCardlist{display:none;position:absolute;top:83px;left:50%;width:960px;margin:0 0 0 -375px !important;z-index:9999}
.cardInner{position:relative;padding-bottom:30px;background:#fff;z-index:1000}
.cardInner .tit{padding:30px 0;color:#333;font-size:24px;font-weight:600;line-height:1;text-align:center}
.cardInner .tit span{display:inline-block;padding-left:10px;font-size:16px}
.cardInner .tit span em{color:#e44b3a}
.cardInner .listWrap{overflow:auto;max-height:292px;margin:0 0 0 31px;}
.cardInner .listWrap ul:after{content:'';clear:both;display:block}
.cardInner .listWrap ul li{display:inline-block;width:142px;min-height:168px;max-height:170px;margin:0 17px;padding-bottom:20px;text-align:center;vertical-align:top}
.cardInner .listWrap ul li a{display:block}
.cardInner .listWrap ul li span{display:block}
.cardInner .listWrap ul li .img{width:142px;margin-bottom:7px;font:0/0 Arial}
.cardInner .listWrap ul li .img img{height:90px}
.cardInner .listWrap ul li .cardTit{display:block;color:#333;font-weight:600;line-height:18px}
.popCardlist .layClose{position:absolute;top:-50px;right:0;width:208px;height:36px;padding-left:20px;color:#333;font:600 16px/34px NanumGothic, "나눔고딕", NG;text-align:left;border:2px solid #fff;background:#fff;z-index:1000;text-indent:0}
.popCardlist .layClose:after{content:'';display:block;position:absolute;top:9px;right:12px;width:14px;height:14px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_card.png) no-repeat -88px -34px}

.pointTxt{font-size:18px;line-height:26px}
.benefitBox1{position:relative}
.benefitBox1 + .benefitBox1{margin-top:50px}
.benefitBox1 .titArea{display:table-cell;width:640px;min-height:0;margin:0;padding:0 0 20px 80px;vertical-align:middle}
/*결함 ID DEFC-0000004229 display:none; https://tcard.kbcard.com/CRD/DVIEW/HCAMCXPRICAC0076?mainCC=a&cooperationcode=09305 - 박진수 : 보여야할 이미지가 안보여 결함으로 올라와 다시 원복했습니다.*/
.benefitBox1 .titArea .img{position:absolute;top:0;left:0;width:64px;height:64px}
.benefitBox1 .titArea .txt{padding-top:15px;font-size:24px;font-family: 'KBFGDisplayM';line-height:30px;letter-spacing: -1px;}
.benefitBox1 .titArea .sTit {display:block; min-height: 5px;margin-top: 5px;}
.benefitBox1 .titArea .sTit + .txt  {padding-top:5px;}
.benefitBox1 .titArea .txt + .txt {padding-top:5px;font-family: 'KBFGText';}
.benefitBox1 + .listType1, .benefitBox1 + .withDrawList, .benefitBox1 + table, .benefitBox1 + .titDep3{margin-top:20px}

.pointree1{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.pointree1:after{content:'';clear:both;display:block}
.pointree1 li{position:relative;float:left;width:238px;height:75px;padding-top:104px;border-left:0;line-height:20px;text-align:center;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_arrow_line.gif) no-repeat 0 0}
.pointree1 li:before{content:'';position:absolute;width:64px;height:64px;top:30px;left:50%;margin-left:-32px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_pointree.png) no-repeat center 0}
.pointree1 li.num1{background:none}
.pointree1 li.num2:before{background-position:center -200px}
.pointree1 li.num3:before{background-position:center -400px}
.pointree1 li > p{display:inline-block;margin:0 auto 18px;padding-left:18px;text-align:left;margin:0 auto;text-indent:-18px;color:#333}
.pointree1 li > p > span{color:#329f9a;font-weight:600;font-size:16px}
.pointree2 li {height:78px;padding-top:180px;background:url(https://img1.kbcard.com/LT/images_r/shop/marketing/bg_line_v.gif) repeat-y 0 0}
.pointree2 li:before{width:130px;height:157px;top:0;margin-left:-75px}
.pointree2 li.num1:before{background-position:center -577px}
.pointree2 li.num2:before{background-position:center -877px}
.pointree2 li.num3:before{background-position:center -1185px}
.partner1{width:720px;border-top:1px solid #e7e7e7;overflow:hidden}
.partner1 ul{margin-left:-1px}
.partner1 li{float:left;width:179px;height:89px;border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
.partner1:after{content:'';clear:both;display:block}

.titProd{width:720px;height:100px;text-align:center}
.titProd span{display:block;margin-top:18px;font-size:18px}
.benefitList{margin-top:20px}
.benefitList:after{content:'';clear:both;display:block;visibility:visible}
.benefitList li{padding:20px 0 18px 30px;color:#333;font-size:18px;line-height:18px;border-bottom:1px solid #e7e7e7}
.benefitList li em{display:inline-block;width:150px;color:#666;font-size:14px}
.benefitList li strong{color:#614cc2}
.kbBtn.nextTab{display:block;width:100%;margin-top:30px;border-radius:5px;text-align:center;background:#715fc4}
.kbBtn.nextTab span{position:relative;display:inline-block;padding:0 16px;color:#fff;font-size:16px;font-weight:600;line-height:50px}
.kbBtn.nextTab span:after{content:'';display:block;position:absolute;top:20px;right:0;width:6px;height:10px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_btn.png) no-repeat -32px 0}

.otherList:after{content:'';clear:both;display:block;visibility:visible}
.otherList li{position:relative;float:left;width:210px;margin-left:40px}
.otherList li:first-child{margin:0}
.otherList li .img img{width:210px;height:133px}
.otherList li .cardDetail{display:none;position:absolute;top:0;left:0;width:208px;height:117px;padding-top:14px;border:1px solid #b7b7b7;border-radius:8px;background:#fff}
.otherList li .cardDetail .tit{display:table-cell;width:210px;height:36px;margin:0 -1px;padding:4px 0 5px;color:#fff;font-weight:600;line-height:18px;text-align:center;vertical-align:middle;background:#715fc4}
.otherList li .cardDetail .cardBenefit{margin-top:9px}
.otherList li .cardDetail .cardBenefit:after{content:'';clear:both;display:block;visibility:visible}
.otherList li .cardDetail .cardBenefit li{float:left;width:68px;margin:0;border-left:1px solid #e5e5e5;text-align:center}
.otherList li .cardDetail .cardBenefit li:first-child{border:none}
.otherList li .cardDetail .cardBenefit li strong{display:block;color:#715fc4;font:24px/1 Arial;vertical-align:bottom}
.otherList li .cardDetail .cardBenefit li strong em{font:14px/15px NanumGothic, '나눔고딕', NG}
.otherList li .cardDetail .cardBenefit li span{display:table-cell;width:68px;height:30px;margin-top:3px;font-size:12px;vertical-align:middle}
.otherList li a:hover .cardDetail{display:block}
.otherList li .cardSearch{display:block;height:36px;padding-top:97px;color:#fff;font-size:18px;font-weight:600;text-align:center;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardSearch.jpg) no-repeat}

.cardList{position:absolute;top:93px;right:0;width:210px}
.cardList .btnList{display:block;width:210px;position:relative;padding-left:20px;color:#333;font-size:16px;font-weight:600;line-height:36px;text-align:left;border:2px solid #707784;background:#fff}
.cardList .btnList:after{content:'';display:block;position:absolute;top:14px;right:12px;width:14px;height:9px;background:url(https://img1.kbcard.com/LT/images_r/common/bg_btn.png) no-repeat -169px -24px}

.dlType dt{padding-bottom:20px;color:#333;font-size:18px;font-weight:600;line-height:1}
.dlType dd+dt{padding-top:50px}

/* 기업 신용카드 */
.cardBiz .cardCont{height:335px}
.cardRight.biz .cardOption{height:355px}
.cardBiz .cardCont .cardBoxInner{padding-bottom:69px;border-bottom:none;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardBox9.gif) no-repeat 50px 100%}
.cardRight.biz .cellWrap{background:#ededee}
.bizOption{display:table-cell;width:210px;height:69px;padding:0 20px;border-bottom:1px solid #fff;vertical-align:middle}
.bizOption dt{color:#333;font-weight:600}
.bizOption dd{margin-top:8px;font-size:12px}
.bizOption dd *{font-size:12px}
.bizOption2{height:87px}
.bizOption2 dd{margin:0;font:0/0 Arial}
.bizOption2 dd img{margin:8px 5px 0 0}
.bizOption3{height:85px}
.bizOption4{padding-left:20px;color:#333;line-height:42px;font-weight:600}
.cardRight.biz .cardApply{height:69px;line-height:69px}
.cardRight.biz .cardOption2 .cardApply{height:55px;line-height:55px;border-top:none}
.cardRnb .callNum{border-top:1px solid #e1e1e1}

.bizBanner{margin-top:30px;padding:19px 20px 20px;border:1px solid #e1e1e1}
.bizBanner a{display:block;background:url(https://img1.kbcard.com/LT/images_r/biz/product/bg_banner.gif) no-repeat 100% 100%}
.bizBanner a span{display:block;font-size:12px;line-height:16px}
.bizBanner a strong{display:block;margin-top:8px;color:#333;font-size:16px;line-height:24px}

/* 선불카드 */
.contents .cardView.gift, .contents .cardView.gift .cardBox{width:720px}
.cardView.gift{margin-top:30px}
.cardView.gift .cardBox .cardTit{height:63px}
.cardView.gift .cardBox .cardTit .tit{text-align:left}
.cardView.gift .cardBox .cardCont{height:366px}
.cardView.gift .cardBox .cardCont .cardBoxInner{height:250px;margin-top:15px;padding:0 0 0 75px;background:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_cardBox6.gif) no-repeat 75px 100%}
.cardView.gift .cardBox .cardCont .cardBoxInner .img img{width:570px;height:220px}
.cardView.gift .cardInfo{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}

/* 청춘대로카드 */
.infoBox.cardview{background-color:#e0ecf6}
.infoBox.cardview .inner{padding:27px 0 30px 174px}
.infoBox .card01{background-image:url(https://img1.kbcard.com/LT/images_r/personal/product/bg_infobox_card01.png)}
.tbltype01 dl{display:table;width:100%}
.tbltype01 dt, .tbltype01 dd{display:table-cell;width:50%;border-top:1px solid #e1e1e1;height:36px;padding:11px 0;line-height:18px;text-align:center;vertical-align:middle}
.tbltype01 dt{font-weight:600;color:#000;border-right:1px solid #e1e1e1;background:#f9f9f9}
.tbltype01 .redLine{border-top:1px solid #e44b3a;border-bottom:1px solid #e44b3a}
.tbltype01 .redLine dt{border-left:1px solid #e44b3a;border-top:none} 
.tbltype01 .redLine dd{border-right:1px solid #e44b3a;border-top:none}

/* 쿠폰서비스*/
.serviceBox03{margin-top:50px;padding:62px 0 30px;background:#696b7c url(https://img1.kbcard.com/LT/images_r/personal/service/bg_platinum02.gif) 0 0 no-repeat}
.serviceBox03 .topCon{text-align:center;color:#333}
.serviceBox03 .topCon strong{font-size:36px}
.serviceBox03 .topCon p{padding:13px 0 20px;font-size:16px;line-height:24px;color:#333}
.serviceBox03 .con{width:660px;margin:0 auto;border-radius:5px;padding:0;border:1px solid #c4dcd0;background:#fff;text-align:center;overflow:hidden}
.sList03{width:670px}
.sList03 li{float:left;width:145px;height:200px;padding:10px 10px 0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.sList03 li a{display:inline-block;position:relative;width:145px;height:55px;padding-top:135px;line-height:20px;color:#666}
.sList03 li.on a{font-weight:600;color:#333}
.sList03.couponIcon li a:after{top:30px}
.couponBox:after,.couponBox .rolling li .subCon ul:after,.sList01:after,.sList02:after,.sList03:after,.couponTab:after,.cardList1:after,.cardList2:after{content:'';display:block;height:0;clear:both}
.couponIcon li a:after{content:'';display:block;position:absolute;top:0;left:50%;width:80px;height:80px;margin-left:-40px;background:url(https://img1.kbcard.com/LT/images_r/personal/service/bg_img02.png) 0 0 no-repeat}
.couponIcon li.flightCoupon a:after{background-position:0 0}
.couponIcon li.oilCoupon a:after{background-position:-80px 0}
.couponIcon li.lotteCoupon a:after{background-position:-160px 0}
.couponIcon li.homeplusCoupon a:after{background-position:-240px 0}
.couponIcon li.shinsegaeCoupon a:after{background-position:-320px 0}
.couponIcon li.locineCoupon a:after{background-position:-400px 0}
.couponIcon li.waterparkCoupon a:after{background-position:-480px 0}
.couponIcon li.eatoutCoupon a:after{background-position:-560px 0}
.couponIcon li.restaurantCoupon a:after{background-position:-640px 0}
.couponIcon li.hotelCoupon a:after{background-position:-720px 0}
.couponIcon li.golfCoupon a:after{background-position:-800px 0}
.couponIcon li.greenfeeCoupon a:after{background-position:-880px 0}
/* VIP쿠폰서비스 영역 개선 */
.coupon-view {display:none}

/* 2019.03.29 카드 상세페이지 */
/* 카드 상세페이지 하단 레이어 */
.oderCardLayer	{position:relative; margin:250px 0 -101px 0}
.oderCardLayer .layerWrap	{overflow:hidden; position:absolute; z-index:100; left:0; bottom:0; width:956px; height:50px; border:2px solid #707784; border-bottom:0; background:#fff}
.oderCardLayer.fixed .layerWrap	{position:fixed; left:50%; margin-left:-480px;}

.oderCardLayer .layerWrap .topWrap	{position:relative; height:50px; background:#f9f9f9}
.oderCardLayer .layerWrap .topWrap .tit	{padding:14px 0 0 20px; color:#222; font-size:18px; font-weight:600; line-height:22px}
.oderCardLayer .layerWrap .topWrap .btnLayer	{position:absolute; top:0; right:0; width:50px; height:50px; background:#f9f9f9}
.oderCardLayer .layerWrap .topWrap .btnLayer:after	{content:""; display:block; position:absolute; top:18px; left:16px; width:18px; height:12px; background:url("https://img1.kbcard.com/LT/images_r/personal/product/ico_order_arr.png") no-repeat 0 -12px;}

.oderCardLayer .layerWrap	{-webkit-transition:height 0.4s ease; -ms-transition:height 0.4s ease; -moz-transition:height 0.4s ease; transition:height 0.4s ease;}
.oderCardLayer .layerWrap.open	{height:212px}
.oderCardLayer .layerWrap.open .topWrap .btnLayer:after	{background-position:0 0}

.oderCardLayer .layerWrap .listWrap ul	{padding:20px 0 22px 38px}
.oderCardLayer .layerWrap .listWrap ul:after	{content:""; display:block; clear:both}
.oderCardLayer .layerWrap .listWrap ul li	{float:left; margin-left:40px; width:144px; height:120px; background:url('https://img1.kbcard.com/LT/images_r/personal/product/img_card.gif') no-repeat 0 0; background-size:144px 91px}
.oderCardLayer .layerWrap .listWrap ul li:first-child	{margin-left:0}
.oderCardLayer .layerWrap .listWrap ul li a	{display:block; width:144px;}
.oderCardLayer .layerWrap .listWrap ul li a .img	{display:block}
.oderCardLayer .layerWrap .listWrap ul li a .img img	{width:144px; height:91px}
.oderCardLayer .layerWrap .listWrap ul li a .tit	{display:block; overflow:hidden; margin-top:6px; color:#333; font-size:14px; font-weight:600; line-height:20px; text-align:center; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}



/* 2019.04.05 결제단위 다원화 */
.txtDay {margin-top:18px; color:#333; font-size:14px}

.lay_cardList   {display:inline-block; position:relative}
.lay_cardList table {display:none}
.lay_cardList .btnCardList    {word-break:keep-all;}



/* 2022-01-27 카드상세 (결함ID : EFC-0000006213)*/
.cardBox .cardCont .cardBoxInner .cardList1.benefitTwo { width:auto; }


/* 2022-01-27 세로카드 슬라이드 대응 */
.cardBox .cardCont .cardBoxInner.row { height:auto; }


/* 2022.01.28 asis→tobe 개선 - 카드 설명 스타일 변경 */
.cardBox .cardCont .cardBoxInner {padding:0 70px 50px;}
.cardBox .cardCont .cardBoxInner .cardList1 {flex-wrap:wrap;height:auto;margin-left:40px;}
.cardBox .cardCont .cardBoxInner .cardList1 li {position:relative;float:inherit;width:100%;padding:0 10px 0;text-align:left;margin-top:7px;}
.cardBox .cardCont .cardBoxInner .cardList1 li p {display:inline-block;width:auto;margin-bottom:0;font-size:17px;font-weight:400;}
.cardBox .cardCont .cardBoxInner .cardList1 li strong {display:inline-block;padding:0 0 0 7px;font-size: 17px;font-weight:900;}
.cardBox .cardCont .cardBoxInner .cardList1 li strong em {padding:0;font-size:17px !important;}
.cardBox .cardCont .cardBoxInner .cardList1 li span {display:inline-block;width:auto;padding-left:7px;font-size:17px;font-weight:600;}
.cardBox .cardCont .cardBoxInner .cardList1 li:before {content:'';display:block;position:absolute;left:0;top:12px;width:2px;height:2px;background-color:#000;border-radius:50%;}
.cardBox .cardCont .cardBoxInner .cardList1 li:first-child {width:100%;margin-top:0;}


/* 2022-02-03 카드상세개선 (결함DEFC-0000006375) */
.cardView {position:static;width:calc(100% - 210px);padding-right:29px;box-sizing: border-box; }
.cardView .cardBox { width:100%; }
.cardView .cardBox .cardCont .cardBoxInner { z-index:0; }
.cardView .contentDetail { width:100% !important; box-sizing: border-box; }
.cardView .cardList2 { right:auto; left:100%; width:210px; margin-left:1px; box-sizing: border-box; }

.cardRight { position:static; display:inline-block; width:auto; z-index:0; box-sizing: border-box; }

.cardOption { width:210px; z-index:0; box-sizing: border-box; }
.cardOption * { box-sizing: border-box; }
.cardOption .cellWrap { display:table; width:100%; }
.cardOption .radList { width:100%; }
.cardOption .serviceSel { width:100%; }
.cardOption .btns { display:flex; align-items:stretch; }
.cardOption .btns .btnCompare { flex:1; }
.cardOption .btns .compBox { flex:1; }
.cardOption .btns .compBox .btnCard { width:100%; }

.cardOption.cardOption2 { top:100px; margin-left:calc((960px/2) - 210px); }
.cardOption.cardOption2 .cardBenefit { width:100%; }
.cardOption.cardOption2 .listType1 { width:100%; }

@media all and (max-width:1060px) {
    .cardOption.cardOption2 { left:auto; right:16px; margin-left:0; }
}

.oderCardLayer {position:sticky !important;bottom:0;margin: 160px 0 0 0 !important;box-sizing: border-box; z-index:0; }
.oderCardLayer .layerWrap { width:960px !important; bottom:-101px !important; box-sizing: border-box; z-index:0; }
.oderCardLayer.fixed { z-index:0; }
.oderCardLayer.fixed .layerWrap { position:static !important; margin:0 !important; z-index:0; }

@media all and (max-height:720px) {
    .oderCardLayer.fixed { z-index:1; }
}


/* 2022-02-07 카드비교함 (결함DEFC-0000006432) */
.cardOption .btns { position:relative; }
.cardOption .btns .compBox { position:static; }
.cardOption .btns .compBox .btnCard { position:relative; }
.cardOption .compBox .compCont { left:0; right:0; width:100%; height:auto; }
.cardOption .compBox .compCont .btns { padding:0 16px; margin-bottom:16px; }
.cardOption .compBox .compCont .btns::after { display:none; }
.cardOption .compBox .compCont .btns .kbBtn { flex:1; }
.cardOption .compBox .compCont .cardList { display:block; font-size:0; text-align:center; }
.cardOption .compBox .compCont .cardList li { float:none; display:inline-block; font-size:0; }


/* 2022-02-07 asis→tobe 개선 : 카드기본정보 */
.cardBox .cardCont .cardBoxInner { justify-content:center; align-items:stretch; padding: 0 40px; margin:0; box-sizing:border-box; }
.cardBox .cardCont .cardBoxInner .img { flex:none; display:flex; align-items:center; width:250px; height:250px; float:none; font-size:0; }
.cardBox .cardCont .cardBoxInner .card_img { float:none; }
.cardBox .cardCont .cardBoxInner .cardList1 { display:inline-flex; flex-direction:column; justify-content:center; width:auto; box-sizing:border-box; overflow:hidden;} /* 220318 김다애 익스에서 텍스트 정렬이 안됨 overflow:hidden 추가*/
.cardBox .cardCont .cardBoxInner .cardList1 li {display:flex; flex-wrap:wrap; align-items:center; width:auto !important; float:none; box-sizing:border-box; margin:0; padding:0; }
.cardBox .cardCont .cardBoxInner .cardList1 li::before { display:none; }
.cardBox .cardCont .cardBoxInner .cardList1 li p { position:relative; width:auto !important; padding:0; padding-left:8px; }
.cardBox .cardCont .cardBoxInner .cardList1 li p::before { content: ''; display: block; position: absolute; left: 0; top: 10px; width: 2px; height: 2px; background-color: #000; border-radius: 50%; }
.cardBox .cardCont .cardBoxInner .cardList1 li strong { display:inline; white-space:nowrap; padding:0; padding-left:8px; }
.cardBox .cardCont .cardBoxInner .cardList1 li span { width:auto !important; height:auto; line-height:inherit; padding:0; padding-left:8px; }
.cardBox .cardCont .cardBoxInner .cardList1 li ~ li { margin-top:8px; }

.cardBox .cardCont .cardBoxInner.row { padding: 40px; }
.cardBox .cardCont .cardBoxInner.row .img { transform: rotate(90deg); }
.cardBox .cardCont .cardBoxInner.row .img img { transform:none; }
.cardBox .cardCont .cardBoxInner.row .cardList1 { margin:0; }


/* 2022-02-08 카드상세 디자인선택 (결함DEFC-0000006511) */
.selectWrap ul { display:block; font-size:0; box-sizing:border-box; margin:0; }
.selectWrap li { display:inline-block; float:none; width:auto; box-sizing:border-box; margin:0; margin-right:8px; }
.selectWrap li:last-child { margin:0; }


/* 2022-02-16 asis→tobe 개선 : 카드비교함 */
.cardOption.cardOption2 .compBox .compCont { top:auto; bottom:0; }


/* 2022-03-08 asis→tobe 개선 : 카드슬라이드 */
.cardBox .cardCont .cardBoxInner .card_img { display:inline-flex; justify-content:center; align-items:center; width:250px; height:250px; font-size:0; }
.cardBox .cardCont .cardBoxInner .card_img img {display: block;width:100%;height:auto;}
.cardBox .cardCont .cardBoxInner .slideWrap .slider .slideList li { width:250px !important; height:250px !important; }
.cardBox .cardCont .cardBoxInner .slideWrap .bx-viewport { height:auto !important; }

.cardBox .cardCont .cardBoxInner.row .card_img img { margin-top:46px; }


/* 2022-03-08 카드슬라이드 (결함DEFC-0000007449) */
.cardBox .cardCont .cardBoxInner .card_img { display:inline-flex; justify-content:center; align-items:center; width:250px; height:250px; font-size:0; }
.cardBox .cardCont .cardBoxInner .card_img img {display: block;width:100%;height:auto;}
.cardBox .cardCont .cardBoxInner .slideWrap .slider .slideList li {display:flex; align-items:center; width:250px !important; height:250px !important; }
.cardBox .cardCont .cardBoxInner .slideWrap .bx-viewport { height:auto !important; } 

.cardBox .cardCont .cardBoxInner.row .card_img img { margin-top:46px; }


/* 2022-03-24 모바일단독카드 (결함DEFC-0000008236) */
.serviceSel dd .formRad label { display:inline-block; vertical-align:middle; }
.serviceSel dd .formRad label +.tipLayer { position:static; display:inline-block; vertical-align:middle; margin-top:-3px; margin-left:4px; }


/* 2022-04-06 카드상세 슬라이드 (결함DEFC-0000009125) */
.cardBox .cardCont .cardBoxInner .card_img { flex:none; }
.cardBox .cardCont .cardBoxInner .cardList1 { flex:auto; }
.cardBox .cardCont .cardBoxInner .slideWrap .slider .slideList li { display:flex; justify-content:center; align-items:center; }

.cardBox .cardCont .cardBoxInner.row .card_img img { margin:0; }

/* 2022-12-05 wesh 카드 목록 추가 */
.box_wesh.box_org {padding:32px 0 88px; text-align:center; font-size:16px; background:url('https://img1.kbcard.com/ST/img/cxc/event/mgr/thumb/2022/wesh_ico_org.png') no-repeat center 106px; background-color:#fcf5ef; margin-bottom:18px;}
.box_wesh.box_org > img {margin-bottom:6px;}
.box_wesh.box_green {padding:32px 0 32px 222px; font-size:15px; line-height:1.6; background:url('https://img1.kbcard.com/ST/img/cxc/event/mgr/thumb/2022/wesh_ico_green.png') no-repeat 96px 46px; background-color:#f1faee;}
.cardList02 li.infoCard_wr {border-bottom:1px solid #e1e1e1; overflow:hidden; padding:30px 0;}
.cardList02 li.infoCard_wr:last-child {border-bottom:none; padding-bottom:48px;}
.cardList02 li.infoCard_wr .wesh_img {margin-top:30px;}
.cardList02 li.infoCard_wr .wesh_img li {display:block; float:left; margin-left:10px; text-align:center;}
.cardList02 li.infoCard_wr .wesh_img li:last-child {margin-left:-15px;}
.cardList02 li.infoCard_wr .wesh_img li span {display:inline-block; margin-top:40px; text-align:center; height:24px; line-height:24px; font-size:14px; padding-left:34px; background:url('https://img1.kbcard.com/ST/img/cxc/event/mgr/thumb/2022/wesh_ico_lettering.png') no-repeat left center;}
.cardList02 li.infoCard_wr .wesh_img li span.txt_eco {color:#135e00; background:url('https://img1.kbcard.com/ST/img/cxc/event/mgr/thumb/2022/wesh_ico_eco.png') no-repeat left center;}
.cardList02 li.infoCard_wr .wesh_img img {width:auto; max-width:158px; height:100px; margin:4px 0 0 0;}
.cardList02 li.infoCard_wr .wesh_img img.row {transform:rotate(90deg);}
.cardList02 li.infoCard_wr .wesh_txt {overflow:hidden; padding:15px 0 0 60px}
.cardList02 li.infoCard_wr .wesh_txt p {font-size:16px; line-height:26px;}
.cardList02 li.infoCard_wr .wesh_txt a.btnWhite {font-size:15px; font-weight:500; height:40px; line-height:40px; padding:0 16px; color:#000; border-radius:4px; text-align:center; border:1px solid rgba(0, 0, 0, 0.16); width:auto; display:inline-block; margin-top:16px;}

/* 2023-04-07 heritage 상세 디자인 변경 */
.heritage {min-width:1080px;}
.heritage:before {display:block;content:'';background:#303030;position:absolute;top:140px;left:0;width:100%;height:636px;}
.heritage .container {width:100%;padding-top:130px;}
.heritage .container:before {display:block;content:'';background:#ac8550;position:absolute;top:130px;left:0;width:100%;height:1px;}
.heritage .contents {position:relative;width:960px;margin:0 auto;}
.heritage .contents: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:-94px;left:50%;transform: translate(-50%, 0);}
.heritage .contents .cardView {width:100%;padding-right:0;}
.heritage .cardView .cardBox {position:relative; height: 505px;}
.heritage .cardBox .cardTit {position:absolute;top:86px;left:323px;width:580px;z-index:2;}
.heritage .cardBox .cardTit .tit {color:#fff;font:500 28px KBFGDisplayM;padding-top:40px;text-align:left;letter-spacing:0;}
.heritage .cardBox .cardTit .txt {position:absolute;top:2px;left:110px;color:rgba(255,255,255,0.87);padding-top:0;font-weight: bold;line-height:28px;}
.heritage .cardBox .cardCont {position:relative;background:none;padding:0;}
.heritage .cardBox .cardCont .cardBoxInner {border:0;padding:0;}
.heritage .cardBox .cardCont .cardBoxInner.row {padding:70px 0 0 24px;}
.heritage .cardBox .cardCont .cardBoxInner .img {width:344px;height:344px;align-items:flex-end;}
.heritage .cardBox .cardCont .cardBoxInner .img img {width:344px;height:217px;box-shadow:10px -10px 20px rgba(0, 0, 0, 0.6);border-radius:.9rem;}
.heritage .cardBox .cardCont .cardKind {position:absolute;top:90px;left:323px;z-index:2;}
.heritage .cardBox .cardCont .cardKind li {padding:0;}
.heritage .cardBox .cardCont .cardKind li a,
.heritage .cardBox .cardCont .cardKind li.on a {background:#f2ebe5;color:#79573f;line-height:24px;font-size:.85rem;min-width:100px;padding:0 5px;box-sizing:border-box;}
.heritage .cardView .contentDetail {width:960px !important;margin:0 auto;padding-right:240px;padding-top:60px;box-sizing: border-box;}
.heritage .cardRight {position:absolute;top:0;right:0;margin-top:280px;}
.heritage .cardBox .cardCont .cardBoxInner .cardList1 {justify-content:start;padding-top:130px;margin-left:-40px;}
.heritage .cardBox .cardCont .cardBoxInner .cardList1 li p {padding-left:12px;}
.heritage .cardBox .cardCont .cardBoxInner .cardList1 li p::before {background:#fff;width:4px;height:4px;}
.heritage .cardBox .cardCont .cardBoxInner .cardList1 li p,
.heritage .cardBox .cardCont .cardBoxInner .cardList1 li strong,
.heritage .cardBox .cardCont .cardBoxInner .cardList1 li span {color:rgba(255,255,255,0.87);font-size:15px;line-height:1.6rem;letter-spacing:0;}
.heritage .cardBox .cardCont .cardBoxInner .cardList1 li strong em {font-size:15px!important;}
.heritage .cardBox .cardCont .cardBoxInner .cardList1 li ~ li {margin-top:6px;}
.heritage .cardBox .cardCont .cardAnnualFee {width:auto;position:absolute;bottom:18px;left:323px;}
.heritage .cardBox .cardCont .cardAnnualFee .list {padding:0;}
.heritage .cardView .cardList2 {right:0;left:inherit;top:217px;color:rgba(255,255,255,0.87);background:transparent;border-width:0 0 1px 0;border-color:rgba(255, 255, 255, 0.24);border-radius:0;padding-left:0;font-size:1rem;height:40px;}
.heritage button.cardList2:after {background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down-w.svg) no-repeat 0 0;width:24px;height:24px;top:8px;}
.heritage .cardOption {background:#303030;border-color:rgba(255,255,255,0.6);border-radius:16px;}
.heritage .cardOption .btns .btnCompare,
.heritage .cardOption .btns .compBox .btnCard {background:transparent;}
.heritage .cardOption .btns .btnCompare:before,
.heritage .cardOption .btns .compBox .btnCard:before,
.heritage .cardOption .cellWrap,
.heritage .cardOption2 .cardBenefit {display:none;}
.heritage .cardOption .btns {padding:24px 24px 16px;}
.heritage .cardOption .btns:before {display:inline-block;content:'';width:1px; height:16px;background:#fff;position:absolute;top:29px;left:82px;}
.heritage .cardOption .btns .btnCompare,
.heritage .cardOption .btns .compBox .btnCard {color:#fff;padding:0;height:25px;line-height:25px;font-weight:normal;text-align:left;}
.heritage .cardOption .btns .btnCompare,
.heritage .cardOption .btns .compBox {flex:none;}
.heritage .compBox button strong {color:inherit;font-weight:inherit;}
.heritage .cardOption .btns .btnCompare {width:60px;margin-right:5px;}
.heritage .cardOption .btns+div,
.heritage .cardOption2 .btns+div,
.heritage .cardOption .btn_wrap {padding:0 24px 24px;}
.heritage .cardOption .cardApply {line-height:48px;height:48px!important;border-radius:5px;}
.heritage .cardOption2 {overflow: visible;border: 1px solid rgba(255,255,255,0.6);}
.heritage .cardOption2 .btns {padding-right:0;}
.heritage .cardOption2 .compBox .compCont {top:-1px;height:fit-content;}
.heritage .cardAnnualFee {min-height:auto;}
.heritage .cardAnnualFee li {width:auto;margin:0;height:36px;line-height:36px;}
.heritage .cardAnnualFee li img {vertical-align:middle;}
.heritage .cardAnnualFee .card-fee {display:inline-block;font-size:13px;color:rgba(255,255,255,0.87);margin-left:8px;padding-top:2px;}
.heritage .cardView .alertDiv,
.heritage .cardView #MKTNOTICE {background:#fff;}

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

/* 2023-07-21_카드 신청 > 모바일 단독 카드 추가 */
.cardOption .serviceSel .card-type .formRad label {font-size:15px;}
.serviceSel .mcard-info {position: relative;display: block;background: #efface;padding:8px;font-size:11px;line-height:16px;margin-top:8px;border-radius:8px;margin-bottom: 24px;}
.serviceSel .mcard-info:after {display:inline-block;content:'';width:40px;height:40px;position: absolute;right:10px;bottom:-17px;background: url('https://img1.kbcard.com/home_re/pc/img/card/card-type-img1.png') no-repeat;background-size: 100% auto;}
.serviceSel .checked .mcard-info:after {background-image: url('https://img1.kbcard.com/home_re/pc/img/card/card-type-img2.png');}
.serviceSel .change .mcard-info:after {background-image: url(https://img1.kbcard.com/home_re/pc/img/card/card-type-img3.png);}

/*24.04.15 : [카드] WESH Travel, 트래블러스 체크카드 연계 배너 추가*/
.banner-area {margin-top:30px;}
.card-link-banner .swiper-container { width: 100%; margin-left: auto;  margin-right: auto;  position: relative; overflow: hidden;  list-style: none; padding: 0;  z-index: 1;}
.card-link-banner .swiper-wrapper { position: relative; width: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.card-link-banner .swiper-slide { flex-shrink: 0;  width: 100%;  position: relative;  transition-property: transform;  text-align: center;}
.card-link-banner {position: relative; text-align: center;}
.card-link-banner .swiper-wrapper .swiper-slide a {display:block;}
.card-link-banner .swiper-wrapper .swiper-slide a img {width:100%;}
.card-link-banner .swiper-navi-cont {width:100%; position:absolute; left:0; bottom:4px; z-index: 2; height:24px;}
.card-link-banner .btnPause {overflow: hidden;margin: 0; width:24px; height:24px;border-radius:24px;font-size: 1px;color: transparent;
	position:relative;display: inline-block;}
.card-link-banner .btnPause:after {display: block;	content: '';position: absolute;	top: 0;	left:0;	width:24px;height:24px;background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-play.svg) no-repeat center center; background-size:24px;}
.card-link-banner .btnPause.on:after {background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-pause.svg) no-repeat center center;	background-size: 20px;}
.card-link-banner .swiper-pagination {position: relative;width: 100%;height:8px;}
.card-link-banner .swiper-pagination--inline {display: inline-block;width: auto;}
.card-link-banner .swiper-pagination-bullet {width: 8px; height: 8px;display: inline-block;border-radius: 100%;background: #000;	opacity: .2;}
.card-link-banner .swiper-pagination > span {width:8px;height:8px;display:inline-block;background: #cfcfd1;border-radius:4px;	vertical-align:top; opacity: 1;}
.card-link-banner .swiper-pagination > span + span {margin-left: 8px;}
.card-link-banner .swiper-pagination-bullet-active {width: 16px !important;	background: #1f1f20 !important;}

/* 카드발급전용 상담원 연결 */
.helpdesk {margin-top:20px;}
.helpdesk-tit {font-size:13px; font-weight:600; line-height:1.69;}
.helpdesk li {
  position: relative;
  margin-top:8px;
  padding-left: 20px;
  font-size: 13px;
  line-height: 1.38;
}

.helpdesk li.time-ico::before {
  position: absolute;
  top: 0px;
  left: 0;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(https://img1.kbcard.com/home_re/pc/ico/16/ico-1-time.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.helpdesk li.servicecenter-ico:before {
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(https://img1.kbcard.com/home_re/pc/ico/16/ico-1-cs.svg) no-repeat 0 0;
  background-size: 100% auto;
}

.heritage .helpdesk-tit, .heritage .helpdesk li {color:#fff;}
.heritage li:before {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(100%) contrast(100%);}

/* KB Pay 연결 QR 추가 */
.card-apply-qr {position:relative; margin: 0 -20px; padding:20px !important; border-bottom:1px solid rgba(0,0,0,0.16); text-align:center;}
.card-apply-qr__img {text-align:center;}
.card-apply-qr img {margin:0 auto; /* width:64px; 개발에서 따로 사이즈 조정함*/}
.card-apply-qr__tit {margin-top:10px; line-height: 1.33;}
.cardOption2 .card-apply-qr {border-bottom: none;background: #4b5464;}
.cardOption2 .card-apply-qr img {border:1px solid #fff;}
.cardOption2 .card-apply-qr__tit {color: #fff;}

.heritage .card-apply-qr {margin:0 -24px; border-color:rgba(255,255,255,0.6)}
.heritage .card-apply-qr__tit {color: #fff;}
.heritage .cardOption2 .card-apply-qr {margin: 0 0 20px 0; padding:20px; border-top:1px solid rgba(255,255,255,0.6); border-bottom:1px solid rgba(255,255,255,0.6); background:none;}