@charset "UTF-8";

/* Basic */
.blind {position:absolute;top:-9999px;left:-9999px;visibility:hidden;width:0;height:0;overflow:hidden}
.fs0{font-size:16px !important}
/*:focus {border:2px dashed #ff6c00 !important}*/
.mt1{margin-top:1px !important}
.mt2{margin-top:2px !important}
.mt3{margin-top:3px !important}
.mt4{margin-top:4px !important}
.mt6{margin-top:6px !important}
.mt13{margin-top:13px !important}
.mb_17,.mB17{margin-bottom:17px}
.mt18{margin-top:18px !important}
.pr24{padding-right:24px !important}
.mt36 {margin-top:36px !important;}
.pr72 {padding-right:72px !important;}

/*width*/
.wp190{width:190px}

/* img 이미지 */
.appdownCon img, .fnDetailArea1 .img img, .fnDetailArea .img img, .boxtouchFlow.stTouchFlow03 li>a .boxCardst .img img, .boxSwiperMyCard .img img , .boxtouchFlow.stTouchFlow01 li>a img
{width:100%;height:auto;vertical-align:top}
.iconLinkList li.point a:before,
.iconLinkList li.mileage a:before,
.iconLinkList li.mpoint a:before,
.fnBnList a:before, 
.fnBnList li + li a:before,
.iconLinkList li.pay a:before,
.iconLinkList li.state a:before,
.iconLinkList li.lost a:before,
.arsLinkBox.app:before,
.arsLinkBox.kbpay:before,
.arsLinkBox.mweb:before,
.delayPopCont:before,
.fnLeaseList .btnWhite span:before,
.loginTypeSel li a.invalid:before,
.mainSt .topHead .headerLoseBt button:before,
.iconList li a:before,
.btnShareQd:after,
.autoPamentBox:before,
.btnAdviser:after,
.btnTextAdviser:before {background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/ars/icon_ars.png') no-repeat;background-size:500px auto}
.splashWrap .splCont .splTit div,
.splashWrap .splCont .txtSpl div,
.splashWrap .splFoot div {background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/ars/img_welcome.png') no-repeat;background-size:200px auto}

/* layout */
.topHead.noLine {border-bottom:none}
.topHead .backBtn + .homeBtn{left:auto;right:46px}
.inpTxt1.inpNo96 {padding-left:96px !important}
.dim.dims2 {z-index: 8998 !important}
.topHead .headerMenu .hmBtn,
.topHead .backBtn button {display:table}


/*step*/
.stepBox{height:48px;line-height:48px}
.stepBox .stepList li{width:24px;height:24px;margin-left:3px;line-height:23px;background:#787b82;-webkit-border-radius:24px;border-radius:24px}
.stepBox .stepList li em{font-size:1px;line-height:0;color:transparent}
.stepBox .stepList li.check:after{content:'';position:absolute;top:50%;right:9px;width:1px;height:13px;margin-top:-6px;background:#fff;-webkit-transform:rotate(44deg);transform:rotate(44deg)}
.stepBox .stepList li.check:before{content:'';position:absolute;top:50%;right:16px;width:1px;height:8px;margin-top:-2px;background:#fff;-webkit-transform:rotate(-44deg);transform:rotate(-44deg)}

/*input & select*/
.selType1>a:before{right:16px;border-width:6px 4px;border-top-color:rgba(0, 0, 0, .6)}

.multiWrap{display:flex;flex-direction:row}
.multiWrap>span{flex-grow:1;flex-basis:47%}
.multiWrap>span.dash{flex-grow:1;flex-basis:6%;line-height:46px;text-align:center}

.inpEmail{display:table;width:100%;border:1px solid #ccc;box-sizing:border-box}
.inpEmail>span, .inpEmail .selType1{display:table-cell;width:50%;border:0 none;vertical-align:middle}
.inpEmail>span input{border:0 none;height:46px}
.inpEmail>span.at{width:5px;padding:0 5px}
.inpEmail.checked{position:relative;border:2px solid #ffd012}
.inpEmail.checked span input{padding:9px;height:48px}
.inpEmail.checked .selType1 select, .inpEmail.checked .selType1>a{height:48px;line-height:48px}
.inpEmail+input{margin-top:-1px}
.inpEmail>.emailAddr>.inpTxt1{padding-left:10px;border:0;border-left:1px solid #ccc}
.inpEmail>.emailAddr>.inpTxt1 .maxInput{padding:10px 50px 10px 5px !important}
.inpEmail>.emailAddr>.inpTxt1 .moneyTxt{right:10px}
.inpEmail+.inpTxt1>.addBtn,.inpEmail+.inpTxt1{border-top:0}


/* button */
.btnBox.colinput > span, .btnBox.colinput > a{flex-basis :65%}
.btnBox.colinput > span:last-child, .btnBox.colinput > a:last-child{flex-basis :35%}
.btnBox.col2.mt0[class*="col"], .btnBox.col2.mt8[class*="col"], .btnBox.colinput[class*="col"]{display:flex}
.btnBox > span, .btnBox > a{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-right:6px}
.btnBox > span:last-child {margin-right:0px}
.btnBox.col2 > span{margin-right:0}

.btnM.btnWhite{color:rgba(0, 0, 0, .87)}
.btnSky{background-color:#01a0c7;color:#fff}
.detailView{position:relative;display:block;padding:11px 40px 11px 16px;-webkit-border-radius:3px;border-radius:3px;background:#fff;border:1px solid #bbb}
.detailView:after{content:"";position:absolute;right:16px;top:50%;display:block;width:24px;height:24px;margin-top:-12px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png') no-repeat right center;background-size:24px;vertical-align:middle}
.ios .detailView{padding:13px 40px 9px 16px}
.btnWhite2{line-height:43px;letter-spacing:-0.2px;background:#fff !important;border:2px solid rgba(0, 0, 0, .24) !important}
.btnWhite3{border:1px solid rgba(0, 0, 0, 0.24) !important;background:#fff !important}

/* toggle list */
.toggleList>li.noteBox>a{height:auto;}
.toggleList>li.noteBox>a:after,
.toggleList>li.noteBox.on>a:after{-webkit-transition:-webkit-transform 200ms;transition:transform 200ms}
.toggleList>li.noteBox.on>a{background:#fff;}
.toggleList>li.noteBox>a span:after{top:28px;}

.toggleList>li:first-child{border-top:1px solid rgba(0,0,0,.16)}
.toggleList>li{width:100%;border-bottom:1px solid rgba(0,0,0,.16);background:#fff}
.toggleList>li>a{position:relative;display:table;width:100%;height:60px;color:rgba(0, 0, 0, .87)}
.toggleList>li>a>span{display:table-cell;vertical-align:middle;padding:16px 50px 16px 16px;font-size:16px;line-height:1.250em}
.toggleList>li>a:after{content:"";display:block;position :absolute;right:16px;top:50%;width:24px;height:24px;margin-top:-12px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_plus_24_000.png');background-size:24px}
.toggleList>li.on>a{background:#4d4f55;color:#fff}
.toggleList>li.on>a:after{right:20px;height:2px;width:16px;margin-top:-1px;background:#ffcc00}
.toggleList .toggleView{display:none;padding:24px 16px;background:#f2f2f2;font-size:16px}
.toggleList .toggleView .infoBox{padding:20px 15px;background:#f2f3f4;text-align:left;margin-top:10px} /* 유의사항 내에 있는 박스 컨텐츠 배경색, 간격 임의 지정(디자인팀 가이드 확인 필요) 160930 yjs */
.toggleList>li.on .toggleView .sTit{display:block;margin:20px 0 10px}
.toggleList>li.on .toggleView .sTit:first-child{margin-top:0}

/*카드 선택*/
.cardBox .cardSel > a:after{right:16px;border-width:6px 4px;border-top-color:rgba(0, 0, 0, .6)}
.cardBox .cardTxt{padding:12px 40px 12px 16px}

/* Tab */
.tabDep1.lines{height:auto;border-bottom:1px solid #ddd}
.tabDep1.lines li{border-bottom:none}
.tabDep1.lines li a {position:relative;-webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block; width:auto;height:48px;padding:0 5px; line-height:48px; vertical-align:top; text-align:center; font-size:16px}
.tabDep1.lines li.on:after{content:none}
.tabDep1.lines li.on a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:rgba(0, 0, 0, .87)}

.tabDep5{display:content;overflow:hidden}
.tabDep5:after{content:"";display:block;height:0;clear:both}
.tabDep5 li{display:table;float:left;text-align:center;margin:0 12px}
.tabDep5 li:first-child{margin-left:32px}
.tabDep5 li a {position:relative;-webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block; width:auto;height:34px;padding:0; line-height:34px; vertical-align:top; text-align:center;font-size:18px}
.tabDep5 li.on{border-color:transparent}
.tabDep5 li.on a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#ffcc00}
.tabDep5 li.on a{font-weight:bold}

.tabDep6{display:flex;overflow:hidden;align-items:center}
.tabDep6:after{content:"";display:block;height:0;clear:both}
.tabDep6 li{display:table;float:left;text-align:center;margin-right:16px}
.tabDep6 li a {position:relative;-webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block; width:auto;padding:0;line-height:24px;letter-spacing:-0.18px;color:rgba(0, 0, 0, .6);vertical-align:top; text-align:center}
.tabDep6 li.on{border-color:transparent}
.tabDep6 li.on a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#ffcc00}
.tabDep6 li.on a{font-weight:bold;color:rgba(0, 0, 0, .87)}

.tabDep7{display:flex;overflow:hidden;height:24px;align-items:center}
.tabDep7:after{content:"";display:block;height:0;clear:both}
.tabDep7 li{position:relative;display:table;width:50%;text-align:center}
.tabDep7 li:first-child a:after{content:'';position:absolute;top:4px;right:0;width:1px;height:16px;background-color:#d8d8d8}
.tabDep7 li a {-webkit-box-sizing:border-box; box-sizing:border-box; display:inline-block; width:auto;padding:0;line-height:24px;vertical-align:top; text-align:center;color:rgba(0, 0, 0, .60)}
.tabDep7 li.on{border-color:transparent}
.tabDep7 li.on a{font-weight:bold;color:rgba(0, 0, 0, .87)}

.tabList{position:inherit}

/*infomation*/
.popHightAuto {display:flex;height:100vh;align-items:center}
.popHightAuto .infoBox.okImg{width:100%;margin:0;padding:0 16px}
.popHightAuto .infoBox.okImg p{font-size:14px}

/*floating area*/
.fixedBArea.col2 .btnL {width:50%;float:left;}

/* footer */
footer{padding:0 0 24px}
footer.displaynone{border-top:none;background:#fff}
footer.displaynone .fMenu, footer.displaynone .addrCopy, footer.displaynone .cs{display:none}
footer.displaynone:after{content:none}

/* 다른 인증방법 선택 */
.quickLink .arrR.arrRtop:after {transform:rotate(0deg); -webkit-transform:rotate(0deg)}


/* 전체메뉴 추가 */
.layerWrap.allMenuRE .popTop{background:none}
.layerWrap.allMenuRE .popTop .home{top:16px;left:24px;right:auto;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat 0 0;background-size:auto 48px}
.layerWrap.allMenuRE .popTop .utilArea{position:absolute;top:16px;right:64px}
.layerWrap.allMenuRE .popTop .utilArea > a{overflow:hidden;display:inline-block;position:static;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat 0 0;background-size:auto 48px;font-size:16px;color:transparent;vertical-align:top}
.layerWrap.allMenuRE .popTop .utilArea .advisor{margin-right:16px;background-position:-48px 0}
.layerWrap.allMenuRE .popTop .utilArea .search{background-position:-24px 0}
.layerWrap.allMenuRE .popTop .utilArea .customer{margin-left:16px;background-position:-48px 0}
.layerWrap.allMenuRE .popTop .utilArea .notice{position:relative;margin-right:16px;background-position:-96px 0}
.layerWrap.allMenuRE .popTop .utilArea .setup{margin-left:16px;background-position:-120px 0}
.layerWrap.allMenuRE .popTop .utilArea .notice.badge:before{content:'';position:absolute;top:0;right:0;width:6px;height:6px;border:2px solid #fff;border-radius:5px;background:rgba(244, 102, 0, 1)}
.layerWrap.allMenuRE .popTop .logOut{position:absolute;right:24px;bottom:16px;color:rgba(0,0,0,.6);font-size:14px;line-height:1.429em;text-decoration:underline}
.layerWrap.allMenuRE .idArea{position:relative;margin:0;padding:66px 88px 16px 24px}
.layerWrap.allMenuRE .idArea .icoSec{display:none}
.layerWrap.allMenuRE .idArea .name{padding-left:0}
.layerWrap.allMenuRE .idArea .name > *{color:rgba(0,0,0,.87)}
.layerWrap.allMenuRE .idArea .name .vip{position:relative;background:none}
.layerWrap.allMenuRE .idArea .name .vip:after{content:'';display:inline-block;width:5px;height:5px;margin-left:4px;border:1px solid #91b8ff;border-bottom:none;border-left:none;vertical-align:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.layerWrap.allMenuRE .idArea .lastJoin{padding-left:0;color:rgba(0,0,0,.6)}
.layerWrap.allMenuRE .idArea .lastJoin .info{overflow:hidden;font-size:1px;line-height:0;color:transparent}
.layerWrap.allMenuRE .idArea .lastJoin .info:before{content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_exclamationi_16_000.png') no-repeat center;background-size:16px}
.layerWrap.allMenuRE .idArea .btnLogin{padding-right:0;height:40px;background:none;color:rgba(0,0,0,.87);line-height:40px}
.layerWrap.allMenuRE .idArea .btnJoin{display:inline-block;position:relative;height:40px;font-size:18px;line-height:40px}
.layerWrap.allMenuRE .idArea .btnJoin:before{content:'';display:inline-block;width:1px;height:12px;margin:0 16px 0 12px;background-color:rgba(0,0,0,.87)}
.layerWrap.allMenuRE .tmSetup{position:relative}
.layerWrap.allMenuRE .tmSetup:before{content:'';display:block;position:relative;left:24px;border-top:1px solid rgba(0,0,0,.08)}
.layerWrap.allMenuRE .tmSetup li a{padding:12px 0;color:rgba(0,0,0,.87)}
.layerWrap.allMenuRE .tmSetup li a > span{vertical-align:middle}
.layerWrap.allMenuRE .tmSetup li a:before{display:inline-block;width:24px;height:24px;margin-right:4px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat 0 0;background-size:auto 64px;vertical-align:middle}
.layerWrap.allMenuRE .tmSetup li a.search:before{background-position:0 -4px}
.layerWrap.allMenuRE .tmSetup li a.event:before{background-position:-24px -4px}
.layerWrap.allMenuRE .tmSetup li a.notice:before{background-position:-48px -4px}
.layerWrap.allMenuRE .tmSetup li a.setup:before{background-position:-72px -4px}
.layerWrap.allMenuRE .tmSetup li a:before .tmSetup{background-color:#60584C}
.layerWrap.allMenuRE .tmSetup li a.notice em{margin:-15px 0 0 -16px}
.layerWrap.allMenuRE .mainMenu{padding:0;border-top:1px solid rgba(0,0,0,.16);border-bottom:1px solid rgba(0,0,0,.16);background-color:#fff}
.layerWrap.allMenuRE .mainMenu .inner{padding:15px 20px;font-size:1px;line-height:0;color:transparent;white-space:nowrap;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:inherit;-ms-overflow-style:none; scrollbar-width:none }
.layerWrap.allMenuRE .mainMenu .inner::-webkit-scrollbar{display:none }
.layerWrap.allMenuRE .mainMenu .inner:-moz-scrollbar {display:none }
.layerWrap.allMenuRE .mainMenu .inner::-moz-scrollbar {display:none }
.layerWrap.allMenuRE .mainMenu .inner:-ms-scrollbar {display:none }
.layerWrap.allMenuRE .mainMenu .inner a{display:inline-block;min-width:69px;height:32px;margin:0 4px;padding:0 16px;border:1px solid rgba(247,105,0,.5);border-radius:14px;color:#000;font-size:14px;line-height:32px;text-align:center;box-sizing:border-box}
.layerWrap.allMenuRE .popCont .gnbDep1{background-color:#f6f6f6}
.layerWrap.allMenuRE .popCont .gnbDep1 .dep1 li a.on span:after{display:none}
.layerWrap.allMenuRE .popCont .gnbDep1 .loginAfter a{text-decoration:none}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2{margin-bottom:28px}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 > a{position:relative}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList{padding:0}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList>li{margin-top:0}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList>li:first-child{border:none}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList>li>a{height:auto;padding-left:0;color:rgba(0,0,0,.87);font-size:16px;text-indent:0}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList>li>a:after{top:13px;right:19px;width:10px;height:10px;border:1px solid #222;border-top:none;border-left:none;background:none;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList>li>a>span{padding-left:0}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList>li.on>a{background:none}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList>li.on>a:after{top:9px;background:none;-webkit-transform:rotate(225deg);transform:rotate(225deg);}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList .toggleView{padding:0;background:none}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList .toggleView.type{padding-top:16px}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .menuTit{margin:0;padding-right:32px; font-weight:normal}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 li a:before{display:none}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 li a:after{left:auto}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .price{display:block;position:absolute;bottom:-18px;left:0;padding:0;color:#F46600;font-size:14px;line-height:20px}
.layerWrap.allMenuRE .popClose{top:16px;width:24px !important;/* height:24px !important */}
.layerWrap.allMenuRE .popClose a{width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat -72px 0;background-size:auto 48px}
.layerWrap.totalMenuRE .popCont .gnbDep2 .tabCont {margin-top:0}
.layerWrap.totalMenuRE .popCont .gnbDep2 .depth2 .toggleView li a {max-width:93%;overflow:hidden;white-space:nowrap}


/* vip 로그인 시 */
.layerWrap.allMenuRE .popTop.vip{background:#415384}
.layerWrap.allMenuRE .popTop.vip .idArea{border-bottom:none}
.layerWrap.allMenuRE .popTop.vip .idArea .name > a{color:#FFCC00}
.layerWrap.allMenuRE .popTop.vip .idArea .lastJoin{color:rgba(255,255,255,.6)}
.layerWrap.allMenuRE .popTop.vip .idArea .lastJoin .info:before{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_exclamation_16_fff.png') no-repeat center;background-size:16px}
.layerWrap.allMenuRE .popTop.vip .home{top:16px;left:24px;right:auto;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat 0 -24px;background-size:auto 48px}
.layerWrap.allMenuRE .popTop.vip .utilArea .advisor{margin-right:16px;background-position:-48px -24px}
.layerWrap.allMenuRE .popTop.vip .utilArea .search{background-position:-24px -24px}
.layerWrap.allMenuRE .popTop.vip .utilArea .customer{margin-left:16px;background-position:-48px -24px}
.layerWrap.allMenuRE .popTop.vip .utilArea .notice{margin-left:16px;background-position:-96px -24px}
.layerWrap.allMenuRE .popTop.vip .utilArea .notice.badge:before{border-color:#415384}
.layerWrap.allMenuRE .popTop.vip .utilArea .setup{margin-left:16px;background-position:-120px -24px}
.layerWrap.allMenuRE .popTop.vip .logOut{color:rgba(255,255,255,.6)}
.layerWrap.allMenuRE .popTop.vip .tmSetup li a{color:#fff}
.layerWrap.allMenuRE .popTop.vip .tmSetup li a.search:before{background-position:0 -36px}
.layerWrap.allMenuRE .popTop.vip .tmSetup li a.event:before{background-position:-24px -36px}
.layerWrap.allMenuRE .popTop.vip .tmSetup li a.notice:before{background-position:-48px -36px}
.layerWrap.allMenuRE .popTop.vip .tmSetup li a.setup:before{background-position:-72px -36px}
.layerWrap.allMenuRE .popTop.vip .tmSetup:before{border-top:1px solid rgba(255,255,255,.08)}
.layerWrap.allMenuRE .popTop.vip .home{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat 0 -24px;background-size:auto 48px}
.layerWrap.allMenuRE .popTop.vip .popClose a,
.layerWrap.allMenuRE .popTop.vip + .popClose a{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat -72px -24px;background-size:auto 48px}

.layerWrap.fullLayer .popCont.p0 {padding:0}
.layerWrap.fullLayer .popCont.p0 .container {padding:0}


/* Main */
.appdown{display:none;overflow:hidden;height:0;transition:all 300ms ease-in;z-index:1000 !important;-webkit-box-shadow:0 3px 4px 3px rgba(103, 103, 103, 0.20);box-shadow:0 3px 4px 3px rgba(103, 103, 103, 0.20)} 
.appdown .swiper-slide{display:table; width:100%}
.appdown .swiper-pagination {position:absolute;bottom:8px;right:8px;color:rgba(255,255,255,0.5);font-size:14px;font-weight:300;text-align:center;margin:0;padding:0;overflow:hidden;box-sizing:border-box;width:60px;height:24px;color:rgba(255,255,255,0.87);border-radius:20px;background:rgba(0,0,0,0.47);z-index:1}
.appdown .swiper-pagination .swiper-pagination-current {color:rgba(255,255,255,1)}
.appdown .btnPause{overflow:hidden;position:absolute;bottom:8px;right:74px;left:auto;z-index:2;margin:0;background:rgba(0, 0, 0, 0.47);width:24px;height:24px;border-radius:12px;font-size:1px;color:transparent}
.appdown .btnPause:after{display:block;content:'';position:absolute;top:0;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/ico_eventslider_play.png') no-repeat 8px center;background-size:10px 12px}
.appdown .btnPause.on:after{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/ico_eventslider_pause.png') no-repeat 8px center;background-size:8px 10px}
.appdown .pagings {position:absolute;bottom:14px;right:10px;z-index:1}
.appdown .pagings button{overflow:hidden;z-index:2;margin:0;background:rgba(0, 0, 0, 0.47);width:24px;height:24px;border-radius:12px;font-size:1px;line-height:0;color:transparent}
.appdown .pagings button:after{display:block;content:'';position:absolute;top:0;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/ico_eventslider_play.png') no-repeat 8px center;background-size:10px 12px}
.appdown .pagings button.on:after{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/ico_eventslider_pause.png') no-repeat 8px center;background-size:8px 10px}
.appdown .appdownCon{display:block;text-align:left;background-color:#60584c;color:#fff}
.appdown em{opacity:0;transition:all 100ms 350ms ease-out}
.appdown .close{position:absolute;top:0;right:0;width:40px;height:40px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_close_24_fff.png') no-repeat center;background-size:24px;font-size:1px;line-height:0;color:transparent;z-index:1}
.appdown .close:after{content:'';position:absolute;top:0;right:0;width:40px;height:40px}
.appdown.open em{opacity:1;letter-spacing:-0.2px}

.mainSt .topHead.on {position:relative !important;min-height:55px;height:auto }
.mainSt .topHead.on.tops {position:fixed !important }
.mainSt .topHead h1 {position:absolute;left:16px;top:18px;padding:0;line-height:inherit;z-index:991;text-align:left;}
.mainSt .topHead h1 img{width:120px;height:auto}
.mainSt .topHead .headerMenu .shBtn {padding:0;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat -24px 0;background-size:auto 48px;color:transparent;line-height:0;font-size:1px;margin-right: 5px}
.mainSt .topHead .headerMenu .hmBtn:after {content:none}
.mainSt .topHead .headerLoseBt{position:absolute;top:16px;right:48px;height:24px;z-index:100}
.mainSt .topHead .headerLoseBt button {position:relative;display:table;padding:3px 6px 4px 26px;font-size:12px;border:1px solid #f76901;color:#f76901;background-color:#fff;border-radius:24px}
.mainSt .topHead .headerLoseBt button:before {content:'';position:absolute;top:3px;left:8px; width:14px;height:14px;background-position:-350px -100px}
.mainSt .topHead .headerLoseBt button.card {letter-spacing:-0.2px;border:1px solid #00a2cb;color:#00a2cb}
.mainSt .topHead .headerLoseBt button.card:before {background-position:-401px -100px}
.mainSt #content {background-color:#f9f9f9}
.mainSt #content.popCont.p0 {background-color:#fff}

.mBoxline {padding:24px 8px;border-radius:10px;background:#fff;-webkit-box-shadow:0px 5px 5px 0px rgba(113, 113, 113, 0.10);box-shadow:0px 5px 5px 0px rgba(113, 113, 113, 0.10)}
.mBoxline.cardBox {position:relative;padding:24px 8px 10px}
.mBoxline.cardBox .cardToggle{margin-top:0;border:none}
.mBoxline.cardBox .cardToggle > ul{overflow:hidden/*;height:226px*/}
.mBoxline.cardBox .cardToggle.on > ul{height:448px;-webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out}
.mBoxline.cardBox .cardToggle .days7Noti{border-bottom:none}
.mBoxline.cardBox .cardToggle .cardTxt{position:absolute;bottom:-36px;right:50%;font-size:1px;line-height:0;color:transparent;padding:1px;border-top:none;width:40px;height:40px;background:#fff;margin-right:-20px;border-radius:20px;-webkit-box-shadow:0px 5px 5px 0px rgba(113, 113, 113, 0.10);box-shadow:0px 5px 5px 0px rgba(113, 113, 113, 0.10)}
.mBoxline.cardBox .cardToggle .cardTxt:after{content:'';display:inline-block;position:absolute;right:15px;top:14px;width:10px;height:10px;background:none;border:1px solid #222;border-top:none;border-left:none;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.mBoxline.cardBox .cardToggle.on .cardTxt{padding-top:0;border-top:none}
.mBoxline.cardBox .cardToggle.on .cardTxt:after{top:18px;-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-transition:-webkit-transform 200ms;transition:transform 200ms}
.mBoxline.cardBox .toggleItem .toggleView{padding:0;background:#fff}
.mBoxline.stTouchFlow03 {padding:0}
.mBoxline.amountBox {padding:24px 24px 23px}
.mBoxline.amountBox + .amountBox.mBoxline{margin-top:20px}
.mBoxline.amountBox > div {display:table;min-height:106px}
.mBoxline.amountBox .tabDep6 {margin-bottom:16px}
.mBoxline.amountBox .tabList + .tabCont,
.mBoxline.amountBox .tabList + .tabCont + .tabCont,
.mBoxline.amountBox .tabList + .tabCont + .tabCont + .tabCont {display:block}
.mBoxline.amountBox .tabCont {display:table-cell;vertical-align:middle;margin-top:0}
.mBoxline.amountBox .tabCont .mykbTop{padding:0}

.mBoxline.amountBox .mykbTop .txt{font-size:16px;text-align:left}
.mBoxline.amountBox .mykbTop .txt em{display:inline-block;padding-left:5px}
.mBoxline.amountBox .mykbTop .numLink{margin-top:4px;font-size:18px}
.mBoxline.amountBox .mykbTop .numLink strong{font-size:24px}

.autoPamentBox{position:relative;padding-left:64px;letter-spacing:-0.2px}
.autoPamentBox:before{content:'';position:absolute;top:50%;left:0;width:48px;height:48px;margin-top:-24px;background-position:-300px -50px}
.autoPamentBox.icoStPhon:before{background-position:-350px -50px}
.autoPamentBox strong + .txt{margin-top:8px;font-size:14px;line-height:20px;color:rgba(0, 0, 0, 0.6);text-align:left}

.newMenuList {padding:0 10px 0 20px}
.newMenuList li {display:flex;font-size:16px;margin-top:21px;color:rgba(0, 0, 0, 0.6)}
.newMenuList li:first-child {margin-top:4px}
.newMenuList li:last-child {margin-bottom:18px}
.newMenuList .toggleView li:first-child {margin-top:24px}
.newMenuList li em {flex-basis:25%}
.newMenuList li span {flex-basis:20%}
.newMenuList li span + a {flex-basis:50%}
.newMenuList li a strong {font-weight:bold;color:rgba(0, 0, 0, 0.87)}

.iconList:after{display:block;clear:both;content:''}
.iconList li{float:left;box-sizing:border-box;width:33.3%}
.iconList li a{box-sizing:border-box;display:block;padding:0 0 16px;text-align:center}
.iconList li a.on{padding:14px 0 6px;border:2px solid #ffcc00}
.iconList li a .img{display:inline-block;width:48px;height:48px;vertical-align:top}
.iconList li a .img img{width:100%;height:auto;vertical-align:top}
.iconList li a .txt{display:table;width:100%}
.iconList li a .txt em{box-sizing:border-box;display:table-cell;width:100%;height:48px;padding:0 5px;color:rgba(0, 0, 0, 0.9);font-size:16px;line-height:20px;font-weight:bold;vertical-align:middle;letter-spacing:-0.2px}
.boxMainSec3.swiper .mBoxline.cardBox .iconList li a:before{content:'';display:inline-block;width:48px;height:48px;background-position:-150px -50px;vertical-align:top}
.boxMainSec3.swiper .mBoxline.cardBox .iconList li .ico10:before{background-position-x:-150px -50px}
.boxMainSec3.swiper .mBoxline.cardBox .iconList li .ico12:before{background-position-x:-200px}
.boxMainSec3.swiper .mBoxline.cardBox .iconList li .ico13:before{background-position-x:-250px}

/* 통합검색영역 */
.boxTotalSearchArea {display:block;width:100%;padding:24px 16px 0;box-sizing:border-box}
.boxTotalSearchArea .searchCont {position:relative;z-index:2;border:2px solid rgba(0, 0, 0, .16)}
.boxTotalSearchArea .searchCont input {border:none;height:52px;padding-right:82px}
.boxTotalSearchArea .searchCont button {position:absolute;z-index:3;top:0;background:#fff}
.boxTotalSearchArea .searchCont .inputWordDel {display:none;right:50px;height:100%}
.boxTotalSearchArea .searchCont .inputWordDel span {display:block;width:24px;height:24px;font-size:1px;line-height:0;color:transparent;background-size:100% auto;background-image:url("https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_inputClose_24_gray.png");background-repeat:no-repeat;border-radius:24px}
.boxTotalSearchArea .searchCont .btnSearch {right:0;height:100%;width:48px;font-size:1px;line-height:0;color:transparent}
.boxTotalSearchArea .searchCont .btnSearch:after {content:"";position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;display:block;width:24px;height:24px;background-size:auto 48px;background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/ars/ico_main_search.png');background-repeat:no-repeat;background-size:24px}
/*.boxTotalSearchArea .searchCont .btnSearch:after {content:"";position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;display:block;width:24px;height:24px;background-size:auto 48px;background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png');background-repeat:no-repeat;background-position:-24px 0}*/
.boxTotalSearchArea .voiceSearch {display:none}
.boxTotalSearchArea + article.typeGray {margin-top:32px}
.searchCont ::-webkit-input-placeholder {font-weight:bold}/* WebKit browsers */
.searchCont :-moz-placeholder {font-weight:bold}/* Mozilla Firefox 4 to 18 */
.searchCont ::-moz-placeholder {font-weight:bold}/* Mozilla Firefox 19+ */
.searchCont :-ms-input-placeholder {font-weight:bold}/* Internet Explorer 10+ */

/* Sub_Main */
.boxShare{display:block;position:fixed;right:16px;bottom:32px;z-index:8999}
.boxShare.styleWeb {z-index:8998}
.boxShare .shareOne{position:absolute;right:0;bottom:0;z-index:1}
.boxShare .share{display:none;position:absolute;right:0;bottom:0;z-index:0;width:60px}
.boxShare .share a span {position:absolute;right:54px;bottom:44px;display:none;padding:2px 10px;border-radius:13px;background-color:#fff;border:1px solid #fecc05; font-size:14px;line-height: 24px;color: rgba(0, 0, 0, .87);white-space: nowrap; inline-size:max-content}
.boxShare .share a span:before, .boxShare .share a span:after{content:'';position:absolute;bottom:-11px;right:0px; border:solid transparent;width:0;height:0;pointer-events:none;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.boxShare .share a span:before{border-top-color:#fecc05;border-width:11px;margin-left:-11px}
.boxShare .share a span:after{bottom:-9px;border-top-color:#fff;border-width:12px;margin-left:-10px}

/*.btnAdviser{position:relative;display:block;width:56px;height:56px;margin:0 auto;padding-left:0 !important;-webkit-border-radius:56px;border-radius:56px;background:#6b7079;font-weight:normal;font-size:1px;line-height:0;color:transparent;-webkit-box-shadow:0 4px 4px 2px rgba(127, 110, 227, .25);box-shadow:0 4px 4px 2px rgba(127, 110, 227, .25)}
.btnAdviser:after {content:'';display:inline-block;position:absolute;top:15px;left:17px;width:24px;height:24px;vertical-align:top;background-position:-450px -100px}
.boxShare.styleWeb .btnAdviser:after {-webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3)}
.share.sh .btnAdviser{width:48px;height:48px;-webkit-border-radius:48px;border-radius:48px;background:#fff}
.share.sh .btnAdviser:after {top:12px;left:13px;width:24px;height:24px;background-position:-300px -100px}*/
.btnAdviser{position:relative;display:block;width:48px;height:48px;margin:0 auto;padding-left:0 !important;-webkit-border-radius:48px;border-radius:48px;background:#fff;font-weight:normal;font-size:1px;line-height:0;color:transparent;-webkit-box-shadow:0 4px 4px 2px rgba(127, 110, 227, .25);box-shadow:0 4px 4px 2px rgba(127, 110, 227, .25)}
.btnTextAdviser{position:relative;display:block;height:24px;padding:12px 16px 12px 42px;-webkit-border-radius:48px;border-radius:48px;background:#fff;font-weight:normal;font-size:16px;line-height:24px;color:rgba(0,0,0,.87);text-align:center;-webkit-box-shadow:0 4px 4px 2px rgba(127, 110, 227, .25);box-shadow:0 4px 4px 2px rgba(127, 110, 227, .25)}
.btnAdviser:after,
.btnTextAdviser:before{content:'';display:inline-block;position:absolute;top:12px;left:13px;width:24px;height:24px;vertical-align:top;background-position:-300px -100px}
.btnShareQd{position:relative;display:block;width:60px;height:60px;padding-left:-16px;font-size:1px;line-height:0;color:transparent}
.btnShareQd:after {content:'';display:inline-block;position:static;width:60px;height:60px; margin:0;vertical-align:top;background-position:-200px -100px}

.btnSharePlus{position:relative;display:block;width:56px;height:56px;padding-left:0;-webkit-border-radius:48px;border-radius:48px;background:#6b7079;font-weight:normal;font-size:1px;line-height:0;color:transparent;-webkit-box-shadow:0 3px 4px 2px rgba(127, 110, 227, .25);box-shadow:0 3px 4px 2px rgba(127, 110, 227, .25)}
.btnSharePlus:active {outline: none}
.btnSharePlus:after {content:'';display:inline-block;position:absolute;top:0;left:0;width:32px;height:32px; margin:12px 0 0 12px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/ars/ico_plus_24_fff.png') no-repeat;background-size:32px auto; vertical-align:top}
.btnSharePlus.on:after {-webkit-transform:scale(1.4) rotate(315deg); -moz-transform:scale(1.4) rotate(315deg); transform:scale(1.4) rotate(315deg)}

.boxMainSec{padding:32px 24px}
.boxMainSec2{position:relative;padding:32px 24px;margin-top:10px;background-color:#f2f2f2}
.boxMainSec2 .depTit, .boxMainSec2 .stTit{position:absolute;top:-13px}
.boxMainSec2 .stTit  .depTit{top:0}
.boxMainSec2 .stTit  span {margin-right:48px}
.boxMainSec2.boxMainSwiper .fnDetailArea1 .swiper-container {margin:0 -24px;padding:0 24px}
.boxMainSec3{padding:24px 16px}
.boxMainSec3.swiper{padding:24px  16px }
.boxMainSec3.swiper .swiper-container {overflow:inherit;margin: 0 -16px;padding:0 16px}
.boxMainSec3.swiper .swiper-container:before{content:'';position:absolute;top:0;left:-22px;width:20px;height:100%;padding-bottom:10px;background:#f9f9f9;z-index:2}
.boxMainSec3.swiper .swiper-container:after{content:'';position:absolute;top:4px;right:0px;width:20px;height:20px;background:#f9f9f9;z-index:2}
.boxMainSec3.swiper .stTit + .swiper-container:after{content:none}
.boxMainSec3.swiper .swiper-slide {display:table;box-sizing:border-box;width:100%;background:none;text-align:left}
.boxMainSec3.swiper.person .swiper-slide {min-height:193px}
.boxMainSec3.swiper.person .swiper-slide .mBoxline.cardBox {min-height:119px}
.boxMainSec3.swiper.person .swiper-slide .mBoxline.stTouchFlow03 {min-height:153px}
.boxMainSec3.swiper.person .mBoxline.cardBox .iconList li{width:33.3%}
.boxMainSec3.swiper.person .mBoxline.cardBox .iconList li a .txt em{font-size: 14px;color: rgba(0,0,0,0.6);font-weight:300}
.boxMainSec3.swiper .swiper-slide .boxtouchFlow li {width:100%}
.boxMainSec3 .depTit3{color:rgba(0, 0, 0, 1.00);margin:0 0 16px}
.boxMainSwiper{padding:32px 0 32px 24px !important}
.boxMainSwiper.pt0 {padding-top:0px !important}
.boxMainSec2.boxMainSwiper + .boxMainSwiper.pt0 {padding-top:35px !important}

.boxSubSec{padding:32px 16px}
.boxSubSec2{position:relative;padding:32px 16px;background-color:#f2f2f2}
.boxSubSec2 .depTit, .boxSubSec2 .stTit{position:absolute;top:-15px}
.boxSubSec2 .depTit3:first-child {margin-top:0}
.boxSubSec2 .stTit  .depTit{top:0}
.boxSubSec2 .stTit  span {margin-right:48px}
.boxSubSwiper{padding:32px 0 32px 24px !important}
.boxSubSec .depTit3{margin-top:0;margin-bottom:0}
.boxSubSec .toggleList{margin-left:-16px;margin-right:-16px}
.boxSubSec .toggleList.type2{margin-left:0;margin-right:0}


/* Main TouchFlow */
.boxtouchFlow { overflow:hidden}
.boxtouchFlow ul {display:flex;white-space:nowrap; position:relative}
.boxtouchFlow li {-webkit-box-sizing:border-box;font-size:16px; box-sizing:border-box; display:inline-block;vertical-align:top}
.boxtouchFlow.stTouchFlow01 li {vertical-align:top;width:180px;text-align:left}
.boxtouchFlow.stTouchFlow01 li>a {position:relative;display:block;width:180px;height:270px;padding:0;border-radius:5px;background-color:#f2f3f8;white-space:initial}
.boxtouchFlow.stTouchFlow01 li:last-child {width:188px;padding-right: 8px}

.boxtouchFlow.stTouchFlow02 li {width:120px;padding-right:0}
.boxtouchFlow.stTouchFlow02 li>a {display:block;width:120px;white-space:initial}
.boxtouchFlow.stTouchFlow02 li:first-child {width:136px}
.boxtouchFlow.stTouchFlow02 li:first-child>a {margin-left:16px}
.boxtouchFlow.stTouchFlow02 li:last-child {width:136px;padding-right: 16px}
.boxtouchFlow.stTouchFlow02 li>a .img {width:100%; padding:0 0}
.boxtouchFlow.stTouchFlow02 li>a strong{display:table;width:120px;height:48px;padding:8px 0 0;margin-bottom:0;text-align:center;overflow:hidden;font-size:16px;font-weight:300;letter-spacing:-0.2px;color:rgba(0, 0, 0, 1.0)}

.boxtouchFlow.stTouchFlow03 li>a {display:block;min-height:119px;padding:16px;background:#fff;border-radius:5px;word-break:initial}
.boxtouchFlow.stTouchFlow03 li>a .boxCardst {display:flex;width:100%;height:51px;align-items:center;justify-content :flex-start}
.boxtouchFlow.stTouchFlow03 li>a .boxCardst .img {display:inline-block; width:80px;padding:0 16px 0 0}
.boxtouchFlow.stTouchFlow03 li>a .boxCardst strong {width:calc(100% - 96px);display:table-cell;overflow:hidden;font-size:16px;font-weight:400;letter-spacing:-0.2px;color:rgba(0, 0, 0, 0.87);text-align:left;vertical-align:middle;white-space:normal}
.boxtouchFlow.stTouchFlow03 li>a .boxCardst strong em { max-height:51px;max-width:100%;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;text-overflow:ellipsis}
.boxtouchFlow.stTouchFlow03 li>a p:nth-child(2) {height:auto;margin-top:8px}

.boxNoSlideArea {position:relative}
.boxNoSlideArea .boxtouchFlow.stTouchFlow03 li {display:table;padding:0}
.boxNoSlideArea .boxtouchFlow.stTouchFlow03 li>a {display:table-cell;width:100%}
.boxNoSlideArea .boxtouchFlow.stTouchFlow03 li>a .boxCardst strong {width:80%}

.boxCardst1{display:flex !important;width:100%;text-align:center}
.boxCardst1 em {width:50px;display:inline-block;flex:1;min-height: 60px;font-size:14px;line-height:20px;white-space:initial;border-right:1px solid rgba(0, 0, 0, 0.16);padding-right:10px;margin-right:10px;text-align:left}
.boxCardst1 em:last-child {border-right:none;padding-right:0;margin-right:0}
.boxCardst1 em span {max-height:40px;max-width:100%;line-height:20px;color:rgba(0, 0, 0, 0.6);overflow:hidden;display:block;text-overflow:ellipsis;white-space:pre-line;word-break: break-all}
.boxCardst1 em strong {display:block;font-size:14px;color:#2b71be;margin-top:3px}
.swiper-container .boxCardst1{; justify-content :center}

.fnDetailArea .swiper-container {margin:0 0 0 -24px;padding:0 0 0 24px}

.fnDetailArea1 {margin:0 24px 0 0}
.fnDetailArea1.fnDetailArea2 {margin:16px -24px 0;padding: 0 0px}
.fnDetailArea1.fnDetailArea2 .swiper-container{box-sizing:border-box;margin:0;padding:0}
.fnDetailArea1 .swiper-slide {box-sizing:border-box;width:100%;background:none}
.fnDetailArea1 .swiper-slide:last-child {padding:0}
.fnDetailArea1 .swiper-container .boxCardst1{justify-content :flex-start}

.boxtouchFlow.stTouchFlow04 li {width:295px}
.boxtouchFlow.stTouchFlow04 li>a {position:relative;display:table;width:calc(100% - 32px);height:51px;padding:8px 16px;background:#f2f2f2;border-radius:5px}
.boxtouchFlow.stTouchFlow04 li>a .img {position:absolute;left:16px;top:50%;width:80px;margin-top: -25px}
.boxtouchFlow.stTouchFlow04 li>a p {display:table-cell;height: 68px;vertical-align: middle;text-align:left;padding-left:96px}
.boxtouchFlow.stTouchFlow04 li>a p strong {display:block;max-height:44px;line-height:22px;overflow:hidden;font-size:16px;font-weight:400;letter-spacing:-0.2px;color:rgba(0, 0, 0, 0.87);text-align:left;vertical-align:middle;white-space:normal}
.boxtouchFlow.stTouchFlow04 li>a p span {display:block;width: 167px;font-size:14px;margin-top:0/*;overflow: hidden;text-overflow:ellipsis;white-space: nowrap*/}
.boxtouchFlow.stTouchFlow04 li>a p span em {color:#2b71be}
.boxtouchFlow.stTouchFlow04 li:last-child {width:303px;padding-right:8px}

.boxMainSt{padding:32px 24px}
.boxLineBottom{padding-bottom:32px !important;border-bottom:1px solid rgba(0, 0, 0, 0.16)}


/* Animation */
.grhBarAnimation * {webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.grhBarAnimation > span {position:relative;width:0}
.btnSharePlus:after, 
.boxShare, .animate,
.salesSlipList.toggleList > li > a:after,
.salesSlipList.toggleList > li.on > a:after{-webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out}


/* title */
.stTit {display:block;width:100%}
.stTit .depTit3 {display:inline-block;margin-top:0;margin-bottom:0}
.stTit .depTit3 + span {padding-top:0.188em}
.stTit span {float:right;font-size:14px !important;line-height:24px;color:rgba(0, 0, 0, 0.60)}
.depTit{display:inline-block;font-weight:bold;font-size:20px;vertical-align:top}
.depTit a, .arrRight24, .arrRight18{position:relative;display:inline-block;padding-right:24px}
.depTit a:before, .arrRight24:before{content:'';position:absolute;top:50%;right:5px;width:12px;height:1px;margin-top:-5px;background:#666;-webkit-transform:rotate(-45deg);transform:rotate(45deg)}
.depTit a:after, .arrRight24:after{content:'';display:block;position:absolute;top:50%;right:5px;left:auto;width:12px;height:1px;margin-top:3px;background:#666;-webkit-transform:rotate(45deg);transform:rotate(-45deg);box-shadow:none}
.arrRight24.fc6:before,  .arrRight24.fc6:after{background:#7f6ee3}

/* text type */
.txtBri{position:relative;color:rgba(0,0,0,.6);font-size:14px;padding-left:17px}
.txtBri:before{content:"※";display:inline-block;position:absolute;left:0;top:0;width:15px;height:18px}
.txtExc{position:relative;color:#fb5252;font-size:12px;padding-left:18px}
.txtExc:before{content:"";display:inline-block;position:absolute;left:0;top:5px;width:14px;height:14px;background: url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_info_24.png') no-repeat 0 0;background-size: 14px}

/* Swiper */
.bnfMainSlider .swiper-container, .swiper-container.appdown, .swiper-container.boxSwiperMyCard  {position:relative}
.swiper-container .btnPrev,.swiper-container .btnNext{display:block;position:absolute;top:0!important;z-index:10;width:32px;height:100%;margin:0!important}
.swiper-container .btnPrev{left:0;padding-right:16px}
.swiper-container .btnNext{right:0;padding-left:16px}
.swiper-container .btnPrev:before,.swiper-container .btnNext:before{content:"";display:block;position:relative;top:50%;width:32px;height:32px;margin-top:-10px;background-size:32px}
.swiper-container .btnPrev, .swiper-container .btnNext{display:none}

.swiperCon{position:relative;overflow:hidden}
.swiperCon .swiper{overflow:hidden;width:1500px}
.swiperCon .swiper>li{float:left;display:none}
.swiperCon .paging{display:block;overflow:hidden;height:9px;margin:15px auto 0;text-align:center}
.swiperCon .paging span{display:inline-block;width:6px;height:6px;border:1px solid #000;border-radius:7px;text-indent:-9999px;opacity:.6}
.swiperCon .paging span+span{margin-left:4px}
.swiperCon .paging span.on{background:#000}
.swiperCon.callbackUI{width:100%!important;transform:inherit!important}
.swiperCon.callbackUI .swiper, .swiperCon.callbackUI .paging, .swiperCon.callbackUI .numPaging{float:none!important}
.swiper-container, .swiper-container1, .swiper-container2 {margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;width:100%;height:auto;z-index:1}
.swiper-container-vertical > .swiper-wrapper {flex-direction:column}
.swiper-slide {flex-shrink:0;flex-grow:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank {visibility:hidden}
.swiper-wrapper {position:relative;width:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-slide {text-align:center;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:relative;display:list-item;padding:0px;margin:0px;height:auto;backface-visibility:hidden}

.boxSwiperMyCard a > strong {color:#000}
.boxSwiperMyCard .img {display:block;width:120px;margin:16px auto 36px}
.boxSwiperMyCard .swiper-pagination {position:inherit;margin-top:10px}
.swiper-container.boxSwiperMyCard  {margin: 0 -24px;padding: 0 24px}


/* Swiper Bullets */
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {margin:7px 0 0;text-align: center}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer}
.bnfMainSlider .swiper-container-horizontal > .swiper-pagination-bullets {bottom:0px;left:0;width:100%}
.bnfMainSlider .swiper-pagination {position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}
.bnfMainSlider .swiper-pagination.tpFraction {position:static;font-size:14px;color:#999;margin-top:10px}
.bnfMainSlider .swiper-pagination.tpFraction .swiper-pagination-current {color:#000}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.bnfMainSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px}
.swiper-pagination-bullet {width: 6px;height: 6px;display: inline-block;border-radius: 100%;border:1px solid rgba(0, 0, 0, .47);background: transparent }
.bnfMainSlider .swiper-pagination-bullet {width:6px;height:6px;display:inline-block;border-radius:100%;background:#fff;border:1px solid rgba(0, 0, 0, 0.47);background: transparent;text-align:center}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.bnfMainSlider .swiper-pagination-bullet-active {background:rgba(0, 0, 0, 0.87);border:1px solid rgba(0, 0, 0, 0.87)}
.bnfMainSlider .swiper-slide .img img {width:100%;height:auto;vertical-align:top}
.swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-android,
.bnfMainSlider .swiper-slide .txt{text-align:center}
.bnfMainSlider .swiper-slide .txt>strong{display:block;position:absolute;left:0;top:35px;font-size:20px;line-height:24px;width:100%}
.bnfMainSlider .swiper-slide .txt>span{display:block;position:absolute;left:0;top:65px;font-size:13px;line-height:16px;width:100%}

/* Swiper Cardtext+img */
.vipCard_Intro{text-align:center;padding:30px 0 40px}
.vipCard_Intro strong{display:table;width:100%;margin-bottom:20px}
.vipCard_Intro strong span{display:table-cell;vertical-align:middle;height:42px;overflow:hidden;font-size:18px;color:rgba(0, 0, 0, .87);word-break:break-all}

.swiperCardimg{padding:30px 0 40px}
.swiperCardimg a div {padding:0 25px}
.swiperCardimg a div img{width:100%}
.swiperCardimg a strong{display:table;width:100%;margin-bottom:15px}
.swiperCardimg a strong span{display:table-cell;vertical-align:middle;height:48px;padding:0 10px;overflow:hidden;font-size:18px;color:rgba(0, 0, 0, .87);word-break:break-all}
.swiperCardimg .swiper-slide {width:50%}


/* Main 배너 리뉴얼  */
.newEventBanner .swiper-wrapper{height:256px}
.newEventBanner .swiper-container{position:relative;z-index:1;width:100%;padding:0}
.newEventBanner .swiper-slide{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;width:100%;height:100%;padding:0;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;flex-shrink:0;transition-property:transform}
.newEventBanner .swiper-slide a{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-position:top center;border-radius:0!important;background-repeat:no-repeat;background-size:cover;overflow:hidden}
.newEventBanner .swiper-slide img{width:100%;margin:0;vertical-align:top}
.newEventBanner .swiper-slide,
.newEventBanner .swiper-slide-duplicate,
.newEventBanner .swiper-slide-prev,
.newEventBanner .swiper-slide-next{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);transition:all ease 0.5s;overflow:hidden}
.newEventBanner .swiper-slide-active{-webkit-transform:translate3d(0px, 0, 0) scale(1) !important;transform:translate3d(0px, 0, 0) scale(1) !important;transition:all ease 0.5s}
.newEventBanner .swiper-slide .tit{position:absolute;top:40px;left:24px;z-index:10}
.newEventBanner .swiper-slide .tit img{display:block;width:auto}
.newEventBanner .swiper-slide .visual_obj{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.newEventBanner .swiper-slide .visual_obj img{width:auto;max-width:100%}
.newEventBanner .swiper-slide .visual_obj .objTop,
.newEventBanner .swiper-slide .visual_obj .objRight,
.newEventBanner .swiper-slide .visual_obj .objBtm,
.newEventBanner .swiper-slide .visual_obj .objLeft{position:absolute}
.newEventBanner .swiper-slide .visual_obj .objTop{transition-delay:0.5s;-webkit-transition-delay:0.5s;transition-duration:1s;-webkit-transition-duration:1s;transition-property:all;-webkit-transition-property:all;transform:translateY(-100%);-webkit-transform:translateY(-100%);opacity:0}
.newEventBanner .swiper-slide .visual_obj .objRight{transition-delay:0.3s;-webkit-transition-delay:0.3s;transition-duration:1s;-webkit-transition-duration:1s;transition-property:all;-webkit-transition-property:all;transform:translateX(100%);-webkit-transform:translateX(100%);opacity:0}
.newEventBanner .swiper-slide .visual_obj .objBtm{transition-delay:0s;-webkit-transition-delay:0s;transition-duration:1s;-webkit-transition-duration:1s;transition-property:all;-webkit-transition-property:all;transform:translateY(100%);-webkit-transform:translateY(100%);opacity:0}
.newEventBanner .swiper-slide .visual_obj .objLeft{transition-delay:0s;-webkit-transition-delay:0s;transition-duration:1s;-webkit-transition-duration:1s;transition-property:all;-webkit-transition-property:all;transform:translateX(-100%);-webkit-transform:translateX(-100%);opacity:0}
.newEventBanner .swiper-slide-active .visual_obj .objTop{transition-delay:0.5s;-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-ms-transition-delay:0.5s;-o-transition-delay:0.5s;transition-duration:1s;-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-property:all;-webkit-transition-property:all;transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1}
.newEventBanner .swiper-slide-active .visual_obj .objRight{transition-delay:0.3s;-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-ms-transition-delay:0.3s;-o-transition-delay:0.3s;transition-duration:1s;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-property:all;-webkit-transition-property:all;transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1}
.newEventBanner .swiper-slide-active .visual_obj .objBtm{transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0.5s;-ms-transition-delay:0.5s;-o-transition-delay:0.5s;transition-duration:1s;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-property:all;-webkit-transition-property:all;transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1}
.newEventBanner .swiper-slide-active .visual_obj .objLeft{transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-duration:1s;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-property:all;-webkit-transition-property:all;transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1}

.newEventBanner .swiper-container .total{font-size:12px;line-height:26px;text-align:center;position:absolute;z-index:1;top:16px;right:48px;left:auto;margin:0;padding:0;overflow:hidden;box-sizing:border-box;width:60px;height:24px;color:rgba(255,255,255,0.87);border-radius:20px;background:rgba(0,0,0,0.47)}
.newEventBanner .swiper-container .total button{position:absolute;top:0;right:0;width:24px;height:24px;color:#b0b8c7;background:transparent;font-size:1px;line-height:0;color:transparent}
.newEventBanner .swiper-container .total button:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:'';width:1px;height:9px;background-color:rgba(255,255,255,1)}
.newEventBanner .swiper-container .total button:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);content:'';width:9px;height:1px;background-color:rgba(255,255,255,1)}
.newEventBanner .swiper-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;z-index:1;width:100%;transition-property:transform;box-sizing:content-box}
.newEventBanner .swiper-container .btnPrev, .newEventBanner .swiper-container .btnNext{display:none}
.newEventBanner .btnPause{overflow:hidden;position:absolute;top:16px;right:16px;left:auto;z-index:2;margin:0;background:rgba(0, 0, 0, 0.47);width:24px;height:24px;border-radius:12px;font-size:1px;line-height:0;color:transparent}
.newEventBanner .btnPause:after{display:block;content:'';position:absolute;top:0;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/ico_eventslider_play.png') no-repeat 8px center;background-size:10px 12px}
.newEventBanner .btnPause.on:after{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/ico_eventslider_pause.png') no-repeat 8px center;background-size:8px 10px}

/*board list*/
.newList li{position:relative;border-top:1px solid #e9e9e9}
.newList li a{display:block;padding:16px 48px 12px 16px;color:#999}
.newList li a span{display:block;width:100%;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(0, 0, 0, .87)}
.newList li a:after{content:"";display:block;position :absolute;right:16px;top:50%;width:24px;height:24px;margin-top:-12px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png) no-repeat 0 0;background-size:24px}
.newList li.noti a{padding-left:31px;background:#fffae5}
.newList li.noti a:before{content:"";display:block;position :absolute;left:16px;top:25px;width:6px;height:6px;background:url(https://img1.kbcard.com/cxh/ia_img/common/bul_noti.png);background-size:6px 6px}

.cardTxt.cardTxt2 {margin-top:0 !important}
.cardTxt.cardTxt2 em{display:table-cell;line-height:24px;padding-top:4px}
.cardTxt.cardTxt2 em span{display:table-cell;padding:0; margin-right:4px}
.cardTxt.cardTxt2 em + span{display:table-cell}
.cardTxt.cardTxt2 .name{position:relative;line-height:24px;color:rgba(0, 0, 0, .6);padding-left:13px}
.cardTxt.cardTxt2 .name:after{content:"";display:block;position:absolute;left:7px;top:50%;width:1px;height:12px;margin-top:-4px;background:rgba(0, 0, 0, .6)}

/*ICON */
.cardmk_ico{display:inline-block;width:32px;height:24px;margin:0 7px 0 0;background-repeat:no-repeat;background-size:100% auto;background-position:0 0;vertical-align:middle;color:transparent}
.cardmk_ico.ico_n{width:32px;height:24px;line-height:24px;background:#e6e6e6;border-radius:2px;text-indent:0;font-size:13px;color:rgba(0, 0, 0, .87);text-align:center}
.cardmk_ico.ico_b1{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_visa_64.png')}
.cardmk_ico.ico_b2{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_mastercard_64.png')}
.cardmk_ico.ico_b3{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_jcb_64.png')}
.cardmk_ico.ico_b4{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_unionpay_64.png')}
.cardmk_ico.ico_b5{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_americanexpress_64.png')}
.cardmk_ico.ico_b6{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_jcb_kworld_64.png')}
.cardmk_ico.ico_b7{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_unionpay_kworld_64.png')}


/* 말풍선 */
.arrowBox {position:relative;display:table;margin:0 auto 10px;padding:2px 10px;border-radius:13px;background-color:#fff;border:1px solid #2b71be; font-size:14px}
.arrowBox:before, .arrowBox:after{content:'';position:absolute;bottom:-11px;left:10px; border:solid transparent;width:0;height:0;pointer-events:none}
.arrowBox:before{border-top-color:#2b71be;border-width:11px;margin-left:-11px;transform:rotate(270deg)}
.arrowBox:after{bottom:-9px;border-top-color:#fff;border-width:12px;margin-left:-10px;transform:rotate(270deg)}


/* BAR그래프 */
.tySection {height:93px;padding:7px 15px 0}
.tySection .grhBarBox1{position:relative;height:4px;border-radius:0px;margin:7px 0;background-color:#f2f2f2;overflow:hidden;z-index:0}
.tySection .grhBarBox1 .grhBar{position:absolute;left:0;top:0;z-index:10;height:4px;border-radius:0px;background-color:#7f6ee3}
.tySection .grhSectionBox ul{display:-webkit-box;display:-webkit-flex;display:flex}
.tySection .grhSectionBox li{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;opacity:0.6}
.tySection .grhSectionBox {position:relative;display:block}
.tySection .grhSectionBox .boxSection{position:absolute;display:table-cell;width:80px;text-align:center;margin-left:-40px}
.tySection .grhSectionBox .boxSection em{display:block;width:16px;height:16px;border-radius:100%;background-color:#7f6ee3;margin:-17px auto 20px}
.tySection .grhSectionBox .boxSection.on em{position:relative;display:block;width:8px;height:8px;background-color:#fff;border:8px solid #7f6ee3;margin:-21px auto 16px}
.tySection .grhSectionBox .boxSection.on em:before{content:'';position:absolute;top:-8px;right:-8px; display:block;width:24px;height:24px;border-radius:100%;background-color:rgba(0,0,0,0.09);margin:0 auto;webkit-transform:scale(1.8); transform:scale(1.8);animation:keyanimation 1.2s ease-in-out infinite alternate}
.tySection .grhSectionBox .boxSection span{color:rgba(0,0,0,0.60)}
.tySection .grhSectionBox .boxSection.on span{font-weight:bold;color:rgba(0,0,0,0.87)}
.tySection .grhSectionBox .boxSection strong{font-size:12px;color:#7f6ee3}
.tySection.col5 .grhSectionBox .boxSection:nth-child(1){left:0}
.tySection.col5 .grhSectionBox .boxSection:nth-child(2){left:25%}
.tySection.col5 .grhSectionBox .boxSection:nth-child(3){left:50%}
.tySection.col5 .grhSectionBox .boxSection:nth-child(4){left:75%}
.tySection.col5 .grhSectionBox .boxSection:nth-child(5){left:100%}
.tySection.col4 .grhSectionBox .boxSection:nth-child(1){left:0}
.tySection.col4 .grhSectionBox .boxSection:nth-child(2){left:33.3%}
.tySection.col4 .grhSectionBox .boxSection:nth-child(3){left:66.6%}
.tySection.col4 .grhSectionBox .boxSection:nth-child(4){left:100%}
.tySection.col3 .grhSectionBox .boxSection:nth-child(1){left:0}
.tySection.col3 .grhSectionBox .boxSection:nth-child(2){left:50%}
.tySection.col3 .grhSectionBox .boxSection:nth-child(3){left:100%}
.tySection.col2 .grhSectionBox .boxSection:nth-child(1){left:0}
.tySection.col2 .grhSectionBox .boxSection:nth-child(2){left:100%}
.tySection.col4 .grhSectionBox .boxSection:nth-child(5),
.tySection.col3 .grhSectionBox .boxSection:nth-child(4),
.tySection.col3 .grhSectionBox .boxSection:nth-child(5),
.tySection.col2 .grhSectionBox .boxSection:nth-child(3),
.tySection.col2 .grhSectionBox .boxSection:nth-child(4),
.tySection.col2 .grhSectionBox .boxSection:nth-child(5) {display:none}
@keyframes keyanimation {
	from{-webkit-transform:scale(1.8); transform:scale(1.8)}
	to{-webkit-transform:scale(1.2); transform:scale(1.2)}
}

.grhBarArea{padding:0 10px}
.grhBarArea .grhBarBox{position:relative;height:16px;background-color:#f2f2f2}
.grhBarArea .grhBarBox:before{content:'';position:absolute;left:-9px;top:0;width:10px;height:100%;border-radius:8px 0 0 8px;background-color:#f2f2f2}
.grhBarArea .grhBarBox:after{content:'';position:absolute;right:-9px;top:0;width:10px;height:100%;border-radius:0 8px 8px 0;background-color:#f2f2f2}
.grhBarArea .grhBarBox .grhBar{position:absolute;left:0;top:0;;height:16px;background-color:rgba(1,160,199,0.5)}
.grhBarArea .grhBarBox .grhBar:before,
.grhBarArea .grhBarBox .grhBar:after{content:'';position:absolute;top:0;width:9px;height:100%;background-color:rgba(1,160,199,0.5)}
.grhBarArea .grhBarBox .grhBar:before{left:-9px;border-radius:8px 0 0 8px}
.grhBarArea .grhBarBox .grhBar:after{right:-9px;border-radius:0 8px 8px 0}
.grhBarArea .grhBarBox .grhBar .currP{position:absolute;right:-10px;top:-2px;z-index:30;width:20px;height:20px;border:2px solid #176b7f;border-radius:100%;background-color:#fff;box-sizing:border-box}
.grhBarArea .grhBarBox .grhBar .currP:before{content:'';position:absolute;right:4px;top:4px;width:8px;height:8px;border-radius:100%;background-color:#176b7f}
.grhBarArea .grhNumBox{display:-webkit-box;display:-webkit-flex;display:flex;margin:3px -10% 0}
.grhBarArea .grhNumBox span{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:14px;text-align:center;opacity:0.6}
.grhBarBox2{position:relative;height:16px;border-radius:8px;background-color:#fff}
.grhBarBox2 .grhBar{position:absolute;left:0;top:0;z-index:10;height:16px;border-radius:8px;background-color:#f46600}

.boxMainSec .fnDetailArea {position:relative}
.boxMainSec .fnDetailArea:last-child {padding-bottom:32px !important}
.boxMainSec .fnDetailArea.noLine:last-child {padding-bottom:0px !important}
.boxMainSec .fnDetailArea:last-child:after{content:'';position:absolute;bottom:0;width:100%;padding-right:24px; border-bottom:1px solid rgba(0, 0, 0, 0.16)}
.boxMainSec .fnDetailArea.noLine:last-child:after{content:none}
.boxMainSec2 .fnDetailArea.boxNoSlideArea:last-child:after{content:'';position:absolute;top:-16px;width:100%;padding-right:24px; border-bottom:1px solid rgba(0, 0, 0, 0.08)}
.boxMainSec2 .fnDetailArea1.fnDetailArea2 {margin:16px -24px 0;padding: 0}
.boxMainSec2 .fnDetailArea1.fnDetailArea2 .swiper-container{padding: 0 24px}


/*공지 팝업창*/
.newNotPopup .listType1 > li {padding-left:16px}
.newNotPopup .listType1 > li:before {content:none}
.newNotPopup .listType1 > li:after{content:"";position:absolute;left:6px;top:8px;margin-top:-3px;border:1px solid transparent;border-width:6px 4px;border-top-color:rgba(0, 0, 0, .87);transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}
.newNotPopup .center .btnS.center {margin:24px auto 16px;padding:6px 15px}
.newNotPopup .btnBox {height:49px}
.newNotPopup .btnBox .formWrap {line-height:48px;border-top:1px solid rgba(0,0,0,.16);border-right:1px solid rgba(0, 0, 0, .16);-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box}
.newNotPopup .btnBox label:before {content:none}
.newNotPopup .popCont img {max-width:100%;height:auto;vertical-align:top}

/* 공통요소 */
.depTitDate{display:block;margin-top:6px;color:rgba(0,0,0,0.6)}
.fc16{color:#f46600 !important}
.fc17{color:#448aff !important}
.fwL{font-weight:300 !important}
.fwM{font-weight:500 !important}
.tabCont button.btnMore{position:relative;width:100%;height:56px;font-size:14px;background:#fff;line-height:56px}
.tabCont button.btnMore span{padding-right:16px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_down_24_000.png) no-repeat 100% 50%;background-size:16px 16px}

.termsBox.type3 .inforCheck a{padding:14px 32px 14px 16px}
.loginTypeSel{padding:32px 0 56px}
.loginTypeSel.col2 li{width:auto !important;padding:0 24px}
.loginTypeSel li a.invalid:before{background-position:-100px -50px}


/** 본인확인 **/
.verifyArea{padding:0 16px 32px;text-align:center}
.verifyArea p {font-weight:bold;}
.verifyArea .name{display:block;margin-top:32px;font-size:36px;letter-spacing:-0.3px;line-height:1.220em}
.verifyArea .verifyChk{margin-top:8px;}
.verifyArea .verifyChk:after{display:block;clear:both;content:''}
.verifyArea .verifyChk li{float:left;position:relative;width:50%}
.verifyArea .verifyChk li + li:before{content:'';position:absolute;top:35px;left:0;width:1px;height:104px;background:rgba(0, 0, 0, 0.16)}
.verifyArea .verifyChk li a{display:block;position:relative;padding-top:120px;font-weight:bold;}
.verifyArea .verifyChk li .yes:before{content:'';box-sizing:border-box;position:absolute;top:32px;left:50%;width:64px;height:64px;border:8px solid #0066ff;border-radius:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
.verifyArea .verifyChk li .no:before,
.verifyArea .verifyChk li .no:after{content:'';position:absolute;top:39px;left:50%;width:8px;height:56px;background:rgba(255,0,0,0.87);transform:rotate(-315deg) translateX(-50%);-webkit-transform:rotate(-315deg) translateX(-50%);-moz-transform:rotate(-315deg) translateX(-50%);-ms-transform:rotate(-315deg) translateX(-50%);-o-transform:rotate(-315deg) translateX(-50%)}
.verifyArea .verifyChk li .no:after{top:34px;transform:rotate(315deg) translateX(-50%);-webkit-transform:rotate(315deg) translateX(-50%);-ms-transform:rotate(315deg) translateX(-50%);-moz-transform:rotate(315deg) translateX(-50%);-o-transform:rotate(315deg) translateX(-50%)}
/* 2023.5.25_디자인 개선 */ 
.btnDars {border:1px solid rgba(0,0,0,.16) !important;height:56px;line-height:56px !important;font-size:0.938rem;font-weight:bold;}
.btnDars .icon {width:20px;height:20px;vertical-align:middle;line-height:20px;margin-right:8px;}
.img-banner {padding:0 16px;margin:24px 0;}
.img-banner__item {position:relative;display:block;padding:24px 16px;border-radius:12px;color:#26282c;}
.img-banner__item--dars {padding-right:115px;background:#ffecf1;}
.img-banner__item--dars:before {content:'';position:absolute;width:112px;height:112px;right:.4rem;top:50%; transform:translate(0,-50%);background:url('https://img1.kbcard.com/home_re/mo/bn/bn-starfriends-dars.png')no-repeat 0 0;background-size:100% auto;}
.img-banner__item p {font-size:0.875rem}
.img-banner__tit {font-weight:bold;margin-top:8px;}
.list-step { position:relative;}
.list-step--pink .list-step__item {position:relative;padding: 0 0 16px 26px;}
.list-step--pink {background:#ffecf1;border-radius:6px;padding:24px; }
.list-step--pink .list-step__item:before {content: '';position: absolute;top:18px;left:9px;bottom:-18px;z-index:0;width:1px;border-left:1px dotted #e15577;}
.list-step--pink .list-step__num {display:block;position:absolute;top:5px;left:0;width:18px;height:18px;background:#e15577;border-radius:5rem;margin-bottom:.8rem;color:#fff;font-size:0.813rem;text-align:center;line-height:18px;} 
.list-step__item {color:#26282c;}
.list-step__item:last-child {padding-bottom:0;}
.list-step__item:last-child:before {display:none;} 
.pointree-info {position:relative;}
.pointree-info:before {content:'';position:absolute;width:84px;height:84px;top:0;right:16px;background:url('https://img1.kbcard.com/home_re/mo/bn/bn-starfriends-dars.png')no-repeat 0 0;background-size:100% auto;}

/** 비밀번호 입력 **/
.inpCardBox{padding-bottom:24px}
.inpCardBox input[type='password']{display:inline-block;width:100%;letter-spacing:0.12em;font-size:64px !important;line-height:1 !important; text-size-adjust:100%;-webkit-text-size-adjust:40%;-moz-text-size-adjust:100%;-o-text-size-adjust:100%;-ms-text-size-adjust:100%;box-sizing:border-box;color: #fc0;padding:0;text-align:center;border:none}
.inpCardBox input[type='password']::-webkit-input-placeholder {font-size:20px !important;text-size-adjust:100%;-webkit-text-size-adjust:140%;-moz-text-size-adjust:100%;-o-text-size-adjust:100%;-ms-text-size-adjust:10%;color: #ccc;text-align:center}
.inpCardBox input[type='password']:-moz-placeholder {font-size:20px !important;text-size-adjust:100%;-webkit-text-size-adjust:140%;-moz-text-size-adjust:100%;-o-text-size-adjust:100%;-ms-text-size-adjust:10%;color: #ccc;text-align:center;opacity: 1}
.inpCardBox input[type='password']::-moz-placeholder {font-size:20px !important;text-size-adjust:100%;-webkit-text-size-adjust:140%;-moz-text-size-adjust:100%;-o-text-size-adjust:100%;-ms-text-size-adjust:10%;color: #ccc;text-align:center;opacity: 1}
.inpCardBox input[type='password']:-ms-input-placeholder {font-size:20px !important;text-size-adjust:100%;-webkit-text-size-adjust:140%;-moz-text-size-adjust:100%;-o-text-size-adjust:100%;-ms-text-size-adjust:10%;color: #ccc;text-align:center}

.quickLink.newArs{margin-top:32px;text-align:center}
.quickLink.newArs a{float:none;display:inline-block;width:auto;margin-top:0;padding:0;font-weight:bold;}
.quickLink.downward{padding-bottom:12px}
.quickLink.newArs .arrR{font-size:16px;line-height:1.5em}
.quickLink.downward .arrR:after{margin-left:4px;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.inpCardBox input::placeholder{font-size:38px !important;vertical-align:top;color:#d5d5d5	}

/** 방식선택 **/
.radioSel + .termsBox{margin-top:20px}
.addBox .idenArea input[readonly]{background:#fff}


/* 결제예정금액 */
.mykbTop{padding:0 32px}
.tabCont .mykbTop{padding-top:25px;letter-spacing:-0.2px}
.boxMainSec .tabBox.type2 .tabCont{margin-top:0}
.boxMainSec .tabBox.type2 .tabCont.on .mykbTop{padding-top:0}
.mykbTop .txt{font-size:18px;line-height:1.33em}
.mykbTop .numLink{display:inline-block;position:relative;margin-top:16px;padding-right:24px;font-size:18px}
.mykbTop .numLink:before,
.mykbTop .numLink:after{content:'';position:absolute;top:50%;right:5px;width:12px;height:1px;background:#222;opacity:1}
.mykbTop .numLink:before{margin-top:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.mykbTop .numLink:after{margin-top:4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.mykbTop .numLink strong{font-size:32px;line-height:20px;vertical-align:middle}
.mykbTop .numLink span{margin-left:2px;vertical-align:middle}
.iconLinkList{display:-webkit-flex;display:flex;;margin:32px auto 0}
.iconLinkList li{-webkit-flex:1;flex:1;text-align:center}
.iconLinkList li a{display:block}
.iconLinkList li a:before{content:'';display:inline-block;width:48px;height:48px}
.iconLinkList li.pay a:before{background-position:0 0}
.iconLinkList li.state a:before{background-position:-50px 0}
.iconLinkList li.lost a:before{background-position:-100px 0}
.iconLinkList li a span{display:block;font-size:14px;color:rgba(0,0,0,0.6);line-height:20px}
.iconLinkList.noBgimg li a:before{content:none}
.iconLinkList.noBgimg li a .img{display:inline-block;width:48px;height:48px;margin-bottom:7px;vertical-align:top}
.iconLinkList.noBgimg li a .img img{width:100%;height:auto;vertical-align:top}

/* 이용한도 */
.barTxtList{font-size:1px;line-height:0;color:transparent;line-height:1} 
.barTxtList .item{display:inline-block;position:relative;font-size:14px;color:rgba(0, 0, 0, 0.6);line-height:1.43em;vertical-align:top}
.barTxtList .item:after{content:'';display:inline-block;width:1px;height:10px;margin:0 8px 0 8px;background:rgba(0,0,0,0.08)}
.barTxtList .item:last-child:after{display:none}
.barTxtList.grhBarInfo{padding:12px 0 18px}
.payInfoList > li{display:flex;justify-content: space-between;width:100%}
.payInfoList > li .cell{display:table-cell;vertical-align:middle}
.payInfoList > li .cell + .cell{text-align:right}
.payInfoList > li .cell .tit{letter-spacing:-0.2px}
.payInfoList > li .num{font-size:20px;color:#000;line-height:1.400em;vertical-align:middle;letter-spacing:0.2px}
.payInfoList > li .num + span{vertical-align:middle;margin-left:1px;letter-spacing:-0.2px}
.payInfoList.grhBar li .tit{display:inline-block;position:relative;padding-left:16px}
.payInfoList.grhBar li .tit:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:0;width:12px;height:12px;margin-top:-6px;border:1px solid rgba(0,0,0,0.16);border-radius:50% 50%;background:#fff}
.payInfoList.grhBar li .tit.total:before{border-color:#f46600;background:#f46600}

/* 최근 7일간 이용내역 */
.mykbTabWrap{margin-top:20px;padding:0}
.mykbTabWrap .tabCont{margin-top:0}
.days7List{margin-right:-24px}
.days7List > li{border-bottom:1px solid rgba(0, 0, 0, 0.16)}
.days7List > li > a {display:block;padding:24px 24px 24px 0}
.days7List .days7Top{display:table;table-layout:fixed;width:100%}
.days7List .days7Top .cell{display:table-cell;vertical-align:middle}
.days7List .days7Top .cell + .cell{width:47%;text-align:right}
.days7List .days7Top .tit{overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.2px}
.days7List .days7Top .num{letter-spacing:-0.2px}
.days7List .days7Top .num + .fs_2 {vertical-align:0.5px;margin-left:1px}
.days7List .days7Info{margin-top:16px}
.days7List .days7Info .days7Etc{font-size:14px;line-height:1.43em}
.days7List .days7Info .days7Etc .fc16 + .fc17{margin-left:5px}
.days7List li.cancel *{color:rgba(0, 0, 0, 0.6)}
.days7List li.cancel .num{text-decoration:line-through}
.days7Noti{padding:60px 0 56px;border-bottom:1px solid rgba(0,0,0,0.16);text-align:center}
.days7Noti:before{content:'';display:inline-block;width:64px;height:64px;margin-bottom:16px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/svg/common/ico/visual/64/ico_empty_64_gray.svg);background-size:64px}
.btnLinkUd{display:block;height:56px;color:rgba(0, 0, 0, 0.6);line-height:56px;text-align:center;text-decoration:underline}

/** 혜택 Main **/
.bnfMainSlider{margin:0 -24px}
.bnfMainSlider .swiper-slide{overflow:hidden;box-sizing:border-box}
.bnfCardBox{display:block;padding:0 24px}
.bnfCardBox .bnfCardInfo{text-align:center}
.bnfCardBox .bnfCardInfo .cardName{padding:16px 0}
.bnfCardBox .bnfCardInfo .cardName img{width:32px;vertical-align: top}
.bnfCardBox .bnfCardInfo .cardImg img{width:120px}
.bnfCardBox .tySection{padding-top:50px}
.bnfCardBox .bnfCardTxt{padding:12px 0 4px 0;text-align:center;font-size:14px;color:#666;line-height:1.43em}
.bnfCardBox .bnfCardTxt .desc .fc6{margin-right:3px}
.bnfCardBox .bnfCardTxt .desc:after{content:'';display:inline-block;width:16px;height:16px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png) no-repeat 1px -1px;background-size:16px auto;vertical-align:middle}
.boxMainSec .depTit + .payInfoList,
.boxMainSec .stTit + .payInfoList{margin-top:16px}
.payInfoList.benefit > li{padding:14px 0}
.payInfoList.benefit > li.pointLi{display:block;padding-bottom:0}
.payInfoList.benefit > li .num{margin-right:1px;color:#7f6ee3}
.iconLinkList li.point a:before{background-position:-350px 0}
.iconLinkList li.mileage a:before{background-position:-400px 0}
.iconLinkList li.mpoint a:before{background-position:-450px 0}


/** 상담지연안내 - 팝업 **/
.delayPopCont{position:relative;margin-top:8px;padding-left:96px;letter-spacing:-0.2px}
.delayPopCont:before{content:'';position:absolute;top:0;left:0;width:80px;height:80px;background-position:-100px -150px}
.delayPopCont.stV3:before{background-position:0 -150px}
.delayPopCont strong + .txt{margin-top:16px}

/** 수화 영상상담 안내 **/
.signlangCont{padding:33px 16px 7px;letter-spacing:-0.2px}
.signlangCont .desc + .desc{margin-top:8px}
.signlangCont .listType1{margin-top:16px;font-weight:300}
.signlangCont .desc2{margin-top:32px;font-weight:bold;text-align:center}

/** 상담종료 **/
.linkTypeBox{padding-top:8px}
.linkTypeBox a{display:block;color:rgba(0, 0, 0, 0.6);letter-spacing:-0.2px;text-align:center;text-decoration:underline}
.linkTypeBox a + a{margin-top:16px}
.arsLinkBox{position:relative;box-sizing:border-box;display:block;padding:16px 16px 16px 80px;margin-top:32px;border:1px solid #d6d6d6}
.arsLinkBox + .arsLinkBox{margin-top:8px}
.arsLinkBox.app:before{content:'';position:absolute;top:50%;left:16px;width:48px;height:48px;margin-top:-24px;background-position:-150px 0}
.arsLinkBox.kbpay:before{content:'';position:absolute;top:50%;left:16px;width:48px;height:48px;margin-top:-24px;background-position:-400px -50px}
.arsLinkBox.mweb:before{content:'';position:absolute;top:50%;left:16px;width:48px;height:48px;margin-top:-24px;background-position:-200px 0}
.arsLinkBox .tit{display:block;letter-spacing:-0.2px}
.arsLinkBox .txt{margin-top:7px;font-size:14px;color:rgba(0, 0, 0, 0.6);line-height:1.25em}

/* 인기카드 추천 */
.boxMainSec2 .boxMainInr + .boxMainInr{margin-top:32px}
.boxMainSec2 .boxMainInr .stTit{position:static}
.boxMainSec2 .boxMainInr .stTit span{margin-right:0}

/** 상담원 선택**/
.consulWrap .tit{display:block;padding:24px 0 20px;text-align:center;letter-spacing:-0.2px}
.consulList{padding:0 12px}
.consulList:after{display:block;clear:both;content:''}
.consulList li{float:left;box-sizing:border-box;width:33.33%;padding:4px}
.consulList li a{box-sizing:border-box;display:block;padding:15px 0 7px;border:1px solid rgba(0, 0, 0, 0.16);text-align:center}
.consulList li a.on{padding:14px 0 6px;border:2px solid #ffcc00}
.consulList li a .img{display:inline-block;width:32px;height:32px;vertical-align:top}
.consulList li a .img img{width: 100%}
.consulList li a .txt{display:table;width:100%}
.consulList li a .txt span{box-sizing:border-box;display:table-cell;width:100%;height:48px;padding:0 5px;font-size:14px;line-height:22px;vertical-align:middle;letter-spacing:-0.2px}


/* button */
.btnS.type1{border-radius:18px}

.identity .radioSel.col4 .formWrap.st001 {width: 40%}
.identity .radioSel.col4 .formWrap.st001 .selType1{border:none;background:none}

/* 라운드 버튼 */
.roundBtn.type3:after, .roundBtn.type4:after {content:none;}
.roundBtn.type3{padding:9px 10px;font-size:14px;border:1px solid rgba(0, 0, 0, 0.24);line-height:1.43;background: #fff;color:rgba(0, 0, 0, .87)}
.roundBtn.type4{padding:8px 10px;font-size:16px;border:1px solid rgba(0, 0, 0, 0.24);line-height:1.43;color:#fff;background:#6d7079}

/* form */
.boxformWrap:after{content:'';display:block;clear:both}
.boxformWrap li{float:left}
.boxformWrap .formWrap + .formWrap{margin-left:123px}
.boxformWrap input[type='radio'] + label:before{vertical-align:top}

/*table*/
/*.tbsList2{border-top:1px solid rgba(0, 0, 0, .87);font-size:16px;line-height:1.500em;color:rgba(0, 0, 0, .87);letter-spacing:-0.2px}
.tbsList2 li{padding:16px 0;border-bottom:1px solid rgba(0, 0, 0, 0.16)}
.tbsList2 li:after{content:'';display:block;clear:both}
.tbsList2 li > span{float:left;max-width:25%;color:rgba(0, 0, 0, 0.6);word-break:normal}
.tbsList2 li > strong{float:right;max-width:75%;font-weight:normal;text-align:right}*/

/* infomation */
.infoBox.bgGray{background-color:#f2f2f2 !important}

/*카드 선택*/
.cardBox .cardSel.typeView .cardTxt.cardTxt2{border:1px solid rgba(0, 0, 0, .16);border-bottom:none;color:rgba(0, 0, 0, 0.6)}
.cardBox .cardSel.typeView .cardTxt.cardTxt2 em > .cardmk_ico.ico_b2{overflow:hidden;color:rgba(0, 0, 0, 1);text-indent:-9999px}


/**** Splash ****/
.splashWrap{position:relative;min-height:100vh;background-color:#ffcc00}
.splashWrap .splCont{width:320px;margin:0 auto;padding:132px 32px 90px}
.splashWrap .splCont .splTit div{width:162px;height:72px;font-size:1px;line-height:0;color:transparent;background-position:0 -50px}
.splashWrap .splCont .txtSpl{margin-top:28px}
.splashWrap .splCont .txtSpl div{width:185px;height:40px;font-size:1px;line-height:0;color:transparent;background-position:0 -150px}
.splashWrap .splCont .splList{margin-top:32px}
.splashWrap .splCont .splList li{position:relative;margin-top:8px;padding-left:10px;line-height:1.500em;color:rgba(0, 0, 0, .87);letter-spacing:-0.2px}
.splashWrap .splCont .splList li:first-child{margin-top:0}
.splashWrap .splCont .splList li:before{content:'';position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:100%;background-color:rgba(0,0,0, 0.87)}
.splashWrap .splFoot{position:absolute;bottom:32px;width:100%;text-align:center}
.splashWrap .splFoot div{width:145px;height:24px;margin:0 auto;font-size:1px;line-height:0;color:transparent;background-position:0 0}


/*완료페이지 full Background*/
.errorWrap.compFullBg{letter-spacing:-0.2px}
.errorWrap.compFullBg .infoBox.notImg{letter-spacing:-0.2px}
.errorWrap.compFullBg .txtError{margin-top:8px;font-weight:500;font-size:24px;line-height:1.33;letter-spacing:-0.2px}

/** 매출전표 **/
.salesSlipArea{padding:24px 24px 0}
.salesSlipTop .titSalesSlip{font-weight:400;font-size:16px;letter-spacing:-0.2px;opacity:0.6}
.salesSlipTop .numTotal{display:block;margin-top:-2px;font-size:20px;letter-spacing:-0.2px;line-height:1.4;vertical-align:top}
.salesSlipList{margin:0 -24px 0 0;padding:12px 24px 12px 0;border-top:1px solid rgba(0, 0, 0, 0.16)}
.salesSlipList:first-of-type{margin-top:20px}
.salesSlipList li:after{content:'';display:block;clear:both}
.salesSlipList li + li{margin-top:6px}
.salesSlipList li .lb{float:left;width:35%;color:rgba(0, 0, 0, 0.6);letter-spacing:-0.2px;word-break:normal}
.salesSlipList li .cnt{float:right;width:62%;letter-spacing:-0.2px;text-align:right}
.salesSlipList a .titSales{font-weight:400;color:rgba(0, 0, 0, 0.6)}
.salesSlipList.toggleList > li{width:inherit;border-top:none}
.salesSlipList.toggleList > li:last-child{border-bottom:none}
.salesSlipList.toggleList > li > a{display:block;width:inherit;height:auto}
.salesSlipList.toggleList > li.on > a{background-color:#fff}
.salesSlipList.toggleList > li > a:after{content:"";display:block;right:-3px;top:0;width:24px;height:24px;margin-top:0;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_down_24_000.png') no-repeat 0 0/24px 24px}
.salesSlipList.toggleList > li.on > a:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.salesSlipList.toggleList .toggleView{padding:17px 0 0 0;background-color:#fff}


/** 금융 Main **/
.fnDetailArea .depTit3{margin-top:0;margin-bottom:0}
.fnDetailList + .depTit3{margin-top:32px}

/* 상세 정보 */
.boxMainSec .depTit + .fnDetailArea, .boxMainSec .stTit + .fnDetailArea {margin-top:16px}
.fnDetailArea + .fnDetailArea{margin-top:32px}
.fnDetailArea.boxNoSlideArea .fnDetailArea1.fnDetailArea2 {margin:16px -24px 0;padding: 0 24px}
.fnDetailArea.boxNoSlideArea .fnDetailArea1.fnDetailArea2 .swiper-container{box-sizing:border-box;margin:0;padding:0}
.depTit3 + .fnDetailList{margin-top:18px}
.fnDetailList li + li{margin-top:4px}
.fnDetailList li:after{content:'';display:block;clear:both}
.fnDetailList .lb{float:left}
.fnDetailList .cnt{float:right}
.fnDetailList .cnt del, .fnDetailList .cnt em {color:#000}
.fnDetailList .cnt del + .num{margin:0 1px 0 8px}
.fnDetailList .cnt em + .num{margin:0 1px 0 4px}
.fnDetailList .cnt .num{font-size:20px;margin-right:1px;vertical-align: -1px}
.fnDetailList .cnt .num{font-size:20px}
.fnDetailList .cnt .num .txtPer{font-weight:400;font-size:16px}
.fnDetailList + .txtBri{margin-top:16px;letter-spacing:-1.4px}
.fnDetailList + .btnL{margin-top:18px}
.fnDetailList + .txtBri + .btnL{margin-top:16px}


/* 하단 배너 */
.fnBnList{display:-webkit-box;display:-webkit-flex;display:flex}
.fnBnList li{-webkit-box-flex:1;-webkit-flex:1;flex:1;border-radius:4px;background-color:#ffff}
.fnBnList a{display:block;padding:36px 0px 35px;text-align:center}
.fnBnList a:before{content:'';display:inline-block;width:48px;height:48px;background-position:-250px 0}
.fnBnList li + li{margin-left:8px}
.fnBnList li + li a:before{background-position:-300px 0}
.fnBnList .txt{display:block;text-align:center}

.fnLeaseList a + a{margin-top:8px !important}
.fnLeaseList .btnWhite{margin-top:0;;border:none !important}
.fnLeaseList .btnL.btnWhite{line-height:48px}
.fnLeaseList .btnWhite span{position:relative;margin-left: 40px}
.fnLeaseList .btnWhite span:before{content:'';position:absolute;top:50%;left:-40px;display:inline-block;width:32px;height:32px;margin-top: -16px;background-position:-250px 0}
.fnLeaseList .btnWhite span.lease:before{background-position:-300px 0}


.listType1 > li > sup {position: relative;vertical-align: bottom}
.listType1 > li > sup > .fc2 {position: absolute;top: -9px}

/* Popup */
.layerWrap.newNotPopup .btnBox .popClose{border-top: 1px solid rgba(0,0,0,.16) }
.layerWrap.newNotPopup .btnBox .popClose a{border-top:none }

/* 혜택가득 이벤트입니다. */
.totalSchArea article.mEventArea > .schResult:after {content:"";clear:both;display:block;overflow:hidden;visibility:hidden;}
.totalSchArea article.mEventArea.typeGray .schResult>a {padding:0 }
.totalSchArea article.mEventArea .findEvent {overflow:hidden;float:left;width:calc(50% - 4px);margin:8px 0 8px 8px;background-color:#fff;border-radius:4px;}
.totalSchArea article.mEventArea .findEvent:nth-child(2n-1) {margin-left:0;}
.totalSchArea article.mEventArea .findEvent .imgArea {height:80px;text-align:center;}
.totalSchArea article.mEventArea .findEvent .imgArea img {width: auto;height:100%;}
.totalSchArea article.mEventArea .findEvent .txtArea {padding:16px 8px;}
.totalSchArea article.mEventArea .findEvent .txtArea strong {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:43px;text-overflow:ellipsis;}
.totalSchArea article.mEventArea .findEvent .txtArea p {display:block;overflow:hidden;height:24px;font-size:14px;opacity:0.6;margin-top:4px;}



@media screen and (max-width:320px){
	.tabDep3 li a{padding:0 6px}
	.boxCardst1 em span {height:36px}
	.boxtouchFlow.stTouchFlow04 li {width:275px}
}

/* 기타-정렬 */
.toggleList .toggleView .tabDep3 li a {padding: 0px 9px;letter-spacing: -0.5px }
.txtInfo.mt10.fs_2:before {left:inherit;margin-left: -20px}
.toggleList>li.noteBox>.toggleView strong.depTit3:first-child {margin-top: 0}

/*디지털ARS_장기카드대출(카드론) 대출관리 | KB 국민카드(HW11)*/
.btnBox.col > span {margin-right: 0}
.layerWrap.newNotPopup .popTop + .popCont .popTexts {word-break: break-all;white-space: pre-line }

/* .btnL.btnWhite{line-height: 47px} */
.layerNav .tit {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

#duty0.layerWrap.fullLayer, #duty1.layerWrap.fullLayer, #duty2.layerWrap.fullLayer, #duty3.layerWrap.fullLayer, #duty4.layerWrap.fullLayer, #duty5.layerWrap.fullLayer, #duty6.layerWrap.fullLayer, 
#id_layerWrap1.layerWrap.fullLayer, #id_layerWrap2.layerWrap.fullLayer, #id_layerWrap3.layerWrap.fullLayer, #id_layerWrap4.layerWrap.fullLayer, #id_layerWrap5.layerWrap.fullLayer, #id_layerWrap6.layerWrap.fullLayer, #id_layerWrap7.layerWrap.fullLayer, #id_layerWrap8.layerWrap.fullLayer, #id_layerWrap9.layerWrap.fullLayer, #id_layerWrap10.layerWrap.fullLayer, 
#fullpop.layerWrap.fullLayer, 
#PCXHIAH0004, #PCXHIAH0005, #PCXHIAH0006, #PCXHIAH0007, #PCXHIAH0008, #PCXHIAH0009, #PCXHIAH0013, #PCXHIAH0014, #PCXHIAH0015, 
#cnslListPop, #primeLayer, #handCnslInfoPopup{height:100% !important}

#duty0.layerWrap.fullLayer .popCont, #duty1.layerWrap.fullLayer .popCont, #duty2.layerWrap.fullLayer .popCont, #duty3.layerWrap.fullLayer .popCont, #duty4.layerWrap.fullLayer .popCont, #duty5.layerWrap.fullLayer .popCont, #duty6.layerWrap.fullLayer .popCont, 
#id_layerWrap1.layerWrap.fullLayer .popCont, #id_layerWrap2.layerWrap.fullLayer .popCont, #id_layerWrap3.layerWrap.fullLayer .popCont, #id_layerWrap4.layerWrap.fullLayer .popCont, #id_layerWrap5.layerWrap.fullLayer .popCont, #id_layerWrap6.layerWrap.fullLayer .popCont, #id_layerWrap7.layerWrap.fullLayer .popCont, #id_layerWrap8.layerWrap.fullLayer .popCont, #id_layerWrap9.layerWrap.fullLayer .popCont, #id_layerWrap10.layerWrap.fullLayer .popCont, 
#fullpop.layerWrap.fullLayer .popCont, 
#PCXHIAH0004.layerWrap.fullLayer .popCont, #PCXHIAH0005.layerWrap.fullLayer .popCont, #PCXHIAH0006.layerWrap.fullLayer .popCont, #PCXHIAH0007.layerWrap.fullLayer .popCont, #PCXHIAH0008.layerWrap.fullLayer .popCont, #PCXHIAH0009.layerWrap.fullLayer .popCont, #PCXHIAH0013.layerWrap.fullLayer .popCont, #PCXHIAH0014.layerWrap.fullLayer .popCont, #PCXHIAH0015.layerWrap.fullLayer .popCont{height:calc(100% - 120px) !important}
#cnslListPop .popCont, #primeLayer .popCont, #handCnslInfoPopup .popCont{height:calc(100% - 65px) !important}

/* 전체메뉴 통합 */
.layerWrap.allMenuRE{display:none;position:fixed;left:0;top:50%;margin:0 15px;background:#fff;z-index:9001;box-shadow:0 16px 16px 0 rgba(0,0,0,.24), 0 0 16px 0 rgba(0,0,0,.12)}
.layerWrap.allMenuRE .popClose{position:absolute;right:16px;top:16px;z-index:9002;display:block;width:24px!important;height:24px!important;text-align:center;}
.layerWrap.allMenuRE .popCont{position:relative;overflow-y:auto;padding:24px 16px 80px 16px;color:rgba(0, 0, 0, .6);font-size:16px;line-height:1.500em;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}
.layerWrap.allMenuRE .popCont.container{padding:0 16px}
.layerWrap.allMenuRE .popCont > .contArea{padding:0}
.layerWrap.allMenuRE .popCont.type2{padding:0 0 47px}

.layerWrap.allMenuRE .popTop{overflow:inherit;display:block;height:auto;position:relative!important;z-index:20;padding:0;border-bottom:none;-webkit-box-sizing:border-box;box-sizing:border-box}
.layerWrap.allMenuRE .popTop .home{overflow:hidden;display:block;position:absolute;top:16px;left:24px;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat 0 0;background-size:auto 48px;font-size:1px;color:transparent}
.layerWrap.allMenuRE .popTop .utilArea{position:absolute;top:16px;right:64px}
.layerWrap.allMenuRE .popTop .utilArea > a{overflow:hidden;display:inline-block;position:static;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat 0 0;background-size:auto 48px;font-size:16px;color:transparent;vertical-align:top}
.layerWrap.allMenuRE .popTop .utilArea .search{background-position:-24px 0}
.layerWrap.allMenuRE .popTop .utilArea .customer{margin-left:16px;background-position:-48px 0}
.layerWrap.allMenuRE .popTop .utilArea .notice{position:relative;margin-right:16px;background-position:-96px 0}
.layerWrap.allMenuRE .popTop .utilArea .setup{margin-left:16px;background-position:-120px 0}
.layerWrap.allMenuRE .popTop .utilArea .notice.badge:before{content:'';position:absolute;top:0;right:0;width:6px;height:6px;border:2px solid #fff;border-radius:5px;background:rgba(244, 102, 0, 1)}
.layerWrap.allMenuRE .popTop .logOut{position:absolute;right:24px;bottom:16px;color:rgba(0,0,0,.6);font-size:14px;line-height:1.429em;text-decoration:underline}
.layerWrap.allMenuRE .idArea{position:relative;margin:0;min-height:32px;border-bottom:1px solid rgba(255, 255, 255, .16);padding:66px 88px 16px 24px}
.layerWrap.allMenuRE .idArea .icoSec{display:none}
.layerWrap.allMenuRE .idArea .name{overflow:hidden;display:inline-block;position:relative;height:24px;max-width:100%;line-height:24px;white-space:nowrap;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top}
.layerWrap.allMenuRE .idArea .name > *{color:rgba(0,0,0,.87)}
.layerWrap.allMenuRE .idArea .name .vip{position:relative;background:none;color:#fff !important}
.layerWrap.allMenuRE .idArea .name .vip:after{content:'';display:inline-block;width:5px;height:5px;margin-left:4px;border:1px solid #fff;border-bottom:none;border-left:none;vertical-align:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.layerWrap.allMenuRE .idArea .lastJoin{display:inline-block;position:relative;height:20px;color:rgba(0,0,0,.6);font-size:14px;line-height:20px}
.layerWrap.allMenuRE .idArea .lastJoin .info{overflow:hidden;position:relative;display:inline-block;width:16px;height:16px;padding:2px;vertical-align:top;opacity:.6;font-size:1px;color:transparent}
.layerWrap.allMenuRE .idArea .lastJoin .info:before{content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_exclamation_16_000.png') no-repeat center;background-size:16px}
.layerWrap.allMenuRE .idArea .lastJoin .info:after{content:'';position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}
.layerWrap.allMenuRE .idArea .btnLogin{display:inline-block;padding-right:0;height:40px;background:none;color:rgba(0,0,0,.87);line-height:40px;font-size:18px}
.layerWrap.allMenuRE .idArea .btnJoin{display:inline-block;position:relative;height:40px;font-size:18px;line-height:40px}
.layerWrap.allMenuRE .idArea .btnJoin:before{content:'';display:inline-block;width:1px;height:12px;margin:0 16px 0 12px;background-color:rgba(0,0,0,.87)}
.layerWrap.allMenuRE .idArea .txt{display:none;position:absolute;top:28px;right:-58px;z-index:999;width:220px;padding:8px;-webkit-border-radius:3px;border-radius:3px;background-color:#000;font-size:12px;line-height:16px;color:rgba(255,255,255,.87);-webkit-box-shadow:0 7px 8px rgba(0, 0, 0, .2), 0 5px 22px rgba(0, 0, 0, .12), 0 12px 17px rgba(0, 0, 0, .14)}
.layerWrap.allMenuRE .idArea .txt:before{content:'';position:absolute;width:6px;height:6px;left:165px;top:-3px;background-color:#000;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.layerWrap.allMenuRE .idArea .txt a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;margin-top:-12px;font-size:1px;color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.layerWrap.allMenuRE .tmSetup{position:relative}
.layerWrap.allMenuRE .tmSetup:before{content:'';display:block;position:relative;left:24px;border-top:1px solid rgba(0,0,0,.08)}
.layerWrap.allMenuRE .tmSetup li a{padding:12px 0;color:rgba(0,0,0,.87)}
.layerWrap.allMenuRE .tmSetup li a > span{vertical-align:middle}
.layerWrap.allMenuRE .tmSetup li a:before{display:inline-block;width:24px;height:24px;margin-right:4px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat 0 0;background-size:auto 64px;vertical-align:middle}
.layerWrap.allMenuRE .tmSetup li a.search:before{background-position:0 -4px}
.layerWrap.allMenuRE .tmSetup li a.event:before{background-position:-24px -4px}
.layerWrap.allMenuRE .tmSetup li a.notice:before{background-position:-48px -4px}
.layerWrap.allMenuRE .tmSetup li a.setup:before{background-position:-72px -4px}
.layerWrap.allMenuRE .tmSetup li a:before .tmSetup{background-color:#60584C}
.layerWrap.allMenuRE .tmSetup li a.notice em{margin:-15px 0 0 -16px}
.layerWrap.allMenuRE .mainMenu{padding:15px 0;border-top:1px solid rgba(0,0,0,.16);border-bottom:1px solid rgba(0,0,0,.16);background-color:#fff}
.layerWrap.allMenuRE .mainMenu .inner{padding:0 20px;font-size:0;white-space:nowrap;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}
.layerWrap.allMenuRE .mainMenu .inner a{display:inline-block;min-width:69px;height:32px;margin:0 4px;padding:0 16px;border:1px solid rgba(247,105,0,.5);border-radius:14px;color:#000;font-size:14px;line-height:32px;text-align:center;box-sizing:border-box}
.layerWrap.allMenuRE .popCont{padding:0}
.layerWrap.allMenuRE .popCont .gnbDep1{position:absolute;top:0;left:0;bottom:0;width: 128px;padding:24px 16px;background-color:#f6f6f6;box-sizing: border-box;}
.layerWrap.allMenuRE .popCont .gnbDep1 .dep1 li a{display:block;padding:8px 0 8px 8px;font-size:16px;line-height:24px;color:rgba(0, 0, 0, .6);letter-spacing:-.2px}
.layerWrap.allMenuRE .popCont .gnbDep1 .dep1 li a.on{color:rgba(0, 0, 0, .87);font-weight:bold}
.layerWrap.allMenuRE .popCont .gnbDep1 .dep1 li a span{display:inline-block;position:relative;z-index:10;padding:0 2px}
.layerWrap.allMenuRE .popCont .gnbDep1 .loginAfter a{text-decoration:none}
.layerWrap.allMenuRE .popCont .gnbDep2{height:100%;margin:0 0 0 128px;background:#fff;font-size:16px;line-height:24px;overflow-y:scroll}
.layerWrap.allMenuRE .popCont .gnbDep2 > div{display:none;padding:0 0 18px 24px}
.layerWrap.allMenuRE .popCont .gnbDep2 > div > ul{padding-top:32px}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2{margin-bottom:28px}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 > a{position:relative}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList{padding:0}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList>li{margin-top:0}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList>li:first-child{border:none}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList>li>a{display:inline-block;height:auto;padding-left:0;color:rgba(0,0,0,.87);font-size:16px;text-indent:0}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList>li>a:after{top:13px;right:19px;width:10px;height:10px;border:1px solid #222;border-top:none;border-left:none;background:none;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList>li>a>span{padding-left:0}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList>li.on>a{background:none}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList>li.on>a:after{top:9px;background:none;-webkit-transform:rotate(225deg);transform:rotate(225deg);/*height:1px;background-color:rgba(0,0,0,.87);*/}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList .toggleView{padding:0;background:none}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .toggleList .toggleView.type{padding-top:16px}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .menuTit{font-size:16px;line-height:24px}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 ul{margin:0;padding:0 8px}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 li{position:relative;margin-top:16px;font-size:14px;line-height:20px}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 li a{display:inline-block;padding-left:10px;text-indent:-10px;color:rgba(0, 0, 0, .6)}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 li a:before{display:none}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 li a:after{left:auto}
.layerWrap.allMenuRE .popCont .gnbDep2 .depth2 .price{display:block;position:absolute;bottom:-18px;left:0;padding:0;color:#F46600;font-size:14px;line-height:20px}
.layerWrap.allMenuRE .popClose a{display:block;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat -72px 0;background-size:auto 48px;border:none;color:transparent;}
.layerWrap.allMenuRE .popCont #section9{position:relative;min-height:100%;padding-bottom:0}
.layerWrap.allMenuRE .popCont .menuEvent{position:absolute;bottom:0;right:0;left:0;width:auto !important}
.layerWrap.allMenuRE .popCont .menuEvent a{display:block}
.layerWrap.allMenuRE .popCont .menuEvent a img{width:100%;height:auto;vertical-align:top}

/* vip 로그인 시 */
.layerWrap.allMenuRE .popTop.vip{background:#415384}
.layerWrap.allMenuRE .popTop.vip .idArea{border-bottom:none}
.layerWrap.allMenuRE .popTop.vip .idArea .name > a{color:#FFCC00}
.layerWrap.allMenuRE .popTop.vip .idArea .lastJoin{color:rgba(255,255,255,.6)}
.layerWrap.allMenuRE .popTop.vip .idArea .lastJoin .info:before{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_exclamation_16_fff.png') no-repeat center;background-size:16px}
.layerWrap.allMenuRE .popTop.vip .home{top:16px;left:24px;right:auto;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat 0 -24px;background-size:auto 48px}
.layerWrap.allMenuRE .popTop.vip .utilArea .search{background-position:-24px -24px}
.layerWrap.allMenuRE .popTop.vip .utilArea .customer{margin-left:16px;background-position:-48px -24px}
.layerWrap.allMenuRE .popTop.vip .utilArea .notice{margin-left:16px;background-position:-96px -24px}
.layerWrap.allMenuRE .popTop.vip .utilArea .notice.badge:before{border-color:#415384}
.layerWrap.allMenuRE .popTop.vip .utilArea .setup{margin-left:16px;background-position:-120px -24px}
.layerWrap.allMenuRE .popTop.vip .logOut{color:rgba(255,255,255,.6)}
.layerWrap.allMenuRE .popTop.vip .tmSetup li a{color:#fff}
.layerWrap.allMenuRE .popTop.vip .tmSetup li a.search:before{background-position:0 -36px}
.layerWrap.allMenuRE .popTop.vip .tmSetup li a.event:before{background-position:-24px -36px}
.layerWrap.allMenuRE .popTop.vip .tmSetup li a.notice:before{background-position:-48px -36px}
.layerWrap.allMenuRE .popTop.vip .tmSetup li a.setup:before{background-position:-72px -36px}
.layerWrap.allMenuRE .popTop.vip .tmSetup:before{border-top:1px solid rgba(255,255,255,.08)}
.layerWrap.allMenuRE .popTop.vip .home{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat 0 -24px;background-size:auto 48px}
.layerWrap.allMenuRE .popTop.vip .popClose a,
.layerWrap.allMenuRE .popTop.vip + .popClose a{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/splite/ico_new_menu_splite.png') no-repeat -72px -24px;background-size:auto 48px}

.ios .layerWrap.allMenuRE .idArea .name .vip, .ios .layerWrap.allMenuRE .idArea .name a{line-height:26px}
.ios .layerWrap.allMenuRE .idArea .btnLogin{line-height:46px}
.ios .layerWrap.allMenuRE .tmSetup li a.notice em{line-height:20px}
.ios .layerWrap.allMenuRE .idArea .lastJoin{line-height:22px}
.ios .layerWrap.allMenuRE .idArea .lastJoin .txt{right:-76px;width:207px}
.ios .layerWrap.allMenuRE .idArea .lastJoin .txt:before{left:132px}

@media screen and (max-height:540px){
    .layerWrap.allMenuRE .popCont .gnbDep1{padding:16px}
    .layerWrap.allMenuRE .popCont .gnbDep1 .dep1 li a{padding:5px 0 5px 8px}
    .layerWrap.allMenuRE .popCont .gnbDep2 > div > ul{padding-top:24px}
}

@media screen and (max-width:320px){
    .layerWrap.allMenuRE .popCont .gnbDep1{padding:8px}
    .layerWrap.allMenuRE .popCont .gnbDep1 .dep1 li a{padding:6px 0 6px 6px}
    .layerWrap.allMenuRE .popCont .gnbDep1 .loginAfter a{padding-left:0}
    .layerWrap.allMenuRE .popCont .kbPlus > ul a{width:53px}
    .layerWrap.allMenuRE .popCont .gnbDep2{margin-left:112px}
    .layerWrap.allMenuRE .popCont .gnbDep2 > div{padding-left:16px}
    .layerWrap.allMenuRE .popCont .gnbDep2 .depth2{margin-bottom:18px}
    .layerWrap.allMenuRE .idArea .lastJoin{font-size:12px}
    .layerWrap.allMenuRE .tmSetup li a{padding: 8px 0}
    .layerWrap.allMenuRE .popTop .home{top:18px}
    .layerWrap.allMenuRE .popClose{top:18px}
    .layerWrap.allMenuRE .popCont .gnbDep1 .loginAfter{bottom:8px}
    .layerWrap.allMenuRE .popCont .gnbDep2 > div > ul{padding-top:18px}
}

/* 200406 전체메뉴 - 라이프샵 추가 */
.layerWrap.allMenuRE .popCont .kbTrip{padding: 24px 0 76.5%}
.layerWrap.allMenuRE .popCont .kbTrip > ul{overflow: hidden;margin: 0 16px 16px 0}
.layerWrap.allMenuRE .popCont .kbTrip > ul a{font-size:14px;line-height:1.43}
.layerWrap.allMenuRE .popCont .kbTrip > ul li{float:left;width:33.33%;text-align: center}
.layerWrap.allMenuRE .popCont .kbTrip > ul img{width: 32px;height: 32px;margin: 0 auto 8px;-webkit-border-radius: 5px;border-radius: 5px;vertical-align: top}
.layerWrap.allMenuRE .popCont .kbTrip .depth2{margin-bottom: 12px}
.layerWrap.allMenuRE .popCont .kbTrip .linkLife{padding: 0 0 16px 16px;margin:0 16px 16px 0;border-bottom:1px solid rgba(0,0,0,0.16)}
.layerWrap.allMenuRE .popCont .kbTrip .linkLife > a{display: block}
.layerWrap.allMenuRE .popCont .kbTrip .linkLife img{display:block;width:72px;height: auto}
.layerWrap.allMenuRE .popCont .kbTrip .linkLife span{display:block;margin-top:8px;margin-right:16px;font-size:14px;line-height:1.43;color:rgba(0,0,0,0.6);background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/img_lifeshop_arrow.png ) no-repeat right bottom;background-size: 20px 20px}

/* 2022-03-31 박유영요청 (DEFC-0000008720) */
.btnL.type2 { line-height:48px; padding:0; }
.btnL.type2 .icon { vertical-align:middle; margin-right:4px; }

/* 2023-07-25 디지털ARS 메인 디자인 개선 */
.renew .webMain {background: #eff2f7;}
.renew .boxTotalSearchArea {background:#fff;padding:24px 16px;}
.renew .boxTotalSearchArea .searchCont,
.renew .boxTotalSearchArea .searchCont input,
.renew .boxTotalSearchArea .searchCont button  {border-radius:8px;}
.renew .boxTotalSearchArea .searchCont button {background:transparent;}
.renew .boxTotalSearchArea .searchCont {border:1px solid #c6cbd0;}
.renew .boxTotalSearchArea .searchCont input {padding-left:16px;height:48px;}
.renew .boxTotalSearchArea .searchCont input:focus {background:#fff;}
.boxTotalSearchArea .searchCont .btnSearch:after {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-search.svg);}
.box-list {background:#fff;border-radius:12px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, .16);font-size:14px;line-height:1.6;}
.box-list > a {display:flex;align-items:center;padding:16px 24px;}
.box-list + .box-list {margin-top:8px;}
.box-list__info strong {display:block;font-size:14px;font-weight:bold;margin-bottom:2px;}
.box-list__info p {color:#484b51;}
.box-list img {width:32px;height:32px;margin-right:16px;}
.cardBox.type2 .cardTxt {border-radius:0;}
.cardBox.type2 .cardTxt+.cardTxt {margin-top:0;}
/* 2023-07-25 상담원 연결 대기 시간 추가 */
.renew .consulList li a { border-radius: 4px; }
.waiting-box {position:relative;background:#ffe17c;padding:24px 110px 24px 32px;border-radius:16px;margin:16px;font-size:14px;}
.waiting-box > strong {font-size:24px;margin-top:24px;}
.waiting-box:before {display:inline-block;content:'';position:absolute;right:0;top:-8px;width:114px;height:114px;background-size:100% auto;background:url('https://img1.kbcard.com/home_re/mo/img/ars/img-char-1minute-type1.svg') no-repeat 0 0;}
.min--type1[data-value='1']:before {background-image:url('https://img1.kbcard.com/home_re/mo/img/ars/img-char-1minute-type1.svg');}
.min--type2[data-value='1']:before {background-image:url('https://img1.kbcard.com/home_re/mo/img/ars/img-char-1minute-type2.svg');}
.min--type1[data-value='3']:before {background-image:url('https://img1.kbcard.com/home_re/mo/img/ars/img-char-3minute-type1.svg');}
.min--type2[data-value='3']:before {background-image:url('https://img1.kbcard.com/home_re/mo/img/ars/img-char-3minute-type2.svg');}
.min--type1[data-value='5']:before {background-image:url('https://img1.kbcard.com/home_re/mo/img/ars/img-char-5minute-type1.svg');}
.min--type2[data-value='5']:before {background-image:url('https://img1.kbcard.com/home_re/mo/img/ars/img-char-5minute-type2.svg');}
.min--type1[data-value='10']:before {background-image:url('https://img1.kbcard.com/home_re/mo/img/ars/img-char-10minute-type1.svg');}
.min--type2[data-value='10']:before {background-image:url('https://img1.kbcard.com/home_re/mo/img/ars/img-char-10minute-type2.svg');}

/* 디지털ARS 메인 내 개인화영역 추가 */
.renew .is-bg {position:relative; background:transparent;}
.renew .is-bg:before {content:""; position:absolute; top:56px; right:0; left:0; bottom:0; z-index:-1; width:100%; height:calc(100% - 56px); background-color:#f7f7fa; background-repeat:no-repeat; background-image:linear-gradient(to bottom, white 0%, #f7f7fa 204px, #f7f7fa 205px, #f7f7fa 100%);}
.renew .is-bg .boxTotalSearchArea {background:transparent;}
.arsmain-swiper {position:relative; background:#dbedff; border-radius:12px; box-shadow:0 1px 4px 0 rgba(0, 0, 0, .16);}
.arsmain-swiper:before {content:""; position:absolute; top:-56px; right:8px; width:68px; height:68px; background:url(https://img1.kbcard.com/home_re/mo/img/ars/img-char-thumbs-up.svg) no-repeat 0 0; background-size:100%;}
.arsmain-swiper .box-list {border-radius:0; background:transparent; box-shadow:none;}
.arsmain-swiper .box-list > a {padding-bottom:32px; text-align:left;}
.arsmain-swiper .swiper-controler {display:flex; align-items:center; justify-content:center; position:absolute; bottom:8px; left:0; width:100%; z-index:1;}
.arsmain-swiper .swiper-pagination {display:flex; align-items:center; justify-content:center;}
.arsmain-swiper .swiper-pagination-bullet {opacity:.5; margin:0 3px; border:0; background:#26282c; outline:none;}
.arsmain-swiper .swiper-pagination-bullet-active {opacity:1; width:12px; border-radius:3px;}
.arsmain-swiper .swiper-button-control {width:16px; height:16px; margin-left:1px; background:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-pause-02.svg) no-repeat center; background-size:16px;}
.arsmain-swiper .swiper-button-control.play {background-image:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-play-02.svg);}

/* 메인 내 개인화영역 UI 변경 25.02.19 */
.persnal-service {display: flex;position: relative;margin-top:16px;}
.persnal-service:before {content:""; position:absolute; top:-56px; right:8px; z-index:2; width:68px; height:68px; background:url(https://img1.kbcard.com/home_re/mo/img/ars/img-char-thumbs-up.svg) no-repeat 0 0; background-size:100%;}
.persnal-service li {flex: 1;}
.persnal-service li + li {margin-left:14px;}
.persnal-service a {display: block;position: relative;padding:56px 10px 16px 10px;border-radius: 12px;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);background: #e5f5ff;text-align: center;}
.persnal-service img {position:absolute; top:16px; left:50%; width:32px; height:32px; margin:0 auto; transform: translateX(-50%);}
.persnal-service__info {font-size: 14px;}

.recomm-list {margin-top:18px;}
.recomm-list li {border-bottom:1px solid #dde1e4;}
.recomm-list a {display: block;position: relative;padding:16px 0 16px 48px;}
.recomm-list a > img {position:absolute; top:50%; left:0; width:24px; height:24px; transform: translateY(-50%);}
.recomm-list__info {display: flex;justify-content: space-between;align-items: center;}
.recomm-list__info > * {flex: 1;white-space: nowrap;font-size: 14px;}
.recomm-list__info strong {font-weight: bold;}
.recomm-list__info p {color:#696e76; text-align:right;}