@charset "utf-8";
/** 2.21. CM **/ 
@font-face {
  font-family: "KBFGText";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("KB금융 본문체 Light"), url("/CMN/common/fonts/KBFGTextL_subset.woff2") format("woff2"), url("/CMN/common/fonts/KBFGTextL_subset.woff") format("woff");
}

@font-face {
  font-family: "KBFGText";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("KB금융 본문체 Bold"), url("/CMN/common/fonts/KBFGTextB_subset.woff2") format("woff2"), url("/CMN/common/fonts/KBFGTextB_subset.woff") format("woff");
}

/* 컬러 변수 */
:root
{
    /*== Gray Color ==*/
    --gray000:#ffffff;
    --gray005:#f7f7fa;
    --gray010:#eff2f7;
    --gray015:#e7ebee;
    --gray020:#dde1e4;
    --gray030:#c6cbd0;
    --gray040:#aab0b8;
    --gray050:#8c949e;
    --gray060:#696e76;
    --gray070:#484b51;
    --gray080:#3d4046;
    --gray090:#26282c;
    --gray100:#1c1d21;
    --gray110:#121315;
    /* 예외 케이스 */
    --background-color: #ffffff; /* to #1C1C21 */
    --g0-to-g9: #ffffff; /* to #26282c  */
    --g9-to-g10: #26282c; /* to #f7f7fa */
    --g9-to-g11: #26282c; /* to #ffffff */
    /*== Tint Color ==*/
    --yellow010:#ffedb0;
    --yellow020:#ffe17c;
    --yellow030:#ffd743;
    --yellow040:#ffcc00;
    --yellow050:#ffbc00;
    --yellow060:#ffa100;
    --yellow070:#ff8f00; /* 강조 뱃지  */
    --yellow080:#f76900; /* 알림/중요정보 */
    /*== Semantic Color ==*/
    --red020:#ffddd6;
    --red050:#ff200c; /* 경고/부정 */
    --blue060:#007eff; /* 긍정, 선택 */
    --vip050:#202d40; /* VIP */
    --violet050:#6d6bdd;
    --violet020:#c4c3f1;
    /*== badge bg (성격) ==*/
    --badge-bg-pink:#ffe8fd;
    --badge-bg-orange:#feece1;
    --badge-bg-brown:#fef7e7;
    --badge-bg-green:#e6ffe5;
    --badge-bg-emerald:#e5f7f5;
    --badge-bg-blue:#e7f8fe;
    --badge-bg-violet:#efeefe;
    /*== badge color (성격) ==*/
    --badge-color-pink:#eb4e96; /* 2025-11-28 design guide color로 수정 */
    --badge-color-orange:#ea5e06; /* 2025-11-28 design guide color로 수정 */
    --badge-color-brown:#9c703e;
    --badge-color-green:#5e993b;
    --badge-color-emerald:#0c9c89;
    --badge-color-blue:#4c85ff;
    --badge-color-violet:#5d5af7;
    --grade-bg:#75675b;
    /* badge bg (일반형) - gray005 / badge color - gray090 사용 */
    /* badge bg (강조형) - yellow070 / badge color - gray000 사용 */
    /* badge bg (라인형) - gray060 / badge color - gray090 사용 */
    /*== badge 개인맞춤 카드 bg / color - gray000 공통 사용 ==*/
    --badge-main-green:#0ca793;
    --badge-main-orange:#f36c0c;
    --badge-main-violet:#8250fa;
    /* chart color */
    --chart-color1: #ffcc00;
    --chart-color2: #96c94b;
    --chart-color3: #61a8ca;
    --chart-color4: #7478db;
    --chart-color5: #e57676;
    --chart-color6: #b75b78;
    --chart-color7: #ac7a1f;
    --chart-color8: #4d683e;
    --chart-color9: #484b51;
}

*{-webkit-text-size-adjust:none}
html{height:100%;font-size:16px}
body{background:var(--gray000);font-size:1.000rem;line-height:1.500em;color:var(--gray090);-webkit-tap-highlight-color:rgba(0,0,0,0.3)}
body.bgGray{background:#f2f3f4} /* 배경 회색일 경우 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,button{margin:0;padding:0;font-family:'KBFGText', sans-serif;font-weight:normal;outline:none}
section,nav,article,aside,hgroup,header,footer,iframe{display:block}
form,fieldset,img{border:0 none}
table{width:100%;border-collapse:collapse;border:0;border-spacing:0}
th,td{border:0}
em{font-style:normal}
ul,ol,li{list-style:none outside}
input{box-sizing:border-box;vertical-align:middle;font-size:1rem;}/* 2022-04-12 글자크기크게 (결함DEFC-0000009231) */ /* font-size:20px !important - 앱에서 폰트크기 작게했을때 작게 바꿔지 않음 */
a,button{text-decoration:none;color:var(--gray090);outline:none}
li,p,dt,dd,div,span,td,th{word-break:keep-all;word-wrap:normal}
th,td{word-break:break-all;word-wrap:break-word}
legend, .hidden{overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;margin:-1px;clip:rect(0 0 0 0)}
caption{overflow:hidden;margin-left:-9999px;width:1px;height:0;font-size:1px;line-height:0}
.skip{display:none}
input[type='text'], input[type='password'], input[type='tel'], 
input[type='number'], input[type='search'], input[type='email'], input[type='date'], input[type='time']{border-radius:0;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none}    
button, input[type='button'], input[type='submit'], input[type='reset']{cursor:pointer;border-radius:0;border:0;vertical-align:middle}
input[type='time']{background-color:var(--gray000)}
input[readonly]{color:var(--gray070)}
input[readonly].inpWhite{background:var(--gray000)}
input[type='button']{-webkit-appearance:button}
input[type=search]::-webkit-search-cancel-button{display:none}/*input search x button delete*/
input[type='text']:-webkit-autofill, input[type='tel']:-webkit-autofill, input[type='number']:-webkit-autofill, input[type='search']:-webkit-autofill, input[type='email']:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset !important}
input::-webkit-input-placeholder{color:var(--gray050);text-align:left;font-weight:normal!important}
input.phLeft::-webkit-input-placeholder{text-align:right}
textarea{-webkit-border-radius:0;border-radius:0;-webkit-appearance:none}
img[width]{vertical-align:top}

@media screen and (max-width:320px){
    html{font-size:14px}
}

.iframeHidden, .overHidden{overflow:hidden}

/*align*/
.fLeft{float:left !important}
.fRight{float:right !important}
.left{text-align:left !important}
.right{text-align:right !important}
.center{text-align:center !important}

/*font*/
.fs_0{font-size:0.75rem;line-height:1rem}  /*12px*/
.fs_1{font-size:0.813rem !important}/*13px*/
.fs_2{font-size:0.875rem !important;line-height:1.429em}/*14px*/
.fs1{font-size:0.938rem !important}/*15px*/
.fs8{font-size:1.000rem !important;line-height:1.500em}/*16px*/
.fs2{font-size:1.063rem !important}/*17px*/
.fs3{font-size:1.125rem !important}/*18px*/
.fs4{font-size:1.188rem !important}/*19px*/
.fs5{font-size:1.250rem !important}/*20px*/
.fs6{font-size:1.375rem !important}/*22px*/
.fs7{font-size:1.500rem !important}/*24px*/

.fc1{color:var(--gray090) !important}/*진회색*/
.fc2{color:#EA580C !important}/*주홍*/
.fc3{color:var(--gray090) !important}/*검정*/
.fc4{color:#888 !important}/*연회색*/
.fc5{color:#4a79d8 !important}/*파란색*/
.fc6{color:#7f6ee3 !important}/*보라색 - 혜택 사용 */
.fc7{color:#02aec4 !important}/*연녹색 - 금융 사용 */
.fc8{color:#f35b42 !important}/*붉은색 - 혜택 사용 */
.fc9{color:#ffd012 !important}/*노란색*/
.fc10{color:#3c628b !important}/*혜택_vip 사용*/
.fc11{color:var(--gray060) !important}/*연회색2*/
.fc12{color:var(--gray070) !important}/*연회색3*/
.fc13{color:#7da100 !important}/*녹색*/
.fc14{color:#fb5252 !important}/*빨강*/
.fc15{color:#01a0c7 !important}/*시안*/
.fc16{color:#f46600}
.fc17{color:#EA580C !important}/* 접근성 - 주홍 */

/*margin*/
.m0{margin:0 !important}
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt7{margin-top:7px !important}
.mt8{margin-top:8px !important}
.mt10{margin-top:10px !important}
.mt12{margin-top:12px !important}
.mt15{margin-top:15px !important}
.mt16{margin-top:16px !important}
.mt20{margin-top:20px !important}
.mt24{margin-top:24px !important}
.mt27{margin-top:27px !important}
.mt30{margin-top:30px !important}
.mt32{margin-top:32px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt56{margin-top:56px !important}
.mt70{margin-top:70px !important}
.mt75{margin-top:75px !important}

.mt_1{margin-top:-1px !important}
.mt_27{margin-top:-27px}
.mt_35{margin-top:-35px}

.ml0{margin-left:0px !important}
.ml5{margin-left:5px !important}
.ml8{margin-left:8px !important}
.ml16{margin-left:16px !important}
.ml20{margin-left:20px !important}

.mr0{margin-right:0px !important}

.mb0{margin-bottom:0px !important}
.mb4{margin-bottom:4px !important}
.mb8{margin-bottom:8px !important}
.mb12{margin-bottom:12px !important}
.mb15{margin-bottom:15px !important}
.mb16{margin-bottom:16px !important}
.mb20{margin-bottom:20px !important}
.mb24{margin-bottom:24px !important}
.mb30{margin-bottom:30px !important}
.mb32{margin-bottom:32px !important}
.mb40{margin-bottom:40px !important}

.mb_15{margin-bottom:-15px !important}
.mb_20{margin-bottom:-20px !important}
.mb_24{margin-bottom:-24px !important}
.mb_30{margin-bottom:-30px !important}

.pd0{padding:0 !important}
.pt0{padding-top:0px !important}
.pt8{padding-top:8px !important}
.pt10{padding-top:10px !important}
.pt16{padding-top:16px !important}
.pt20{padding-top:20px !important}
.pt24{padding-top:24px !important}
.pt30{padding-top:30px !important}
.pt32{padding-top:32px !important}

.pr0{padding-right:0 !important}
.pr8{padding-right:8px !important}
.pr15{padding-right:15px !important}
.pr16{padding-right:16px !important}

.pb0{padding-bottom:0px !important}
.pb8{padding-bottom:8px !important}
.pb16{padding-bottom:16px !important}
.pb20{padding-bottom:20px !important}
.pb32{padding-bottom:32px !important}
.pb72{padding-bottom:72px !important}

.pl16{padding-left:16px !important}
.pl32{padding-left:32px !important}
.pl72{padding-left:72px !important}

.fB{font-weight:bold !important}
.fN{font-weight:normal !important}

.inlineB{display:inline-block !important}
.dpInB{display:inline-block}

.btNone{border-top:none !important}
.bt1{border-top:1px solid var(--gray090)}
.bt2{border-top:1px solid #e9e9e9}

.bbNone{border-bottom:none !important}
.bb1{border-bottom:1px solid rgba(0, 0, 0, .16)}

.wsNowrap{white-space:nowrap !important}

.lineH0{line-height:0 !important}
.lineH24{line-height:1.500rem !important}

.shadow{-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, .24);box-shadow:0 2px 2px rgba(0, 0, 0, .24)}
.shadow2{-webkit-box-shadow:0 1px 0px rgba(0, 0, 0, .08);box-shadow:0 1px 0px rgba(0, 0, 0, .08)}
.shadow3{-webkit-box-shadow:0px 17px 34px -20px rgba(0,0,0, .65);box-shadow:0px 17px 34px -20px rgba(0,0,0, .65)}

.wbNomal{word-break:normal !important}

/*width*/
.w25{width:25% !important}
.w50{width:50% !important}
.w60 {width:60px !important}
.wp100{width:100% !important}

.fullImg{width:100%;height:auto;vertical-align:top}
.bgTrans{background:transparent !important}

/*상태 문구*/
.stateColor1,.stateColor2,.stateColor3,.stateColor4,.stateColor5,.stateColor6,.stateColor7{font-size:13px !important}
.stateColor1{color:#888 !important}/*납부서비스(해지, 취소), 혜택(마감),  MY KB(거래정지) */
.stateColor2{color:#7f6ee3 !important}/*납부서비스(이용중),My KB(적용중), 혜택(진행중)*/
.stateColor3{color:#fb5252 !important}/*납부서비스(처리불가,납부지연), 설정(알파원카드 선택불가), 앱카드(도난/분실카드)*/
.stateColor4{color:#01a0c7 !important}/*납부서비스(신청중, 예정), My KB(신청), 금융(예약이체), 앱카드(구카드)*/
.stateColor5{color:#7da100 !important}/*납부서비스(납부,정상), 금융(즉시이체)*/
.stateColor6{color:var(--yellow080) !important}/*My KB(변경), 혜택(당첨)*/
.stateColor7{color:#4d66ab !important}/*native, MY KB(모바일카드)*/

.bgColor1{background:#22b2b2 !important}
.bgColor2{background:#421c60 !important}
.bgColor3{background:#ebbd00 !important}
.bgColor4{background:#364754 !important}
.bgColor5{background:#d92411 !important}
.bgColor6{background:#0a70f0 !important}
.bgColor7{background:#5074e5 !important}
.bgColor8{background:#7a002a !important}
.bgColor9{background:#e12d6c !important}
.bgColor10{background:#113a47 !important}
.bgColor11{background:#07993e !important}
.bgColor12{background:#004197 !important}
.bgColor13{background:#a6121c !important}
.bgColor14{background:#c73435 !important}
.bgColor15{background:#384878 !important}
.bgColor16{background:#e63e3e !important}
.bgColor17{background:#00a2e2 !important}
.bgColor18{background:#0d4fb3 !important}
.bgColor19{background:#4c29d1 !important}
.bgColor20{background:#ea4673 !important}
.bgColor21{background:#3a2c28 !important}
.bgColor22{background:#166cac !important}
.bgColor23{background:#dd285d !important}
.bgColor24{background:#69bc20 !important}
.bgColor25{background:#d3b302 !important}
.bgColor26{background:#ffab13 !important}
.bgColor27{background:#008de5 !important}
.bgColor28{background:#353a4a !important}
.bgColor29{background:#0390d9 !important}
.bgColor30{background:#e77504 !important}
.bgColor31{background:#f8f9f9 !important}
.bgColor_edu1{background:#f52947 !important}
.bgColor_edu2{background:#5377eb !important}

/*unit*/
.txtLink1{color:#7f6ee3;text-decoration:underline}
.qInfoBtn{display:inline-block;position:relative;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_question_24_000.png') no-repeat 0 0;background-size:24px;vertical-align:top;color:transparent;opacity:.87}
.qInfoBtn:after{content:'';position:absolute;top:-5px;left:-5px;bottom:-5px;right:-5px}
.qInfoBtn.type2{background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_popup.png) no-repeat 0 1px;background-size:18px 18px}
.ios .qInfoBtn{margin-top:-2px}
.ios .qInfoBtn.type2{background-position:0 center}

.tblsTxt{margin:-5px 0 7px;color:#888;font-size:0.813rem;line-height:1.2em;text-align:right}
.titArea{display:table;width:100%;margin:32px 0 16px}
.titArea>*{display:table-cell !important;margin:0 !important;vertical-align:middle}
.titArea>.tblsTxt, .titArea>.rtArea{display:table-cell;width:10px;padding-top:0.188em;margin:0;vertical-align:bottom;white-space:nowrap;line-height:1.313em}

.finish{text-align:center;padding:0 15px;box-sizing:border-box}
.finish dt{color:var(--gray090);margin-bottom:10px}
.finish dd .img img{width:95px;height:60px}
.finish dd strong{display:block;margin:20px 0 10px;font-size:1.000rem}

.finish2{padding:56px 16px 0;text-align:center} 
.finish2 img{width:120px;height:auto;margin-bottom:32px;-webkit-border-radius:4px;border-radius:4px;vertical-align:top;-webkit-box-shadow:0 16px 16px rgba(0, 0, 0, .16);box-shadow:0 16px 16px rgba(0, 0, 0, .16)}
.finish2 strong{display:block;margin-bottom:8px;font-weight:normal}
.finish2 p{font-size:0.875rem;line-height:1.429em;color:var(--gray060)}

.grayBox{padding:24px 16px;background:var(--gray010)}
.grayBox.type2 {background:#f2f2f2;}
.grayBox3{padding:24px 0;background:#f5f5f5;color:var(--gray090);text-align:center}
.grayBox4{background:#f4f4f4;padding:20px 15px;color:var(--gray090)}
.topBor{border-top:1px solid #ccc}
.topBor2{border-top:1px solid #bbb}
.tborNone{border-top:0 none !important}
.radiusNone{border-radius:0 !important}
.bborNone + .grayBox.tborNone{border:0 !important;background:var(--gray000);padding:20px 20px 40px !important}
.notImg+.toggleList{border-top:0 none}
.grayBox+.contArea{border-top:1px solid #e4e9eb}

.loading{position:fixed;left:50%;top:50%;margin:-6px 0 0 -24px;text-align:center;z-index:9999}
.loading img{width:48px}

.grayCheck{padding:18px 16px;background:#eef1f2}

.dimm, .disabled, .dimmed{-webkit-tap-highlight-color:transparent}

/* contetnt */
#content, #Wrap > .container, #main_content > .container{background-color:var(--gray000)}
.container{padding:56px 0 0;overflow:hidden}
.contArea{padding:0 16px}
.contArea.type2{padding:0}
.contArea .dateInfo{padding:16px 0 0}
.dateInfo{padding:27px 20px 10px;text-align:right;line-height:1.125rem}
.dateInfo dt{color:#888;margin-right:5px}
.dateInfo dt, .dateInfo dd{display:inline-block}

/*bottom area*/
.botArea{margin-top:32px}

/*layout cont*/
.topHead{position:fixed;left:0;top:0;overflow:hidden;width:100%;height:56px;background:var(--gray000);text-align:left;z-index:990; letter-spacing:-.03rem; box-sizing: border-box;}
.topHead h1{position:relative;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 84px);margin:0 auto;color:var(--gray090);font-weight:bold;white-space:nowrap;font-size: 1.125rem!important;line-height:3.5rem;}

.topHead .headerMenu{position:absolute;top:16px;right:16px;z-index:100;width:24px;height:24px}
.topHead .headerMenu .hmBtn{padding:0;width:24px;height:24px;background:url('https://img1.kbcard.com/home_re/mo/ico/24/ico-2-menu.svg') no-repeat center center;background-size:24px;color:transparent;line-height:0;font-size:0}
.topHead .btnClose{position:absolute;top:16px;right:16px;z-index:100}
.topHead .btnClose a{display:block;width:24px;height:24px;background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-close.svg) no-repeat center center;background-size:24px;color:transparent;line-height:0}
.topHead .snsBtn{position:absolute;top:16px;right:56px}
.topHead .snsBtn a{display:block;padding:0;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_share_24_000_b.png') no-repeat center center;background-size:24px;color:transparent;line-height:0;font-size:0}
.topHead .infoBtn{position:absolute;top:16px;right:56px}
.topHead .infoBtn a{display:block;padding:0;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_info_24_000.png') no-repeat center center;background-size:24px;color:transparent;line-height:0;font-size:0}
.topHead .optionBtn{position:absolute;top:16px;right:16px;z-index:100;width:24px;height:24px}
.topHead .optionBtn button{padding:0;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_setting_24_000_b.png') no-repeat center center;background-size:24px;color:transparent;line-height:0;font-size:0}
.topHead .cancleBtn button{position:absolute;top:16px;right:16px;width:auto;height:auto;padding:1px 7px;border:1px solid rgba(0,0,0,.16);border-radius:4px;background-color:var(--gray000);font-size:14px;line-height:20px;text-align:center;}

.backBtn, .backBtn2, .homeBtn{position:absolute;left:10px;top:16px !important;z-index:991}
.backBtn button{padding:12px;width:24px;height:24px;background:url('https://img1.kbcard.com/home_re/mo/arr/24/arr-2-left.svg') no-repeat center center;background-size:24px;color:transparent;line-height:0;font-size:0}
.backBtn2 button{padding:12px;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_l_kbpay_24_000_b.png') no-repeat center center;background-size:24px;color:transparent;line-height:0;font-size:0}
.homeBtn button{padding:12px;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_home_24_000_b.png') no-repeat center center;background-size:24px;color:transparent;line-height:0;font-size:0}
.backBtn button:after, .backBtn2 button:after, .homeBtn button:after, .topHead .btnClose a:after, .topHead .headerMenu .hmBtn:after, .topHead .snsBtn a:after, .topHead .infoBtn a:after, .topHead .optionBtn button:after{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px}

/* form */
.formWrap{display:inline-block;min-height:24px}
.formWrap+.formWrap{margin-left:13px}
.formWrap.blank{height:48px}

input[type='checkbox'],
input[type='radio']{position:absolute;width:24px;height:24px;margin:0;opacity:0}
input[type='checkbox']+label.focus,
input[type='checkbox']+label,
input[type='radio']+label{display:inline-block;/*letter-spacing:-1px;*/cursor:pointer;line-height:24px;font-size:1rem;letter-spacing:-.2px;color:var(--gray090)} /* 현업 수정사항 중 해당 영역 자간 수정요청 yjs, 0304 font-size:16px; - 앱내 폰트 작게 했을시 안먹음 */

input[type='checkbox']+label:before,
input[type='radio']+label:before{content:'';display:inline-block;width:24px;height:24px;margin-right:8px;background-size:24px;vertical-align:middle}
input[type='checkbox']:checked+label,
input[type='radio']:checked+label{color:var(--gray090);font-weight:600}
input[type='checkbox']:disabled+label, 
input[type='radio']:disabled+label{}

input[type='checkbox']+label:before{background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-off.svg) no-repeat 0 0;}
input[type='checkbox']:checked+label:before{background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-on.svg)}
input[type='checkbox']:disabled+label:before{background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-disable.svg);}
input[type='checkbox']:disabled:checked+label:before{background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-disable-checked.svg);}

input[type='radio']+label:before{background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-radio-off.svg) no-repeat 0 0;}
input[type='radio']:checked+label:before{background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-radio-on.svg);}
input[type='radio']:disabled+label:before{background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-radio-disabled.svg);}
input[type='radio']:disabled:checked+label:before{background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-radio-disabled-checked.svg);}
/* input[type='radio']:disabled+label{opacity:.5;cursor:default} */

input[type='text']:disabled, input[type='number']:disabled, input[type='tel']:disabled, input[type='password']:disabled, input[type='email']:disabled, input[type='time']:disabled{background:var(--gray005);border-color:var(--gray020);color:var(--gray090);opacity:1}

input.inp1{display:inline-block;position:relative;width:24px;height:24px;-webkit-border-radius:0;border-radius:100%;-webkit-appearance:none;appearance:none;background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-off.svg) no-repeat center;opacity:1;}
input.inp1:checked{background-image: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-on.svg);}
input.inp1:disabled{background:#eee url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-disable.svg) no-repeat center;}
input.inp1:disabled:checked{background:#eee url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-disable-checked.svg) no-repeat center;}
input.radio1{display:inline-block;position:relative;width:24px;height:24px;border:1px solid rgba(0, 0, 0, .24);-webkit-border-radius:12px;border-radius:12px;background:var(--gray000);opacity:1;-webkit-appearance:none;appearance:none}
input.radio1:checked:after{content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;-webkit-border-radius:8px;border-radius:8px;background-color:var(--yellow040)}
input.toggle{position:relative;border:none;width:40px;height:24px;background:var(--gray000);opacity:1;-webkit-appearance:none}
input.toggle:before{content:'';display:block;width:40px;height:24px;-webkit-border-radius:12px;border-radius:12px;background-color:#ddd;transition:all 300ms}
input.toggle:after{content:'';display:block;position:absolute;top:2px;left:2px;width:20px;height:20px;-webkit-border-radius:10px;border-radius:10px;background-color:var(--gray000);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);transition:all 300ms}/* 박진수 - 위치 asis로 돌려 놓습니다. 틀어짐 */
input.toggle:checked:before{background-color:var(--yellow040)}
input.toggle:checked:after{-webkit-transform:translate3d(16px, 0, 0);transform:translate3d(16px, 0, 0)}

.inputIndent label{padding-left:32px;text-indent:-32px}

.roundInp{overflow:hidden}
.roundInp li{float:left;display:inline-block;position:relative;margin:4px}
.roundInp li input{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0, 0, 0, .24);-webkit-border-radius:18px;border-radius:18px;background:none;opacity:1;-webkit-appearance:none;appearance:none;transition:all 300ms}
.roundInp li label{display:inline-block;position:relative;z-index:2;height:36px;padding:0 16px;line-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--gray070);font-size:14px;transition:color 300ms;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
.roundInp li label:before{display:none}
.roundInp li input:checked{background:#7f6ee3;border-color:#7f6ee3;-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, .24), 0 0 2px rgba(0, 0, 0, .12);box-shadow:0 2px 2px rgba(0, 0, 0, .24), 0 0 2px rgba(0, 0, 0, .12)}
.roundInp li input:checked + label{color:var(--gray000)}

textarea{display:block;width:100%;padding:15px !important;border:1px solid #ccc;box-sizing:border-box;color:var(--gray090);font-size:0.938rem;resize:none}
textarea::-webkit-input-placeholder{color:var(--gray050)}

/*title*/
.depTit2{display:block;margin:32px 0 12px;color:var(--gray090);font-size:1.125rem;font-weight:bold;line-height:1.44}
.depTit2 span{display:inline-block;font-weight:normal;line-height:1.500rem}
.depTit3{display:block;margin:32px 0 12px;color:var(--gray090);font-weight:bold;font-size:1.000rem;line-height:1.500em}
.depTit2 + .depTit3{margin-top:0}
.depTit3.flex h3{font-size:1.000rem;font-weight:bold}
.depTit3.flex span{font-size:0.875rem;font-weight:normal}
.depTit3.link{display:inline-block;padding-right:28px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png) no-repeat right center;background-size:24px;color:#000;opacity:.87}
.ios .depTit3{padding-top:0.188em;line-height:1.313em}
.ios .depTit3 .qInfoBtn{margin-top:-3px}

/*button*/
.btnBox{text-align:center;margin-top:50px}
.btnL, .btnM{display:block;width:100%;-webkit-border-radius:8px;border-radius:8px;background:var(--yellow040);color:var(--gray090);font-size:1.000rem;text-align:center;vertical-align:middle;box-sizing:border-box}
.btnL{height:48px;line-height:48px}
.btnL.dLine{line-height: 1.32;padding:3px 0;}
.btnM{height:46px;line-height:46px;background:#6b7079;border:1px solid #6b7079;color:var(--gray000);}
.btnM.dLine{line-height:1.25;padding:2px 0;}
.btnS{display:inline-block;height:32px;min-width:96px;font-size:14px;line-height:32px;padding:0 15px;border:1px solid var(--gray090);-webkit-border-radius:4px;border-radius:4px;background-color:var(--gray000);box-sizing:border-box;text-align:center}
.btnS.dBlock{display:block}
.btnSS{display:inline-block;height:32px;-webkit-border-radius:3px;border-radius:3px;line-height:32px;padding:0 16px;background-color:var(--gray000);font-size:0.875rem}
.btnBox .btnS{display:block;min-width:auto}
.arrowBtn{position:relative;display:inline-block;padding:7px 22px 7px 12px;border:1px solid rgba(255,255,255, .6);border-radius:3px;font-size:12px;line-height:16px;color:rgba(255,255,255, .87)}
.arrowBtn:after{position:absolute;display:block;content:'';top:50%;right:3px;width:24px;height:24px;margin-top:-12px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_16_fff.png') no-repeat 0 0;background-size:24px 24px;opacity:.87}
.btn1{display:table;height:54px;-webkit-box-sizing:border-box;box-sizing:border-box}
.btn1 span{display:table-cell;padding:0 16px;border:1px solid rgba(0, 0, 0, .16);vertical-align:middle}
.r_btn{display:inline-block;position:absolute;top:50%;right:0;margin-top:-16px;-webkit-border-radius:3px;border-radius:3px;background:#6b7079;padding:6px 16px;color:var(--gray000);font-size:0.875rem;line-height:20px}
.btnText{display:inline-block;padding:4px 0;font-size:14px;line-height:24px}
.btnText:after{content:'';display:inline-block;width:24px;height:24px;margin-left:8px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png') no-repeat center;background-size:24px;vertical-align:top;}

.ios .btn1 span{padding-top:2px}
.ios .r_btn{height:20px;line-height:22px}
.ios .btnText:after{margin-top:-2px}

.btnWhite{background:var(--gray000) !important;border:1px solid rgba(0, 0, 0, .47) !important}
.btnAll{background:#dcdfe5 !important;border:1px solid #c0c6d2 !important;line-height:46px}
.btnGray{background:#6b7079 !important;border:1px solid #6b7079 !important;color:var(--gray000)}
.btnWgray{background:var(--gray020) !important}
.btnDgray{background:#7b7875 !important;color:var(--gray000) !important}
.btnYellow{background:var(--yellow040) !important;border:1px solid var(--yellow040) !important;color:var(--gray090)}
.btnDisabled{background:var(--gray010) !important;border-color:#c6cbd0 !important;color:#aab0b8}

.btnR100{-webkit-border-radius:30px !important;border-radius:30px !important}

.btnBox.col2,.btnBox.col3{margin:0 -3px}
.btnBox.col2:after,.btnBox.col3:after{content:'';display:block;clear:both;height:0}
.btnBox.col2 > span,.btnBox.col3 > span{float:left;width:50%;padding:0 3px;box-sizing:border-box}
.btnBox.col3 > span{width:33.3%}
.btnM.btnWhite{color:var(--gray090)}
.btnBox.col2 .btn1{float:left;width:50%;margin-bottom:8px;padding:0 4px}
.btnBox.noSpace{margin:0}

.btnL.icon{position:relative;padding:0 41px;text-align:left}
.btnL.icon.btnWhite{padding:0 40px}
.btnL.icon:after{content:'';position:absolute;top:50%;right:9px;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:100%;opacity:.87}
.btnL.icon .icon{overflow:hidden;display:block;position:absolute;top:50%;left:9px;width:24px;height:24px;margin-top:-12px;line-height:0}
.btnS.icon{position:relative;padding-right:32px!important}
.btnSS.icon{position:relative;padding-right:29px!important}
.btnL.type2{padding:11px 16px;line-height:24px}
.btnL.type2 .icon{display:inline-block;width:24px;height:24px;vertical-align:top}

.icon .icon{display:block;position:absolute;top:50%;right:8px;width:16px;height:16px;margin-top:-8px;line-height:0}
.icon .icon.w24{display:block;position:absolute;top:50%;right:7px;width:24px;height:24px;margin-top:-12px;line-height:0}
.btnL img, .btnS img, .btnSS img{width:100%;height:auto}

.roundBtn{display:inline-block;padding:0 27px;color:var(--gray000);font-size:1.000rem;line-height:35px;border-radius:18px;background:#6d7079}
.roundBtn:after{content:"";display:inline-block;width:7px;height:12px;margin-left:5px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr21_w.png);background-size:7px 12px}

.fullBtn a{display:block;text-align:center}

.ios .btnL.type2 .icon{margin-top:-1px}

/* 네이버페이 */
.npay_area{position:relative}
.npay_area .btnNpay {display:table-cell; height:24px; padding:0 8px; border:1px solid #03c75a; border-radius:2px; background:none;}
.npay_area .btnNpay img {display:inline-block; margin-top:3px; vertical-align:top;}
.npay_area span, .npay_area a {line-height:1%;font-size:1%;}
.btnNpay{position:relative;background:#03c75a}
.btnNpay img{display:block;margin:0 auto}
.btn_NPay_tip {display:block; position:absolute;top:-35px;right:0;width:140px;}
.btn_NPay {display:block;width:102px;}

/*floating area*/
.fixedBArea{display: flex;position:fixed;bottom:0;left:0;width:100%;z-index:99;padding: 0.5rem 1rem 1.25rem;background: var(--gray000);box-shadow: 0 -1rem 1rem 0 var(--gray000);box-sizing: border-box;}
.fixedBArea .btnL{height:56px;line-height:56px;font-size:1.125rem;letter-spacing:-.2px;flex: 1;border-radius: 0.5rem;font-weight:600;}
.fixedBArea .btnL + .btnL {margin-left:0.5rem}
.fixedBArea .btnM{height:48px;line-height:48px;font-size:1rem;flex: 1;border-radius: 0.5rem;font-weight:600;}
.fixedBArea .btnM + .btnM {margin-left:0.5rem}
.fixedBArea > span {flex: 1;}
.fixedBArea > span + span {margin-left:0.5rem}
.fixedBArea.col2 > span .btnL {width:100%;}
.fixedBArea .btnL.dLine{line-height:normal;font-size:0.938rem;}
.fixedBArea.col2:after{content:"";display:block;height:0;clear:both}
.fixedBArea.col2 .btnL{width:50%;float:left}
.fixedBArea.col3:after{content:"";display:block;height:0;clear:both}
.fixedBArea.col3 .btnL{width:33.333%;float:left}
.fixedBArea.col3 .sub_btn_txt {font-size:0.875rem;}
.fixedBArea .btnGray{background-color:#dcdfe5 !important;border:none !important;color:var(--gray090)}

/* 리뉴얼 스타일 적용 */
.fixedBArea .btn-wrap {display: flex; width:100%; align-items: center; justify-content: space-between;}
.fixedBArea .btn-wrap .btnL {border-radius: 8px;}
.fixedBArea .btn-wrap .btnL + .btnL {margin-left: 8px;}
.fixedBArea.col1 {display:block;}
.fixedBArea.col1 .btnL + .btnL {margin-top:12px;margin-left:0;}
.fixedBArea.col1 .btn-wrap {display:block;}
.fixedBArea.col1 .btn-wrap .btnL + .btnL {margin-top:12px;margin-left:0;}

.bottomArea{margin-top:40px;padding:0 16px 12px}
.bottomArea.type2{padding:0}
.bottomArea .btnL {font-weight:600;}
.contArea .bottomArea .noteBox{margin:0}

/* 아래에서 올라오는 팝업 */
.bottomPop{display:table;position:fixed;bottom:-56px;left:0;z-index:900;width:100%;height:56px;margin:0!important;padding:0 24px;background-color:#323232;color:var(--gray000) !important;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left!important;letter-spacing:0!important}
.bottomPop > *{display:table-cell;width:100%;vertical-align:middle;font-size:1.000rem;line-height:24px}
.ios .bottomPop{padding-top:2px}
.bottomPop.complete{animation:bottomPopFrame 2.5s 0 linear;animation-iteration-count:1}

@keyframes bottomPopFrame{
    0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
    13%{-webkit-transform:translate3d(0, -56px, 0);transform:translate3d(0, -56px, 0)}
    87%{-webkit-transform:translate3d(0, -56px, 0);transform:translate3d(0, -56px, 0)}
    100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}

/*button dimmed*/
.btnL.dimmed{background-color:var(--gray010) !important;color:var(--gray050) !important;border-color:var(--gray010) !important;}
.btnBox .btnM.dimmed{background:var(--gray010);color:var(--gray050);}
.btnBox .btnGray.dimmed,.fixedBArea .btnGray.dimmed{background:var(--gray010);color:var(--gray050);}
.btnBox .btnWhite.dimmed,.fixedBArea .btnWhite.dimmed, .fncArea .btnWhite.dimmed{background-color:var(--gray010) !important;color:var(--gray050) !important;border-color:var(--gray010) !important;}

/*icon button*/
span[class^='ico']{display:inline-block}
span[class^='icoL']:before{margin-right:6px}
span[class^='icoR']:after{margin-left:6px}
span.icoLMapping:before{background-position:0 0}
span.icoLSearch:before{background-position:-16px 0}
span.icoLSearch2:before{background-position:-128px 0}
span.icoLReset:before{background-position:-88px 0}
span.icoLReset2:before{background-position:-109px 0}
.btnL .icoRArrow:after{width:18px;background-position:100% 0}

.moreBtn a{display:block;padding:13px 0 11px;background:#eee;text-align:center;}/* color:#858585 DEFC-0000008496 더보기 색상 수정 */
.moreBtn a span{display:inline-block;font-size:14px;line-height:16px}/* line-height:24px */
.moreBtn a span:after{content:"";display:inline-block;width:24px;height:24px;background:url('https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down.svg');background-size:24px;vertical-align:middle;transition:transform 300ms}/* width:16px;height:16px;background:url('https://img1.kbcard.com/home_re/mo/arr/16/arr-1-down.svg');background-size:16px; width:16px;height:16px;background:url('https://img1.kbcard.com/home_re/mo/arr/16/arr-1-down.svg');background-size:16px; 더보기 꺽쇠 크기 수정 */
.moreBtn.type2 a span:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.moreBtn.type3 a{padding:12px 0;background:var(--gray000);color:#3d4046;}
.moreBtn.type3 a span{font-size:14px}
.moreBtn.close a span:after{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}
.ios .moreBtn a span{height:24px;line-height:26px}

/*list*/
.mainList{border-top:1px solid #e6e6e6}
.mainList li{padding:20px;border-bottom:1px solid #e6e6e6}

.listType1{color:var(--gray090)}
.listType1 > li{position:relative;padding-left: 0.75rem;margin-bottom: 0.5rem;font-size:1rem;line-height: 1.5rem;}
.listType1 > li:before{content:"";position:absolute;left:0;top:0.5625rem;width:0.25rem;height:0.25rem;border-radius:50%;background-color:currentColor;}
.listType1 > li:last-child{margin-bottom:0}
.listType1.oneLine > li{margin-bottom:0}
.listType1.gray{color:var(--gray060)}
.listType2{color:var(--gray090)}
.listType2 > li{position:relative;padding-left: 0.75rem;margin-bottom: 0.5rem;font-size:1rem;line-height: 1.5rem;}
.listType2 > li:before{content:"-";position:absolute;left:0;top:0;width:9px;height:9px}
.listType2.fs_2 li{line-height:1rem}
.listType2.fs_2 li+li{margin-top:5px}

.listType3 > li{position:relative;padding-left: 0.75rem;margin-bottom: 0.5rem;color: var(--gray090);font-size:1rem;line-height: 1.5rem;}
.listType3 > li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background-image:url(https://img1.kbcard.com/cxh/ia_img/common/bul_list02.png);background-size:4px 4px}

.numberList{counter-reset:num 0;font-size:0.875rem;line-height:1.429em}
.numberList > li{position:relative;margin-bottom:8px;padding-left:20px}
.numberList > li:last-child{margin-bottom:0}
.numberList > li:before{counter-increment:num;content:counter(num)'.';display:block;position:absolute;top:0;left:0;width:16px;color:currentColor}

.listType1.termsPdf{width:100%;padding-left:16px;-webkit-box-sizing:border-box;box-sizing:border-box}
.listType1.termsPdf li{display:table;width:100%;margin:0 !important;padding:16px 106px 16px 0;border-bottom:1px solid rgba(0, 0, 0, .16);-webkit-box-sizing:border-box;box-sizing:border-box}
.listType1.termsPdf li > span{display:table-cell;vertical-align:middle;height:40px}
.listType1.termsPdf li:before{display:none}
.listType1.termsPdf li:first-child{margin-top:0}
.listType1.termsPdf li:last-child{margin-bottom:0;border-bottom:none}
.listType1.termsPdf li .btnS{position:absolute;top:16px;right:16px;padding:4px 11px;font-size:1.000rem;line-height:24px;min-width:auto}
.listType1.termsPdf li .btnS:before{content:"";display:inline-block;width:24px;height:24px;margin-right:4px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_paper_24_000.png');background-size:24px;vertical-align:bottom;}
.listType1.termsPdf li .btnL {position: absolute; top: 16px; right: 16px; display: inline-block; width: auto; padding: 11px 11px; line-height: 24px}
.listType1.termsPdf li .btnL:before {content: ""; display: inline-block; width: 24px; height: 24px; margin-right: 4px; background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_paper_24_000.png); background-size: 24px; vertical-align: top}
.popCont .listType1.termsPdf li .btnS {right:0}

.listType1.termsPdf.type2 {padding-bottom:16px}
.listType1.termsPdf.type2 li > span {height: 48px}

.listAdd{border-top:1px solid #ccc}
.listAdd li{border-bottom:1px solid #ccc}
.listAdd li:after{content:"";display:block;height:0;clear:both}
.listAdd li a{position:relative;display:block;padding:20px 20px 20px 105px}
.listAdd li a em{position:absolute;left:20px;top:20px;width:70px;margin-right:15px}

.countList{margin:0 -15px;counter-reset:num 0}
.countList li{position:relative;border-top:1px solid #e9e9e9}
.countList li:first-child{border:0}
.countList li:before{counter-increment:num;content:counter(num);position:absolute;left:16px;top:0;line-height:60px;font-size:20px;color:var(--yellow080)}
.countList li a{display:block;line-height:60px;padding:0 60px 0 37px;color:var(--gray090)}
.countList li a span{display:block;width:100%;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gray090)}
.countList li a:after{content:"";display:block;position :absolute;right:16px;top:50%;width:16px;height:16px;margin-top:-8px;background:url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg);background-size:16px}

/*toggle list*/
.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:var(--gray000)}
.toggleList>li>a{position:relative;display:table;width:100%;color:var(--gray090)}
.toggleList>li>a>span{display:table-cell;vertical-align:middle;padding:1.5rem 3.75rem 1.5rem 1rem;font-size:1rem;line-height:1.5rem;font-weight:600;}
.toggleList>li>a>span em.question{margin-top:10px;}
.toggleList>li>a:after{content:"";display:block;position :absolute;right:16px;top:50%;width:16px;height:16px;margin-top:-8px;background:url('https://img1.kbcard.com/home_re/mo/ico/16/ico-1-plus.svg');background-size:16px}
.toggleList>li.on>a:after{background:url('https://img1.kbcard.com/home_re/mo/ico/16/ico-1-minus.svg');background-size:16px;}
.toggleList .toggleView{display:none;padding:1.5rem 1rem 2.5rem 1rem;background:#f9fafc;font-size:1rem}
.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}


.toggleList.type2>li>a{height:56px}
.toggleList.type2>li>a>span{padding:16px 28px 16px 0}
.toggleList.type2>li>a:after{right:0;background:url('https://img1.kbcard.com/home_re/mo/arr/16/arr-1-down.svg')}
.toggleList.type2>li.on>a{background:inherit;color:inherit}
.toggleList.type2>li.on>a:after{right:0;background:url('https://img1.kbcard.com/home_re/mo/arr/16/arr-1-up.svg')}
.toggleList.type2 .toggleView{overflow:hidden;padding:0 8px;border-top:1px solid rgba(0,0,0,.16);background:#fafafa}
.toggleList.type2 .toggleView .combineArea{margin-bottom:-1px}


.ios .toggleList>li>a>span{padding:1.625rem 3.75rem 1.375rem 1rem}
.ios .toggleList>li.noteBox>a>span{padding:34px 28px 34px 16px;}/*padding:34px 28px 14px 16px; https://tm.kbcard.com/BON/DVIEW/MBEMCXHIABNC0038*/
.ios .toggleList.type2>li>a>span{padding:18px 28px 14px 0}

/*board list*/
.newList li{position:relative;border-top:1px solid #e9e9e9}
.newList li a{display:block;padding:16px 48px 12px 16px;color:#000; opacity:.60;}
.newList li a span{display:block;width:100%;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gray090)}
.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}

.newList .newList_l1{position:relative;padding-right:30px;font-size:1.063rem !important}
.newList .newList_l1 .newList_num{position:absolute;top:0;right:0;display:inline-block;width:auto;color:var(--yellow080)}
.newList .newList_l2{overflow:hidden}
.newList .newList_l2 .newList_date{float:left;width:auto;color:#888}
.newList .newList_l2 .newList_name{float:right;width:auto;color:#888}

/* board list 타이틀만 있는 경우 */
.newList.type2{border-bottom:1px solid #ccc}
.newList.type2>li>a{line-height:1.500rem;padding:16px 40px 16px 16px}
.newList.type2 li a span{margin-bottom:0}
.ios .newList.type2>li>a{padding:18px 40px 14px 16px}

.listType1 li > ul, .listType2 li > ul, .listType3 li > ul, .termsCont li > ul{margin-top:8px;color:var(--gray090);font-size:0.875rem;line-height: 1.375rem;}
.listType1 li > ul > li:last-child, .listType2 li > ul > li:last-child, .listType3 li > ul > li:last-child, .termsCont li > ul > li:last-child{margin-bottom:16px}

/*board view*/
.newView .top{padding:24px 16px;background:#eef1f2;border-bottom:1px solid #e4e9eb}/*;border-radius: 8px; asis준용 - https://tm.kbcard.com/SVC/DVIEW/MSGMCXHIACSC0010 */
.newView .top h2{font-size:1.063rem;font-weight:bold;color:var(--gray090)}
.newView .top .date{margin-top:10px;color:var(--gray090)}
.newView .viewCont{padding:30px 16px}
.newView .file{padding:20px 16px;border-bottom:1px solid #e4e9eb;background:var(--gray000);margin-top:-1px}
.newView .file strong{color:var(--gray090);font-weight:normal}
.newView .file ul li:first-child{margin-top:0}
.newView .file ul li{margin-top:10px}
.newView .file ul li a{display:inline-block;padding-left:16px;color:var(--gray090);font-size:15px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_file.png) no-repeat left 3px;background-size:8px 13px;text-decoration:underline}

.newView .top .top_type2{overflow:hidden}
.newView .top .top_type2 .date{float:left}
.newView .top .top_type2 .name{float:right;color:#999;margin-top:8px}
.newView .replyWrap{padding:20px 16px;border-bottom:1px solid #e4e9eb}
.newView .replyList{margin-top:8px;font-size:0.875rem !important;line-height:1.429em}
.newView .replyList li{padding:10px 0;border-bottom:1px solid #e9e9e9}

/* 오토체인지 */
.tagList ul{overflow:hidden;padding-top:32px}
.tagList li{float:left;width:64px;padding:0 8px}
.tagList li:first-child{padding-left:12px}
.tagList li:last-child{padding-right:12px}
.tagList li a{position:relative;display:block;width:64px;font-size:14px;line-height:20px;text-align:center;color:var(--gray060)}
.tagList li a img{position:relative;z-index:2;display:block;width:100%;height:auto;margin-bottom:16px;-webkit-border-radius:32px;border-radius:32px;vertical-align:top}
.tagList li.on{opacity:1}
.tagList li.on a{font-weight:bold;color:#7f6ee3}
.tagList li.on a:before{content:'';position:absolute;top:-4px;left:-4px;width:72px;height:72px;-webkit-border-radius:36px;border-radius:36px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3023ae), to(#c96dd8));background:-webkit-linear-gradient(top, #3023ae, #c96dd8)}
.tagList li.on a:after{content:'';position:absolute;top:-2px;left:-2px;width:68px;height:68px;-webkit-border-radius:34px;border-radius:34px;background:var(--gray000)}

.tagList2 li{overflow:hidden;border-bottom:1px solid rgba(0, 0, 0, .16)}
.tagList2 li:last-child{border-bottom:none}
.tagList2 .category{float:left;width:96px;padding:16px 0;font-size:14px;line-height:20px;text-align:center;color:var(--gray060)}
.tagList2 .category img{display:block;width:48px;height:auto;margin:0 auto 4px;-webkit-border-radius:24px;border-radius:24px;vertical-align:top}
.tagList2 .categoryList{padding-left:96px}
.tagList2 .categoryList dl{padding:16px 16px 16px 0;border-bottom:1px solid rgba(0, 0, 0, .16)}
.tagList2 .categoryList dl:last-child{border-bottom:none}
.tagList2 .categoryList .cardName{overflow:hidden;display:block;margin-bottom:8px;font-size:1.000rem;line-height:24px;letter-spacing:-.2px;color:var(--gray090);white-space:nowrap;text-overflow:ellipsis}
.tagList2 .categoryList .tag{display:block;font-size:14px;line-height:20px;color:#7f6ee3}
.tagList2 .categoryList .tag span{white-space:nowrap}

.btn_myTag{position:fixed;bottom:32px;right:16px;width:64px;height:64px;-webkit-border-radius:32px;border-radius:32px;background-color:#7f6ee3;-webkit-box-shadow:0 6px 6px rgba(127, 110, 227, .24), 0 0 6px rgba(127, 110, 227, .12);box-shadow:0 6px 6px rgba(127, 110, 227, .24), 0 0 6px rgba(127, 110, 227, .12);color:var(--gray000);font-size:12px;line-height:16px;text-align:center}
.btn_myTag:before{content:'';display:block;width:32px;height:32px;margin:8px auto 0;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_all_32_fff.png') no-repeat 0 0;background-size:32px}

/*refer*/
ul.refer li,p.refer{position:relative;color:var(--gray060);padding-left:17px;margin-top:4px;font-size:14px;line-height:20px}
ul.refer li:first-child{margin-top:0}
ul.refer li:before,p.refer:before{content:"※";display:inline-block;position:absolute;left:0;top:0;width:15px;height:18px}
ul.refer li .qInfoBtn, p.refer .qInfoBtn{width:20px;height:20px;margin:0 0 0 2px;background-position:center;vertical-align:top}

/* 앞에 특정 숫자 붙은 리스트 */
.otherList{font-size:0.875rem;line-height:1.429em}
.otherList li{margin-bottom:8px;padding-left:20px;text-indent:-20px}
.otherList li:last-child{margin-bottom:0}
.otherList li span{display:inline-block;width:16px;padding-right:4px;vertical-align:top;color:currentColor;text-indent:0}

.inputList, .inputList ul{overflow:hidden}
.inputList li{float:left;position:relative;width:50%;padding:13px 8px;border-bottom:1px solid rgba(0, 0, 0, .24);-webkit-box-sizing:border-box;box-sizing:border-box;white-space: nowrap;}
.inputList li label:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}
.inputList li:nth-child(odd) {clear:both;}
.inputList .allCheck .off{display:none}
.inputList .allCheck.checked .off{display:inline}
.inputList .allCheck.checked .on{display:none}
.inputList .allCheck.checked label:after{content:'';display:inline-block;width:16px;height:16px;background:url('https://img1.kbcard.com/cxh/ia_img/common/ico_check.png') no-repeat 0 0;background-size:16px auto;vertical-align:text-top}

@media screen and (max-width:330px){
	.inputList li label {
	    font-size: 0.875rem;
	}
}

@media screen and (max-width:350px){
    .inputList li input[type='checkbox']+label:before {width: 20px;height:20px;background-size: 20px;}
	.inputList li label {
	    letter-spacing: -1px;
	}
}

.radioBox .formWrap, .inpBox .formWrap{display:block;position:relative;padding:16px;border:1px solid rgba(0, 0, 0, .16);border-radius:4px}
.radioBox .formWrap label:after, .inpBox .formWrap label:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0}
.radioBox li, .inpBox li{margin-bottom:8px}
.radioBox li:last-child, .inpBox li:last-child{margin-bottom:0}

.inpBox.type2 li{margin:0}
.inpBox.type2 li:last-child .formWrap{border-bottom:1px solid rgba(0, 0, 0, .16)}
.inpBox.type2 .formWrap{border-bottom:none}

.hyphenUl > li{margin-bottom:10px;padding-left:11px;text-indent:-11px}
.hyphenUl > li:last-child{margin-bottom:0}
.hyphenUl > li:before{content:'-';display:inline-block;width:7px;margin-right:4px;text-indent:0}

.contArea .adviceList{margin:0 -16px}
.adviceList li{position:relative;padding:12px 52px 12px 90px;border-bottom:1px solid rgba(0, 0, 0, .16)}
.adviceList li a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%}
.adviceList li a:after{content:'';position:absolute;top:50%;right:0;width:16px;height:16px;margin-top:-8px;background:url('https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg') no-repeat 0 0;background-size:16px}
.adviceList li .tit{overflow:hidden;display:block;height:1.500em;text-overflow:ellipsis;white-space:nowrap}
.adviceList li .date{display:block;margin-top:4px;font-size:14px;line-height:20px;color:var(--gray050)}
.adviceList .state{position:absolute;top:50%;left:0;width:74px;height:16px;padding:12px 0;border-right:1px solid rgba(0, 0, 0, .16);margin-top:-20px;line-height:16px;text-align:center;color:var(--gray050);font-size:12px}
.adviceList .state.complete{color:#4a79d8;height:40px;padding:0}
.adviceList .state.complete:before{content:'';display:block;width:24px;height:24px;margin:-2px auto 4px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_check_24_blue1.png') no-repeat 0 0;background-size:24px}
.ios .adviceList .state{padding:14px 0 10px}
.ios .adviceList .state.complete{padding:0}

.accountList{overflow:hidden;margin-bottom:16px}
.accountList li{display:table;width:100%;margin-top:8px}
.accountList li>*{display:table-cell;vertical-align:top;font-size:1.000rem;line-height:24px;letter-spacing:-.2px}
.accountList li em{padding-right:16px;width:84px;color:var(--gray090);text-align:right}
.accountList li em.call{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_call_16_000.png) no-repeat 0 4px;background-size:16px 16px}
.accountList li span{color:var(--gray060)}

/* 카드디자인 선택 리스트 */
.cardDesignSel{overflow:hidden;padding:0 4px}
.cardDesignSel li{float:left;position:relative;width:50%;padding:0 20px 24px;-webkit-box-sizing:border-box;box-sizing:border-box}
.cardDesignSel li img{width:100%;height:auto;-webkit-border-radius:4px;border-radius:4px;vertical-align:top;-webkit-box-shadow:0 16px 16px rgba(0, 0, 0, 0);transition:all 300ms}
.cardDesignSel li label{display:table;width:100%;height:40px;color:var(--gray070);font-size:0.875rem;line-height:1.429em}
.cardDesignSel li label:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}
.cardDesignSel li label span{display:table-cell;padding-right:24px;vertical-align:middle}
.cardDesignSel li.checked img{-webkit-box-shadow:0 16px 16px rgba(0, 0, 0, .16);box-shadow:0 16px 16px rgba(0, 0, 0, .16)}
.cardDesignSel li.checked label{color:var(--gray090)}
.cardDesignSel li input{right:20px;bottom:32px;-webkit-border-radius:12px;border-radius:12px;border:1px solid rgba(0, 0, 0, .24);opacity:1;-webkit-appearance:none;appearance:none;transition:all 300ms}
.cardDesignSel li input:checked{border-color:#448aff;background-color:#448aff;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .24), 0 0 3px rgba(0, 0, 0, .12)}
.cardDesignSel li input:checked:after{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_check_16_fff.png') no-repeat center;background-size:16px}

/*tab*/
.tabBox{padding:0 16px}
.tabBox.type2{padding:0}
.tabDep0:after{content:'';display:block;clear:both;height:0}
.tabDep0 li{display:table;float:left;width:50%;padding:4px 2px;box-sizing:border-box}
.tabDep0 li a{position:relative;box-sizing:-webkit-border-box;box-sizing:border-box;display:table-cell;padding:0 10px;height:50px;background:rgba(0, 0, 0, .04);border-radius:4px;color:var(--gray070);text-align:center;vertical-align:middle;font-weight:100}
@media screen and (max-width:359px){.tabDep0 li a{padding:0 5px}}
.tabDep0 li a:after{content:"";position:absolute;left:0;top:50%;margin-top:-7px;display:block;width:1px;height:14px;background:#000;opacity:0.3}
.tabDep0 li.on a{background-color:var(--gray000);color:var(--gray090);border:1px solid rgba(0, 0, 0, 0.6);font-weight:600}/*400, bg color 추가*/
.tabDep0 li.on + li a:after,.tabDep0 li:first-child a:after,.tabDep0 li.on a:after{display:none}

.tabDep1{display:none;overflow:hidden;background-color:var(--gray000)}
.tabDep1:after{content:"";display:block;height:0;clear:both}
.tabDep1 li{display:table;float:left;position:relative;width:50%;text-align:center;border-bottom:1px solid #ddd}
.tabDep1 li a{display:flex;min-height: 47px;padding: 0.75rem 0.625rem 0.6875rem;font-size: 1rem;color: var(--gray050);word-break:normal;white-space:nowrap;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;font-weight: 600;}/* 곽수진 - 결함 6700, 좌우 간격 조정 */
.tabDep1 li.on{border-color:transparent}
.tabDep1 li.on:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--gray090)}
.tabDep1 li.on a{color:var(--gray090)}
.tabDep1 li a.btnImg{padding:13px 14px}

.tabDep2:after{content:"";display:block;height:0;clear:both}
.tabDep2 li{position:relative;display:table;float:left;width:50%;height:50px;padding: 0.25rem 0.15625rem;text-align:center;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);}
.tabDep2 li a{display:flex;min-height:50px;padding: 0 0.25rem;vertical-align:middle;background-color:var(--gray000);word-break:normal;border: 1px solid rgba(0, 0, 0, 0.16);border-radius: 0.25rem; box-sizing: border-box;vertical-align:middle;justify-content:center;align-items:center;}
.tabDep2 li.on{z-index:1;}
.tabDep2 li.on a{color:var(--gray090);font-weight:600;background-color:var(--gray000);border-color:var(--gray090); border-width:2px;}

.tabDep2.type2 li.wp100{width:100% !important;width:calc(100% - 1px) !important}
.tabDep2.type2 li.disabled a{color:var(--gray050)}
.tabDep2.type2 li.on a{background-color:var(--gray000);color:var(--gray090);border-color:rgba(0, 0, 0, 0.87)}
.tabDep2.type2 li.on a:after{-webkit-transform:scale(1);transform:scale(1)}
.tabCont{margin-top:16px}
.tabBox.type2>.tabCont>.toggleList{margin:0}
.tabBox.type2 .tabCont + .toggleList{margin-bottom:24px;border-top:1px solid rgba(0, 0, 0, .16)}
.tabBox.type2 .tabCont + .toggleList>li:first-child{border-top:none}
.tabBox.type2 .formWrap.selType1.type2 > a {}
.tabBox.type2 .formWrap.selType1.type2 > a:before {right:12px;bottom:15px}
.contArea .tabBox>.tabCont>.toggleList{margin:0 -16px}

.tabDep3{margin:0 -16px;padding:0 16px;border-bottom:1px solid rgba(0, 0, 0, .16)}
.tabDep3:after{content:"";display:block;height:0;clear:both}
.tabDep3 li{display:inline-block;line-height:34px;text-align:center;margin-bottom:-1px}
.tabDep3 li a{display:block;padding:0 13px;color:var(--gray070);word-break:normal;box-sizing:border-box;vertical-align:middle}
.tabDep3 li.on{border-bottom:1px solid var(--gray090)}
.tabDep3 li.on a{color:var(--gray090)}

/* tabJs newType */
.contArea .tabList.type2{margin:0 -16px}
.contArea .tabJs.newType{margin:0 -16px;padding:0 16px}
.tabList{position:relative}
.tabList .bar{position:absolute;bottom:0;left:0;width:20px;height:2px;background:var(--gray090);transition:all 300ms ease-out}
.tabList ul > .bar{bottom:-1px}
.tabJs.newType{position:relative;overflow:initial!important;border-bottom:1px solid rgba(0, 0, 0, .16)}
.tabJs.newType li{width:auto}
.tabJs.newType li, .tabJs.newType li.on{border-bottom:none}
.tabJs.newType li.on:after{display:none}
.tabJs.newType li a{-webkit-tap-highlight-color:transparent}

.tabDep1.newType li{margin-left:8px}
.tabDep1.newType li:first-child{margin-left:0!important}
.tabDep1.newType li a{display:inline-block;height:auto;min-height:47px;padding:12px 8px}
.tabDep1.newType li a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}
.tabDep1.newType[class*="col"] li{margin:0}
.ios .tabDep1.newType li a{padding:14px 8px 10px}

@media screen and (max-width:320px){.tabDep3 li a{padding:0 6px}}

.arrCarSwiper{position:relative;overflow:hidden;background:#d1d4db;line-height:60px;text-align:center}
.arrCarSwiper > a{position:absolute;top:0;width:48px;height:60px;color:transparent}
.arrCarSwiper > a:after{content:"";position:absolute;left:50%;top:50%;display:block;width:23px;height:23px;margin:-12px 0 0 -12px;background:url(https://img1.kbcard.com/cxh/ia_img/common/btn_date.png) no-repeat;background-size:46px}
.arrCarSwiper > a.prev{left:0}
.arrCarSwiper > a.next{right:0}
.arrCarSwiper > a.prev:after{background-position:right bottom}
.arrCarSwiper > a.next:after{background-position:right top}
.arrCarSwiper > a.prev.dimm, .arrCarSwiper > a.next.dimm{display:none;}/* 2024 접근성 */
.arrCarSwiper > a.prev.dimm:after{background-position:0 100%}
.arrCarSwiper > a.next.dimm:after{background-position:left top}
.arrCarSwiper > .listBox{margin:0 48px;overflow:hidden}
.arrCarSwiper > .listBox > ul > li{float:left;width:100%;font-size:1.000rem;color:var(--gray090)}
.arrCarSwiper > .listBox > ul:after{content:"";height:0;display:block;clear:both}

.arrCarSwiper.type2{border-bottom:1px solid rgba(0, 0, 0, .16);background:var(--gray000);line-height:56px}
.arrCarSwiper.type2 > a{width:56px;height:56px}
.arrCarSwiper.type2 > a:after{width:24px;height:24px;background:none;background-position:center;background-repeat:no-repeat;background-size:24px}
.arrCarSwiper.type2 > a.prev:after{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_l_24.png')}
.arrCarSwiper.type2 > a.next:after{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr-r-24.png')}
.arrCarSwiper.type2 > a.dimm:after{opacity:.3}
.arrCarSwiper.type2 > .listBox > ul > li a {display:inline-block; position: relative; padding-right: 2rem;}
.arrCarSwiper.type2 > .listBox > ul > li a:after {content:'';display:block;position:absolute;top:50%; right:0; width:25px; height:25px; transform:translateY(-50%); background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down.svg) no-repeat 0 0;background-size: 25px;}

.col1 li{width:100% !important}
.col2 li{width:50% !important}
.col3 li{width:33% !important}
.col3 li:nth-child(3n){width:34% !important}
.col4 li{width:25% !important}
.col4_ty2 li{width:25%}
.col5 li{width:20% !important}

/*box*/
.guideArea{padding:27px 0;background:#f5f5f5;text-align:center}
.guideImg{padding:95px 0 60px;text-align:center;background-position:center top;background-size:299px 90px;background-repeat:no-repeat}
.guideImg.imgAtm{background-image:url(https://img1.kbcard.com/cxh/ia_img/terms/img_atm.png)}
.guideImg h2{font-weight:bold;color:var(--gray090)}

.guideArea2{padding:15px;text-align:left;background:#f5f5f5;border:1px solid #cecece}
.example{display:block;background:#999;text-align:center;color:var(--gray000);padding:3px 0;font-size:13px;border-radius:2px;width:45px}
.guideArea2 .tit{display:block;font-size:1.000rem;color:var(--gray090);margin-top:10px}
.guideArea2 .sTxt{font-size:13px;color:#888}

/*text type*/
.txtInfo{background:none;position:relative;display:inline-block;margin-top:8px;padding-left:20px;color:var(--gray090) !important;font-size:14px;line-height:20px}
.txtInfo:before, ul.txtInfo>li:before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_exclamation_16.png) no-repeat left center;background-size:16px}
.txtInfo.gray{color:var(--gray060) !important}
.txtInfo.gray:before, ul.txtInfo.gray>li:before{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_exclamation_16_000.png') no-repeat left center;background-size:16px;opacity:.6}
.txtInfo.red{color:var(--red050) !important}
.txtInfo.blue{color:var(--gray060) !important}
.txtInfo.blue:before, ul.txtInfo.blue>li:before{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_exclamation_16_000.png') no-repeat left center;background-size:16px;opacity:.6}
.err + .txtInfo, .err + .txtInfo.red{color:#fb5252 !important;font-size:14px}

a.txtInfo.link{display:block;vertical-align:middle;margin:0 16px;padding:11px 50px 11px 35px;border:1px solid rgba(0, 0, 0, .16);background:#f2f3f4;font-size:1.000rem;line-height:1.250em}
a.txtInfo.link:before{top:50%;left:7px;width:24px;height:24px;margin-top:-12px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_info_24.png') no-repeat center;background-size:24px}
a.txtInfo.link:after{content:'';position:absolute;top:50%;right:7px;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 center;background-size:24px;opacity:.87}
.contArea a.txtInfo.link{margin:0}
.ios a.txtInfo.link{padding:12px 50px 10px 35px}

ul.txtInfo{display:block;padding-left:0}
ul.txtInfo:before{display:none}
ul.txtInfo>li{position:relative;display:block;margin-top:8px;padding-left:20px;color:var(--gray090)}
ul.txtInfo.gray>li, .popCont ul.txtInfo.gray>li{color:var(--gray060)}
ul.txtInfo.red>li, .popCont ul.txtInfo.red>li{color:#fb5252}
ul.txtInfo.blue>li, .popCont ul.txtInfo.blue>li{color:var(--gray060)}
ul.txtInfo>li>a, .popCont ul.txtInfo>li>a{color:#fb5252}

p.txtInfo.fc8, span.txtInfo.fc8{color:#f35b42 !important}/*붉은색*/
.cautionCont{margin-top:20px;color:#888;font-size:0.813rem}
.cautionCont li, .cautionCont p{overflow:hidden;padding-left:15px}
.cautionCont li+li{margin-top:7px}
.cautionCont li:before, .cautionCont p:before{content:'※';float:left;margin-left:-15px}

.ios p.txtInfo, .ios span.txtInfo, .ios ul.txtInfo>li{padding-top:1px}

.txtInfo2{border-top:1px solid #ccc;margin-top:10px;padding-top:10px;text-align:right}

/*input & select*/
input[type='text'], input[type='number'], input[type='tel'], input[type='password'], input[type='email'], input[type='time']{display:block;width:100%;height:48px;padding:8px 0;border:0;border-bottom:2px solid var(--gray030);font-size:18px;color:var(--gray090);box-sizing:border-box;line-height:32px;margin-bottom: 1px;}/*margin-bottom: 1px; - https://tm.kbcard.com/CMN/DVIEW/MOBMCXHIAMBC0001*/
input[type='text']:focus, input[type='number']:focus, input[type=tel]:focus, input[type='password']:focus, input[type='email']:focus, input[type='time']:focus{border-color: var(--gray090);}
input[type='password']{background-color:var(--gray000) !important}
input.fs_2{font-size:18px !important}
.inpTxt1, .selType1{position:relative;display:block;width:100%;box-sizing:border-box}/* 박진수 - margin-top:16px; 이 옵션이 추가 됐는데 다른 부분들 영향이 생겨서 원복 시켰습니다. 수정하게된 결함 ID알려주시면 확인하겠습니다. */
.inpTxt1.err, .selType1.err, input.err{border-color:#ff0000;z-index:2}
.inpFile1{position:relative;display:block;width:100%;}
.inpFile1 input[type='file'] {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;}
.err{border-color:#ff0000 !important}

.inpTxt1 + .inpTxt1, .inpTxt1 + .cardPw.type2, .inpTxt1 + .selType1, .selType1 + .inpTxt1, .txtInfo + .inpTxt1, .txtInfo + .identity{margin-top:48px}

.inpTxt1 input[type="text"]:disabled{background:#fafbfb;border-color:rgba(0, 0, 0, .04);color:var(--gray050)}
.inpTxt1:after, .selType1:after{content:'';display:block;clear:both}
.inpTxt1 label, .selType1 label, .inpTxt1 > .label{display:block;margin-bottom: 6px;font-weight:600;}
.inpTxt1 label span, .selType1 label span{color:var(--gray070);}
.inpTxt1 input, .selType1 select, .selType1>a{display:block;width:100%;height:48px;line-height:46px;border:0 none;box-sizing:border-box;outline:none}
.inpTxt1 input{margin-bottom:1px;padding-right:40px;background:none;border-bottom:2px solid var(--gray030);font-size:18px;line-height:28px}/*https://tm.kbcard.com/CMN/DVIEW/MOCMCXHIAMBC0009*/
.inpTxt1.select {padding-left:119px}
.inpTxt1.select .selType1{position:absolute;left:0;width:119px;padding:0;border:none;background:transparent}
.inpTxt1.select .selType1 a{padding-left:15px;color:var(--gray070)}
.inpTxt1.select.checked .selType1{top:-1px;left:-1px}
.inpTxt1.select .selType1.disabled{background:var(--gray005)}
.inpTxt1 input:focus {border-color: var(--gray090);}
.inpTxt1.err.checked > label, .inpTxt1.err.checked input{border-color:#ff0000;}
.inpTxt1 > .label label, .inpTxt1 > .label > span{display:table-cell;position:static;width:70px;padding:0;vertical-align:middle;color:var(--gray070);line-height:20px}
.inpTxt1 > .label .qInfoBtn, .inpTxt1 label .qInfoBtn{display:inline-block;width:20px;height:20px;margin-left:2px;background-position:center;color:transparent;vertical-align:top}

.ios .inpTxt1.checked input{padding-top:10px}
.ios .inpTxt1 input{padding:9px 40px 7px 0}
.ios .inpTxt1 label span, .ios .selType1 label span{padding-top:2px}
.ios .inpTxt1 label span > span, .ios .selType1 label span > span{padding-top:0}
.ios .inpTxt1 label .qInfoBtn{margin-top:-1px}
.ios .inpTxt1 > .label label, .ios .inpTxt1 > .label > span{padding-top:2px}
.ios .selType1 select, .ios .selType1>a{line-height:48px}

.inpTxt1.disabled input[disabled]{background:#f2f2f2 !important;color:#888 !important;opacity:1;-webkit-text-fill-color:#888}
.inpTxt1 input[type=password][readonly]{background:var(--gray000) !important;color:var(--gray090) !important}

.inpTxt1+.txtInfo, .inpTxt1+.refer, .selType1+.txtInfo{margin:8px 0 16px}
.formList .refer+.txtInfo{margin:0 0 10px}
.formList .inner{display:table;width:100%}
.formList .inner>span{display:table-cell;width:50%}
.formList .inner>span+span{border-left:0}
.formList .inpTxt1+.inner, .formList .inner+.inpTxt1{margin-top:-1px}

.selType1{position:relative}
.selType1 + .selType1{margin-top:24px;}
.selType1>a{padding-right:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:2px solid var(--gray030);font-size:18px;font-weight:600;}
.selType1>a:before{content:'';display:block;position:absolute;right:4px;bottom:17px;width:24px;height:24px;background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down.svg) no-repeat 0 0;background-size: 24px;}
.selType1>a:focus, .selType1 .layerOpen:focus {border-color:var(--gray090);}
.selType1 select{background:transparent;-webkit-appearance:none}
.selType1.type2{padding:0}
.selType1.type2>a:before{}
.selType1 select:disabled{padding-left:10px}
.selType1 a.disabled,.selType1 select:disabled,.selType1.disabled:before, .selType1>a.placeholder{border-top-color:var(--gray030);color:var(--gray050)}
.selType1.disabled>a:before{border-top-color:#999}
.selType1.type3{display:inline-block;position:relative;width:auto;border:none;padding:0 24px 0 0}
.selType1.type3>a{display:inline-block;padding:0;width:auto;height:24px;line-height:24px;font-size:16px;vertical-align:top}
.selType1.type3>a:before{width:24px;height:24px;right:0;top:0;margin:0;border:none;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_down_24_000.png) no-repeat center;background-size:24px auto} 
.selType1.type3>a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}
.selType1.type3 .fixedText{line-height:24px;font-size:1.000rem;color:var(--gray060)}

.ios .selType1.type3>a:before{top:-2px}

.inpTxt1 .addBtn{display:block;clear:both;margin-top:32px;text-align:center}
.inpTxt1 .addBtn.col2>span{float:left;width:50%;padding-right:4px;box-sizing:border-box;text-align: center;}
.inpTxt1 .addBtn.col2>span+span{padding-left:4px;padding-right:0;}
.inpTxt1 .addBtn button{display:inline-block;padding:10px 16px;background:var(--gray090);border-radius:24px; color:var(--gray000);border:0;text-align:center;font-size: 14px;line-height: 20px;}
.inpTxt1 .addBtn.col2>span:first-of-type button {background:var(--gray000);border:1px solid rgba(0, 0, 0, .47);color:var(--gray090);}
.inpTxt1 .blankInt{display:table;width:100%}
.inpTxt1 .blankInt span{display:table-cell;vertical-align:middle;padding:0 8px;height:46px;max-height:50px;line-height:20px}

.inpTxt1 .blankInt{display:table;width:100%}
.inpTxt1 .blankInt span{display:table-cell;vertical-align:middle;padding:0 8px;height:46px;max-height:50px;line-height:20px}

.radioSel:after{content:"";display:block;height:0;clear:both}
.radioSel > .slide{display:none;margin:8px 0}
.radioSel>.formWrap{float:left;position:relative;display:table;width:100%;height:48px;padding:4px 2px;text-align:center;box-sizing:border-box;word-break:break-all}
.radioSel>.formWrap + .formWrap{margin-left:-1px;border-left-color:#ccc}
.radioSel>.formWrap>input{position:absolute;left:0;width:100%;height:48px;}
.radioSel>.formWrap label{}
.radioSel>.formWrap label:before{display:none}
.radioSel>.formWrap input[type="radio"]:disabled + label{opacity: .6;}
.radioSel>.formWrap label, .radioSel>.formWrap a{display:table-cell;height:48px;line-height:20px;padding:1px 4px;border:1px solid var(--gray030);border-radius:8px;background:none;vertical-align:middle;color:var(--gray070);-webkit-box-sizing:border-box;box-sizing:border-box}
.radioSel>.formWrap label .annual{display:block;margin:4px 0 8px;font-size:0.750rem;line-height:1.333em;color:var(--gray070)}
.radioSel>.formWrap label .flex{height:76px;flex-direction:column;justify-content:center}
.radioSel>.formWrap.checked{ font-weight:600; }
.radioSel>.formWrap.checked label{border:2px solid var(--gray090) !important;background:var(--gray000);z-index:2}
.radioSel>.formWrap.checked label, .radioSel>.formWrap.checked a{ font-weight:600; height:48px;color:var(--gray090);border-color:var(--gray090);background-color:var(--gray000);border-width:2px;}
.radioSel>.formWrap.checked label:after, .radioSel>.formWrap.checked a:after, .cardBox.type4 > .cardTxt.on:after{-webkit-transform:scale(1);transform:scale(1)}
.radioSel>.formWrap.checked label .flex{margin-top:-2px}
.radioSel>.formWrap.checked label .annual{margin-bottom:6px}
.radioSel>.formWrap.disabled, .radioSel>.formWrap.disabled a{color:var(--gray050)}
.radioSel.type2>.formWrap{float:none}
.radioSel.type2>.formWrap + .formWrap, .radioSel.type2>.inforCheck + .formWrap{margin:-1px 0 0 0;border-color:rgba(0, 0, 0, .24)}
.radioSel.type2> .slide + .formWrap, .radioSel.type2> .slide + .formWrap{margin-top:-1px}

.radioSel.type2>.formWrap label,.radioSel.type2>.formWrap a{height:auto;padding:13px 8px}
.radioSel.type2>.formWrap.checked label,.radioSel.type2>.formWrap.checked a{height:auto;padding:12px 7px}
.radioSel.type3>.formWrap{margin:0 0 -1px 0;border-left:0}
.radioSel.type3>.formWrap.checked{border-left-width:1px!important}
.radioSel.type3>.formWrap label .flex .txt{display:block;margin-top:16px;padding:4px 0 8px}
.radioSel.col2>.formWrap{width:50%}
.radioSel.col3>.formWrap{width:33%}
.radioSel.col3>.formWrap:nth-child(3n){width:34% !important}
.radioSel.col4>.formWrap{width:25%}

.ios .radioSel>.formWrap label, .ios .radioSel>.formWrap a{padding:2px 4px 0;line-height:20px}
.ios .radioSel.type2>.formWrap label, .ios .radioSel.type2>.formWrap a{padding:13px 8px}
.ios .radioSel.type2>.formWrap.checked label, .ios .radioSel.type2>.formWrap.checked a{padding:12px 7px}

.radioSel.col2>.formWrap:nth-child(2n+1).checked:before,
.radioSel.col3>.formWrap:nth-child(3n+1).checked:before,
.radioSel.col4>.formWrap:nth-child(4n+1).checked:before{display:none}

.radioSel.flex > .formWrap{-webkit-box-flex:1;-webkit-flex:1;flex:1}

#cardkind_1.radioSel.col2>.formWrap:nth-child(2n+1){clear:both;}

.selSum .selBox{position:relative;margin-top:-1px;padding:16px;border:1px solid #ccc;background:#f4f4f4}
.selSum .selBox:first-child{margin:0}
.selSum .selBox.on{padding:15px;border:2px solid var(--gray090);background:var(--gray000);z-index:1}
.selSum .selBox.sel{background:var(--gray000)}
.selSum .selBox p strong{font-weight:normal}
.selSum .selBox p input{display:inline-block;height:30px;width:70px;padding:0 10px;margin-bottom:5px;text-align:right;border:none;border-bottom:1px solid #111;background:#f4f4f4}
.selSum .selBox.on p input{border-bottom:1px solid var(--yellow040);background:var(--gray000)}
.selSum .selBox>strong{display:block;margin-top:5px}

.inpEmail{display:table;width:100%;box-sizing:border-box}
.inpEmail>span, .inpEmail .selType1{display:table-cell;width:50%;border:0 none;vertical-align:middle}
.inpEmail>span input{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}

.inpTxt1.inpBirthDate:after{}
.inpTxt1.inpBirthDate input{padding:8px !important}
.inpTxt1.inpBirthDate.checked input{margin-left:-1px}
.inpTxt1.inpBirthDate.checked input:last-child{margin-left:1px}
.inpBirthDate{overflow:hidden;position:relative;background-color:var(--gray000)}
.inpBirthDate:after{content:'';position:absolute;bottom:24px;left:50%;z-index:10;width:6px;height:1px;margin-left:-3px;background-color:rgba(0, 0, 0, .24)}
.inpBirthDate input{float:left;width:50%}
.inpBirthDate input.backNumber{padding-left:20px !important;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/img_security.png') no-repeat 20px center, url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/img_security_on.png') no-repeat 20px center;background-size:auto 12px, 0}
.inpBirthDate input.backNumber.on{background-size:auto 12px;color:transparent}
.inpBirthDate input.backNumber:before{content:'';position:absolute;top:50%;left:20px;width:12px;height:12px;margin-top:-6px;-webkit-border-radius:6px;border-radius:6px;background-color:rgba(0, 0, 0, .24)}
.inpBirthDate .divide{display:none;}

.inpMultipleNum{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-box-align:center}
.inpMultipleNum > span{position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:7px}
.inpMultipleNum > span:after{content:'-';position:absolute;top:50%;right:0;z-index:2;width:8px;height:40px;margin-top:-20px;line-height:40px;text-align:center}
.inpMultipleNum > span input{border-left-width:0;border-right-width:0}
.inpMultipleNum > span input:focus {}
.inpMultipleNum > span:last-child{-webkit-box-flex:none;-webkit-flex:none;flex:none}
.inpMultipleNum > span:last-child:after{display:none}
.inpMultipleNum > span:last-child input{border-right-width:1px}
.inpMultipleNum > span:first-child input{border-left-width:1px}
.inpMultipleNum > span input:focus{}
.inpMultipleNum > span input[type="password"]{font-size:36px!important}
.selType1 + .inpMultipleNum{margin-left:8px}
.flex .inpMultipleNum{display: -webkit-box!important; display: -webkit-flex!important; display: flex!important;-webkit-box-flex:1;-webkit-flex:1;flex:1}
.ios .inpMultipleNum > span input[type="password"]{font-size:1.000rem!important}

/* input 단위입력 타입 */
.inpTxt1.unitType{padding:0}
.inpTxt1.unitType label, 
.inpTxt1.unitType .label{position:relative;width:100%;box-sizing:border-box}
.inpTxt1.unitType label span:first-child, 
.inpTxt1.unitType .label label{display:block;margin-bottom:6px;}
.inpTxt1.unitType label span, 
.inpTxt1.unitType .label span{white-space:nowrap;color:var(--gray070)}
.inpTxt1.unitType label span:last-child, 
.inpTxt1.unitType .label span:last-child {position:absolute;bottom:12px;right:4px;width:auto;font-size:18px;color:var(--gray090)}
.inpTxt1.unitType label input, 
.inpTxt1.unitType .label input{padding-right:40px;text-align:right;font-size: 18px;color:var(--gray090)}
.inpTxt1.unitType br{display:none}
.inpTxt1.unitType br.fix{display:block}
.inpTxt1.unitType label input::-webkit-input-placeholder, 
.inpTxt1.unitType .label input::-webkit-input-placeholder{text-align:right}
.ios .inpTxt1.unitType label inpu, .ios .inpTxt1.unitType .label input{padding:9px 40px 7px 0}

@media screen and (max-width:359px){
    .inpTxt1.unitType br{display:block} 
}

/*input 유효기간*/

/*달력*/
.calWrap{position:relative}
.calWrap:after{content:"";display:block;height:0;clear:both}
.calWrap.period{display:table;width:100%;padding:0}
.calWrap .calendar{position:relative}
.calWrap.period>div{display:table-cell;vertical-align:middle}
.calWrap.period>div .selType1.type2 > a {border-bottom: 1px solid #c6cbd0;font-size:18px}
.calWrap.period .calendar .inpTxt1{padding-left:0}
.calWrap.period .wave{display:table-cell;width:30px;vertical-align:middle;text-align:center}
.calWrap .calendar .inpTxt1{}
.calWrap .calendar .inpTxt1 input{}
.calWrap .calendar .calBtn{position:absolute;right:0;bottom:12px;width:24px;height:24px;margin-top:-13px;background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-calendar.svg);background-size:24px;color:transparent}
.calWrap .calBox{position:absolute;left:0;top:0}

/*search*/
.searchBox{position:relative;margin:0 30px;border-bottom:2px solid var(--gray090)}
.searchBox:after{content:"";display:block;height:0;clear:both}
.searchBox input[type='search']{display:block;width:100%;padding:10px 35px 10px 10px;line-height:30px;border:0;box-sizing:border-box}
.searchBox input[type='search']::placeholder{color:#666;}
.searchBox input[type='search']:disabled{opacity:1}
.searchBox input[type='button']{display:block;position:absolute;right:0;top:7px;width:35px;height:36px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_search.png) no-repeat 7px center;background-size:50px 21px;}
.searchGps{padding:40px 0 50px}
.searchGps .txtGps{margin-top:20px;padding:0 30px;color:var(--gray090);line-height:13px}
.searchGps .txtGps:before{content:"";display:inline-block;width:9px;height:13px;margin-right:6px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_search.png) right top;background-size:50px 21px}
.searchGps .txtGps span{display:inline-block;margin-left:13px;padding-left:10px;border-left:1px solid #666}

/*table*/
.tbsType1{position:relative;text-align:center;font-size: 0.875rem;border-top:1px solid #d1d1d1;line-height: 1.375rem;}
.tbsType1:after{content:'';position:absolute;top:-1px;left:-1px;width:2px;height:100%;background-color:var(--gray000);}
.tbsType1 thead th{color:var(--gray090);background:#f9fafc;border-bottom:1px solid #d1d1d1;}
.tbsType1 tbody th{color:var(--gray090);background:#f9fafc;border-bottom:1px solid #d1d1d1;}
.tbsType1 thead th,.tbsType1 tbody th,.tbsType1 tbody td{padding:15px 5px;border-left:1px solid #d1d1d1;}
.tbsType1 thead tr th:first-child,.tbsType1 tbody tr th:first-child,.tbsType1 tbody tr td:first-child{/* border-left:0 */}
.tbsType1 tbody td{color:var(--gray090);border-bottom:1px solid #d1d1d1;}
.tbsType1.type2 thead th:first-child{border-right:1px solid #d1d1d1;}
.tbsType1.type2 tbody th{text-align:left}
.tbsType1.type2 tbody td{text-align:right}
.tbsType1 tr.sum th{color:var(--gray090)}
.tbsType1 tr.sum td{color:#ff6c00}
.tbsType1 .listType1 > li{font-size:inherit;line-height:inherit}
.tbsType1 .event_table2 tbody tr + tr > td:first-child {border-left:0px solid #d1d1d1;} 
.tbsType2{border-top:1px solid #d1d1d1;text-align:center;font-size: 0.875rem; line-height: 1.375rem;}
.tbsType2 tbody th{color:var(--gray090);text-align:left;border-right:1px solid #d1d1d1;background:#f9fafc}
.tbsType2 tbody th,.tbsType2 tbody td{padding:15px 5px;border-bottom:1px solid #d1d1d1;border-left:1px solid #d1d1d1;}
.tbsType2 tbody tr th:first-child{border-left:0}

.tbsList1{font-size:1rem;line-height:1.5rem;color:var(--gray090);}
.tbsList1 li{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-box-align:center;padding:24px 0;border-bottom:1px solid #d1d1d1;}
.tbsList1 li>span{color:var(--gray070)}
.tbsList1 li>strong{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:right;font-weight:normal;word-break: keep-all; min-width:5.625rem; max-width: 70%;}/* 2022.01.18 개발 원영탁 수정요청 word-break: keep-all; max-width: 70%; */
.tbsList1 li>span+strong{padding-left:10px}
.tbsList1 li strong.address{width:70%}
.tbsList1 li>strong span{font-weight:bold}
.tbsList1 li strong em{display:block}
.tbsList1 li .point{margin-top:-4px}
.tbsList1 li .point em{display:inline-block;margin:0;color:#7f6ee3;font-size:17px;line-height:28px;margin-right:2px}
.tbsList1 li .formWrap + strong{color:#666}
.tbsList1 li .formWrap.checked + strong{color:var(--gray090)}
.tbsList1.left li>span{width:88px}
.tbsList1.left li>strong{text-align:left}

.ios .tbsList1 li{padding:18px 0 14px}
.ios .tbsList1 li.inBox > div{padding-bottom:14px}

.tbsList1 li.inBox{display:block;padding-bottom:0}
.tbsList1 li.inBox > div{padding-bottom:24px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-box-align:center}
.tbsList1 li.inBox > div > span{float:left}
.tbsList1 li.inBox ul{background:#f9fafc; border-top:1px solid #d1d1d1;}
.tbsList1 li.inBox ul li{display:block; padding:24px 16px;}
.tbsList1 li.inBox ul li:last-child{border:0}
.tbsList1 li.inBox.check ul{padding:24px 16px;}
.tbsList1 li.inBox.check ul li{margin-top:16px;padding:0;border:0}
.tbsList1 li.inBox.check ul li:first-child{margin:0}
.tbsList1 li.inBox.check p.checkSum{padding:24px 16px;background:#f9fafc;border-top:1px solid #d1d1d1}
.tbsList1 li.inBox.check p.checkSum span{color:var(--gray090)}
.tbsList1 li.inBox.check p.checkSum:after{content:"";display:block;height:0;clear:both}
.tbsList1 li.inBox .flex{display:block}
.tbsList1 li.inBox .flex li{display:-webkit-box!important;display:-webkit-flex!important;display:flex!important}

.tbsList1 li.bLine{border-bottom-color:var(--gray090)}
.tbsList1 li span .fs_2{display:block;color:#888}
.tbsList1 li.inAdd>div{overflow:hidden}
.tbsList1 li.inAdd>div>span{float:left}
.tbsList1 li.inAdd>div>strong{float:right;font-weight:normal;text-align:right;color:var(--gray090)}
.tbsList1 li.inAdd .addInfo{margin:18px 0 -18px;padding:15px;border-top:1px solid #ccc;background:#f4f4f4}
.tbsList1 li.infoTxt{padding:14px 15px 14px 0}
.tbsList1 li.infoTxt:before{content:none}
.tbsList1 li.infoTxt span{font-size:0.813rem}
.tbsList1 li.type2{padding:20px 0 0;border-bottom:0 none}
.tbsList1 li.type2 strong{float:none;display:block;margin-bottom:10px;color:var(--gray090);text-align:left;font-weight:bold}
.tbsList1 li.money>strong{color:#7f6ee3}
.tbsList1 li.money>strong>span{display:inline-block;margin-right:3px;font-weight:normal}
.tbsList1 li.sum span, .tbsList1 li.sum2 span{color:var(--gray090)}
.tbsList1 li.sum strong{color:#ff6c00}
.tbsList1 li.sum2{background:#fffae5}
.tbsList1 li.sum2 strong{font-weight:bold;color:var(--gray090)}

.tbsList1.type2{margin:0 -16px;padding:0 20px;background:#e6e6e6;border-top:1px solid #ccc}

.tbsList1.type3 li{display:table;width:100%;height:55px;padding:9px 10px 7px;box-sizing:border-box}
.tbsList1.type3 li>span, .tbsList1.type3 li>strong{float:none;display:table-cell;vertical-align:middle}
.tbsList1.type3 li>span{color:var(--gray090)}

.tbsList1.type4{border-top:0}
.tbsList1.type4 ul + ul{margin-top:2px}
.tbsList1.type4 li{display:table;width:100%;padding:8px 0;box-sizing:border-box;border-bottom:0}
.tbsList1.type4 li.type{border-bottom:1px solid #ddd;margin-bottom:10px}
.tbsList1.type4 li.type>strong{text-align:left;font-weight:normal;font-size:14px}
.tbsList1.type4 li.type>strong .bg1{color:#01a0c7}
.tbsList1.type4 li.type>strong .bg2{color:#7da100}
.tbsList1.type4 li.type>strong .bg3{color:#7f6ee3}
.tbsList1.type4 li.type>strong .bg4{color:var(--yellow080)}
.tbsList1.type4 li.type>span{text-align:right}
.tbsList1.type4 li .price{font-size:24px}
.tbsList1.type4 li .price span{font-size:18px;vertical-align:2px}
.tbsList1.type4 li>span, .tbsList1.type4 li>strong{float:none;display:table-cell;vertical-align:top}
.tbsList1.type4 li>span{color:var(--gray070)}
.tbsList1.type4 li strong>em{margin:0}
.tbsList1.type4 a.account{display:block;background:url(https://img1.kbcard.com/cxh/ia_img/FL/ico_arrow3.png) right 7px no-repeat;background-size:5px 8px;padding-right:16px;color:#666}
.tbsList1.type4 a.account em{margin-top:0 !important}
.tbsList1.type4.border{margin-top:16px;padding:16px 8px;border-top:1px solid var(--gray090)}
.tbsList1.type4.border ul + ul{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0, 0, 0, .16)}
.tbsList1.type4.border + .tbsList1.type4.border{margin:0;border-color:var(--gray020)}

/* 완료형 페이지에 들어가는 테이블 */
.tbsList1.type5 {padding:16px 8px;}
.tbsList1.type5 li {padding:8px 0;border:none}
.tbsList1.type5 li>span {color:var(--gray090)}
.tbsList1.type5 li ul li>span {color:var(--gray070)}
.tbsList1.type5 li.inBox:before {content:''; display:block;padding-top:16px;margin: 0 8px;border-top: 1px solid rgba(0, 0, 0, .16);}
.tbsList1.type5 li.inBox {padding:16px 0 0;}
.tbsList1.type5 li>span+strong {float: right;}
.tbsList1.type5 li.inBox ul {margin: 0; padding:0; border:none; background:none; font-size: 0.875rem;}
.tbsList1.type5 li.inBox ul li {line-height:20px }
.tbsList1.type5 li.inBox ul li > span,
.tbsList1.type5 li.inBox ul li > strong {color:var(--gray070)}

.tbsDlist1:after{content:"";display:block;height:0;clear:both}
.tbsDlist1 dt,.tbsDlist1 dd{float:left;margin:2px 0}
.tbsDlist1 dt{width:40%;color:#888}
.tbsDlist1 dd{width:60%;color:var(--gray090)}

/* 로그인 선택 리스트 */
.loginTypeSel{overflow:hidden;max-width:336px;width:100%;margin:0 auto;padding:32px 0;font-size:0;text-align:center}
.loginTypeSel li{display:inline-block;overflow:hidden;width:33.3% !important;font-size:1.000rem;vertical-align:top}
.loginTypeSel li a{display:block;width:80px;height:4.5rem;margin:0 auto;padding:16px 0 0;line-height:1.125rem;letter-spacing:-.2px;text-align:center;word-break:break-all;}
.loginTypeSel li a:before{content:'';display:block;width:2rem;height:2rem;margin:0 auto 4px;background-repeat:no-repeat;background-position:center;background-size:2rem}
.loginTypeSel li a.fingerprint:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_fingerprint_32.png')} /* 지문 아이콘 */
.loginTypeSel li a.faceid:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_faceid_32.png')} /* Face ID 아이콘 */
.loginTypeSel li a.pattern:before {background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_pattern_32.png')} /* 패턴 아이콘 */
.loginTypeSel li a.pinNumber:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_password_32.png')} /* 잠금번호 아이콘 */
.loginTypeSel li a.id:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_id_32.png')} /* 아이디 아이콘 */
.loginTypeSel li a.certificate:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_certification_32.png')} /* 공인인증서 아이콘 */
.loginTypeSel li a.appCard:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_appcard_32.png')} /* 앱카드 아이콘 */
.loginTypeSel li a.goodTouch:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_goodtouch_32.png')} /* 굿터치 아이콘 */
.loginTypeSel li a.kbMobile:before {background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_mobilecertification_32.png')} /* KB모바일인증서 아이콘 */
.loginTypeSel li a.phone:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_phone_32.png')} /* 휴대폰 아이콘 */
.loginTypeSel li a.card:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_card_32.png')} /* 카드 아이콘 */
.loginTypeSel li a.counselor:before {background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_counselor_32.png')} /* 상담원연결 아이콘 */
.loginTypeSel li a.pin:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_pin_32.png')}
.loginTypeSel li a.financecertificate:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_financecert_32.png')}

/*banner*/
.bannerBox{padding:0 15px}
.bannerBox ul:after{content:"";display:block;height:0;clear:both}
.bannerBox ul li{float:left;margin-right:15px}
.bannerBox ul li:last-child{margin-right:0}
.bannerBox ul li a{display:block}
.bannerBox ul li a img{width:295px;height:132px;vertical-align:top}
.bannerBox div{margin-top:10px;text-align:center}
.bannerBox div span{display:inline-block;width:7px;height:7px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_rolling.png);background-size:19px 7px;text-indent:-99999px}
.bannerBox div span.on{background-position:right top}
.bannerBox div span+span{margin-left:2px}

.snsBanner{position:relative;padding:26px 0 20px;text-align:center}
.snsBanner:before{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:6px;background:#f2f3f4;border-top:1px solid #e9e9e9}
.snsBanner a{padding-right:12px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24_b.png) no-repeat right center;background-size:8px 13px;vertical-align:middle}
.snsBanner .txt strong{display:block;margin-bottom:7px;color:var(--gray090)}

.bannerImg a{display:block;line-height:0}
.bannerImg img{width:100%}

/*popup*/
.popupWrap .topHead{background:var(--gray000); padding-left:1rem;}
.popupWrap .topHead h1{margin:0;color:var(--gray090);}
.popupWrap #header.topHead {padding-left:1rem;}
.popupWrap #header.topHead h1 {width:100%}

/*주소입력*/
.addBox > div{display:table;width:100%}
.addBox > div > span{display:table-cell;height:46px;vertical-align:middle}
.addBox > input.type3{border-top:1px solid #ccc !important}
.addBox .addTxt{padding:0;border-bottom:2px solid var(--gray030);font-size:18px;color:var(--gray090)}
.addBox .addBtn {padding-top:16px;text-align:center}
.addBox .addBtn button{position:relative;margin:0;padding:10px 16px;background:var(--gray090);border-radius:24px;color:var(--gray000);border:0;text-align:center;font-size:14px;line-height:20px}
.addBox .addBtn.col2:after{content:"";display:block;height:0;clear:both}
.addBox .addBtn.col2 > span{float:left;width:50%}
.addBox .addBtn.col2 > span:first-of-type button {border:1px solid var(--gray090);background-color:var(--gray000);color:var(--gray090)}/* tobe style 추가 */
.addBox .btnWrap.label{padding-left:119px;-webkit-box-sizing:border-box;box-sizing:border-box}
.addBox .btnWrap{position:relative}
.addBox .btnWrap label{position:absolute;left:0;top:0;display:table;width:104px;height:46px;padding-left:15px}
.addBox .btnWrap label span{display:table-cell;vertical-align:middle;color:var(--gray060);line-height:20px}
.addBox .btn{display:inline-block;position:absolute;top:50%;right:7px;margin-top:-16px;border:1px solid rgba(0, 0, 0, 0.24);-webkit-border-radius:4px;border-radius:4px;background:var(--gray000);padding:4px 7px;font-size:14px;line-height:20px}
.addBox.err, .addBox.err > div+div{border-color:#ff0000}

/*카드 선택*/
.cardBox{background:var(--gray000);}
.cardBox .cardSel,.cardBox .cardCheck,.cardBox .cardToggle{position:relative}
.cardBox .cardSel{margin-bottom:-1px}
.cardBox .cardSel + .inpTxt1{margin-top:48px}
.cardBox .cardSel,.cardBox .cardToggle{position:relative}
.cardBox .cardSel > a:after{content:'';display:block;position:absolute;right:20px;top:50%;margin-top:-12px;width:24px;height:24px;background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down.svg) no-repeat 0 0;background-size: 24px}
.cardBox .cardCheck:after{content:"";position:absolute;left:20px;top:18px;display:block;width:24px;height:24px;background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-off.svg) no-repeat 0 0}
.cardBox .cardCheck.on:after{background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-on.svg)}
.cardBox .cardCheck{border:1px solid #ccc;border-radius:8px}
.cardBox .cardCheck .cardTxt{padding-left:60px;border:0}
.cardBox .cardCheck,.cardBox .cardToggle{margin-top:16px}
.cardBox .toggle.cardCheck .cardTxt{padding-bottom:0}
.cardBox .toggle.cardCheck.open{border-color:var(--gray090)}
.cardBox .cardTxt{position:relative;display:block;padding:16px 40px 16px 16px;border:1px solid var(--gray020);border-radius:8px;z-index:1}
.cardBox .cardTxt.on{border-color:var(--gray090); border-width:2px;}
.cardBox .cardTxt+.cardTxt{margin-top:16px}
.cardBox .cardSel + .cardTxt {border-top-left-radius:0;border-top-right-radius:0}
.cardBox div.cardTxt + div.cardTxt{margin-top:-1px}
.cardBox .cardTxt em{overflow:hidden;display:block;margin-top:4px;font-size:0.875rem;line-height:1.429em;color:var(--gray070)}
.cardBox .cardTxt em span{float:left;display:inline-block;position:relative;padding-right:7px;margin-right:7px}
.cardBox .cardTxt em span:after{content:'';position:absolute;top:50%;right:0;width:1px;height:12px;margin-top:-6px;background-color:rgba(0, 0, 0, .6)}
.cardBox .cardTxt em span:last-child:after{display:none}
.cardBox .cardTxt strong{display:block;font-weight:normal;color:var(--gray090);line-height:1.3em;word-break:break-all}
.cardBox .cardTxt .img{width:80px}
.cardBox .cardTxt .img img{width:100%;height:auto;vertical-align:top}
.cardBox .cardTxt .img + div{overflow:hidden;padding-left:16px;-webkit-box-flex:1;-webkit-flex:1;flex:1}
.cardBox .cardTxt .img + div p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cardBox .cardTxt .info{display:inline-block;font-size:0.875rem;line-height:24px;color:var(--gray090)}
.cardBox .cardTxt .brandImg{display:inline-block;height:24px;vertical-align:top;font-size:0.875rem;color:var(--gray070)}
.cardBox .cardTxt .brandImg img{width:32px}
.cardBox .cardTxt.disabled{border-color:#e9e9e9 !important}
.cardBox .cardTxt.disabled.cardInfo .img{opacity:0.3}
.cardBox .cardTxt.disabled *{color:#ccc !important}
.cardBox .cardTxt.disabled.cardInfo em.state{display:block;margin:0 0 7px;font-size:13px;font-weight:bold;line-height:1.125rem}
.cardBox .cardTxt.disabled.cardInfo em.state.type1{color:#fb5252 !important}

.cardBox .cardSel.type2 .cardTxt.type2{padding:16px 0}
.cardBox .cardSel.type2 a.cardTxt.type2{padding-right:44px}
.cardBox .cardTxt.type2{padding:16px 0;border:none;border-bottom:1px solid rgba(0, 0, 0, .16);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-box-align:center}
.cardBox .cardTxt.type3{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-box-align:center}

.ios .cardBox .cardTxt em span:after{margin-top:-7px}
.ios .cardBox .cardTxt .brandImg img{margin-top:-1px}

.cardBox .type2:last-child{margin-bottom:0}
.cardBox .cardCheck.type2:after{top:50%;margin-top:-12px}
.cardBox .txt1{color:var(--gray090);font-size:1.000rem;line-height:1.333em}
.cardBox .txt2{margin-top:4px;color:var(--gray070);font-size:0.875rem;line-height:1.333em}

.cardPw{position:relative;margin-top:48px}
.cardPw .pwBox{padding-right:20px}
.cardPw .pwBox span{display:none}
.cardPw .pwBox input[type=password]{width:100%;display:inline-block;padding:10px;vertical-align:top;background-size:21px 1px}
.cardPw .pwBox.type2 input[type=password]{width:100%} /* 카드비밀번호 4자리일 경우 */
.cardPw.type2{border:1px solid #ccc} /* 카드비밀번호 단독으로 쓰일 경우 */
.cardPw .pwBox input::-webkit-input-placeholder{letter-spacing:0}
.cardPw .pwBox input::-moz-input-placeholder{letter-spacing:0}
.cardPw .pwBox.type2 input::-webkit-input-placeholder{color:8c949e;letter-spacing:0}
.cardPw .pwBox.type2 input::-moz-input-placeholder{color:8c949e;letter-spacing:0}

.cardBox .cardToggle{overflow:hidden;margin-top:16px;border:1px solid var(--gray030);border-radius:8px}
.cardBox .cardToggle .cardTxt:after{content:"";display:block;position:absolute;right:17px;top:16px;width:24px;height:24px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_plus_24_000.png);background-size:24px;background-position:0 0;-webkit-backface-visibility :visible;-webkit-transform:rotate(0deg);-webkit-transition:100ms;backface-visibility :visible;transform:rotate(0deg);transition:100ms}
.cardBox .cardToggle .toggleView{display:none;background:#f9fafc}
.cardBox .cardToggle .toggleView .tbsList1{border-top:0}
.cardBox .cardToggle .toggleView .tbsList1 li.inBox ul{margin:0;padding:0 20px;background:#f2f3f4;border:1px solid #e9e9e9;border-bottom:0}
.cardBox .cardToggle .toggleView .tbsList1 li.inBox ul.listType1{margin:10px 0 16px;padding:16px 20px;border-bottom:1px solid #e9e9e9}
.cardBox .cardToggle .cardTxt{border:0}
.cardBox .cardToggle.on{border-width:2px;border-color:var(--gray090)}
.cardBox .cardToggle.on .cardTxt:after{top:16px;backface-visibility :visible;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform 200ms;transition:transform 200ms}
.cardBox .cardToggle.on .toggleView{display:block}
.cardBox .cardToggle.on .cardTxt .txt strong{color:#f76600}
.cardBox .cardToggle.on .cardTxt{padding-top:15px}
.cardBox .cardToggle.end .cardTxt, .cardBox .cardToggle.end .cardTxt .txt, .cardBox .cardToggle.end .cardTxt strong, .cardBox .cardToggle.end .cardTxt span{color:#888 !important}
.cardBox .cardToggle .cardTxt.type3{padding:24px 42px 24px 16px}
.cardBox .cardToggle.on .cardTxt.type3{}
.cardBox .cardToggle .cardTxt.type3:after{right:16px;top:50%;margin-top:-12px}

.cardBox.type3 .cardTxt{display:block;padding:16px 16px 0}
.cardBox.type3 .cardTxt .txt{display:block;margin-top:-30px;text-align:center}
.cardBox.type3 .cardTxt .txt em{color:#888}
.cardBox.type3 .cardTxt .txt strong{font-size:32px;margin-top:10px;line-height:36px}
.cardBox.type3 .cardTxt .txt strong span{font-size:20px;line-height:36px;vertical-align:top}
.cardBox.type3 .cardTxt .card{position:relative;display:block;width:100%;margin-top:25px;padding:14px 0;border-top:1px solid #ccc}
.cardBox.type3 .cardTxt .card em{position:absolute;right:0;top:14px;margin:0;color:#888}
.cardBox.type4{background:none}
.cardBox.type4 > .cardTxt{margin-top:16px}
.cardBox.type4 > .cardTxt:first-child{margin-top:0}
.cardBox.type4 > .cardTxt.on{padding:15px 39px 15px 15px;border:2px solid #ffd012}
.cardBox.type4 > .cardTxt.pr16.on{padding-right:15px!important}
.cardBox.type4 > .cardToggle{background:var(--gray000)}
.cardBox.type4 > .cardToggle .cardTxt{border:0}
.cardBox.type4 > .cardToggle .cardTxt.type2{padding:16px 40px 16px 16px}
.cardBox.type4 > .cardToggle.on{border-color:var(--gray090)}
.cardBox.type4 > .cardToggle.on .cardTxt, .cardBox.type4 > .cardToggle.on .cardTxt.type2{padding:15px 39px 15px 15px}
.cardBox.type4 > .cardTxt.type2.on{padding:16px 0 15px 0;border-width:0 0 2px 0}
.cardBox span.state{display:inline-block !important;min-width:24px;margin-bottom:10px;padding:0 5px;line-height:20px;color:var(--gray090);background:#ffd012;border-radius:2px;text-align:center;font-size:12px}
.cardBox span.state.type2{background:#e5e5e5}
.cardBox span.state.type3{background:#448aff;color:var(--gray000)}
.cardBox span.state.fs_2{font-size:12px !important}
.cardBox .toggleItem .toggleView .tbsList1 li:last-child{border-bottom:0}
.cardBox .toggleItem .toggleView{padding:0 16px}
.cardBox .toggleItem .cardTxt.type3 + .toggleView{padding:16px}

/* 새로운 카드선택 UI */
.comeUp .cardBox.type4{margin:0 -16px}
.comeUp .cardBox.type4 > .cardTxt,
.comeUp .cardBox.type4 .cards-select .cardTxt{margin-top:0;padding:16px 54px 16px 16px;border:none;border-bottom:1px solid rgba(0,0,0,.16);border-radius:0}
.comeUp .cardBox.type4 > .cardTxt.on,
.comeUp .cardBox.type4 .cards-select .cardTxt.on{border:none;border-bottom:1px solid rgba(0,0,0,.16)}
.comeUp .cardBox.type4 > .cardTxt.on:after,
.comeUp .cardBox.type4 .cards-select .cardTxt.on:after{content:'';display:block;position:absolute;top:50%;right:25px;left:auto;width:32px;height:32px;margin-top:-16px;background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-check.svg) no-repeat 0 0;background-size: 32px;}
.comeUp .cardBox.type4 > .cardTxt.type2.on{padding:16px 54px 16px 16px;}/* 6638 결함, https://tm.kbcard.com/FNC/DVIEW/MFAMCXHIAFLCD0046?mainCC=c */
.ios .cardBox span.state{padding-top:2px;line-height:18px}

/* 카카오 청구서 추가 */
.toggleItem2 > a {position:relative; display:inline-block; padding-right:28px; height:46px; line-height: 46px}
.toggleItem2 > a:before {content:''; display:block; position:absolute; right:10px; top:50%; margin-top:-3px; border: 1px solid transparent; border-width:7px 5px; border-top-color:rgba(0, 0, 0, .67)}
.toggleItem2.on > a:before {border: 1px solid transparent; border-width:7px 5px; margin-top:-10px; border-bottom-color:rgba(0, 0, 0, .67)}
.toggleItem2 > .toggleView2 {display: none}
.toggleItem2.on > .toggleView2 {display: block}

/* 명세서 수령방법 변경_타이틀 우측 토글 버튼 추가_221011 */ 
.toggleItem2.tit_right {position:relative}
.toggleItem2.tit_right > a {position:absolute;top:-12px;right:0;}

/*step*/
.stepBox{position: relative; display: flex; align-items: center; justify-content: space-between;margin:0 1rem 2rem;padding-top:0.75rem;box-sizing:border-box}
.stepBox:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:4px;border-radius:2px;background-color:rgba(0,0,0,.08);}
.stepBox h2{float:left;font-weight:bold;color:var(--gray070);}
.stepBox .stepList{display:none;}
.stepBar{position:absolute;top:0;left:0;display:block;height:4px;border-radius:2px;background-color:var(--yellow040);}
.stepCount{ display: block; padding: 0.125rem 0.6875rem 0 0.625rem; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 0.8125rem; background-color: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.87); font-size: 0.875rem; line-height: 1.25rem;}

/*▼더보기*/
.more{position:relative;display:block;height:45px;text-indent:-9999px}
.more:after{content:'';display:block;position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down.svg) no-repeat 0 0}

/*infomation*/
.infoBox{margin:32px 16px 0;padding:24px 16px;background:#eef1f2;text-align:center;border-radius: 8px;}
.contArea .infoBox{margin: 0}/* 박진수 - contArea 하위로 올 때 margin 생략 */
.tabCont .infoBox:first-child,
.tabCont .hidden + .infoBox {margin-top: 16px;}/* 박진수 탭 하위에 드러올 때 탭메뉴와 겹치는 현상 수정 */
.infoBox.type2{padding:27px 0}
.infoBox.inPopCont{margin:-24px -16px 0}
.infoBox strong{display:block;color:var(--gray090)}
.infoBox em{display:block}
.infoBox .mt10{margin-top:8px!important}
.infoBox.notImg{padding:40px 16px;background:var(--gray000);color:var(--gray060)}
.infoBox.notImg:before {content: "";display: inline-block;width:40px;height:40px;margin-bottom:8px;background:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-list-nodata.svg) no-repeat;background-size:100%;vertical-align: top;}
.infoBox.okImg, .infoBox.intImg{margin-bottom:40px;padding:40px 16px;background:var(--gray000);color:var(--gray060)}/* padding:40px 16px 0 https://tm.kbcard.com/MKB/DVIEW/MMDMCXHIAMKC0067?mainCC=c */
.infoBox.okImg:before, .infoBox.intImg:before{content:"";display:inline-block;width:48px;height:48px;margin-bottom:8px;vertical-align:top}
.infoBox.okImg:before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/svg/common/ico/visual/48/ico_check_48.svg);background-size:48px;}
.infoBox.intImg:before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/svg/common/ico/visual/64/icon_exclamation_64.svg);background-size:48px;}
.infoBox.okImg strong.fs2, .infoBox.notImg strong.fs2, .infoBox.intImg strong.fs2, .infoBox.lottieImg strong.fs2 {margin-top:8px;font-size:24px!important;line-height:32px;font-weight:normal}
.infoLoan>p>span.certificateImg{background:url(https://img1.kbcard.com/cxh/ia_img/CS/img_certificate.png) left center no-repeat;background-size:64px 61px}
.infoLoan>p>span.setupPush{background:url(https://img1.kbcard.com/cxh/ia_img/OP/bg_setupPush.png) left center no-repeat;background-size:70px 60px}
.infoBox.lockImg:before{content:"";display:inline-block;width:64px;height:68px;margin-bottom:6px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_lock.png);background-size:64px 68px}
.infoLoan>p>span.imgFaceid {padding-left:96px; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_faceid_80_000.png) left center no-repeat; background-size:80px 80px}

.infoBox .txtInfo{color:var(--gray060)!important}

.infoBox2{padding:40px 0;text-align:center}
.infoBox2 strong{display:block;line-height:25px;color:var(--gray090)}
.infoBox2 .fs_2{color:#888}
.infoBox2.aptImg:before{content:"";display:inline-block;width:100px;height:100px;margin-bottom:20px;background:url(https://img1.kbcard.com/cxh/ia_img/common/img_apt.png);background-size:100px}

/*문의처*/
.reference{position:relative;display:table;width:100%;border-top:1px solid #ccc;margin:40px 0 -20px}
.reference:after{content:"";height:0;display:block;clear:both}
.reference dl dt{font-weight:bold;color:var(--gray090);margin-bottom:10px}
.reference .btnTel{display:inline-block;font-size:1.250rem}
.reference .btnTel:before{content:'';display:inline-block;position:relative;margin-right:5px;width:24px;height:24px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_call_24_000.png) 0 0;background-size:24px;vertical-align:top}
.reference .link{font-size:1.250rem}
.reference .link:after{content:"";display:inline-block;width:24px;height:24px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr-r-24.png) no-repeat right center;background-size:24px;vertical-align:top}
.reference.type1{padding:24px 16px;box-sizing:border-box}
.reference.type1 dl{display:table-cell;padding-right:160px;box-sizing:border-box}
.reference.type1 .btnTel{display:table-cell;text-align:right;position:absolute;right:20px;top:50%;margin-top:3px}
.reference.type2>div{display:table-cell;width:50%;padding:25px 10px 25px 20px}
.reference.type2>div:first-child{border-right:1px solid #ccc}
.reference.type2 .telBox{vertical-align:bottom}
.reference.type2 .tit{display:block;margin-bottom:8px;color:var(--gray090)}
.reference.type3{padding:24px 0px 36px 0px;box-sizing:border-box}
.reference.type3 dl{display:table-cell;padding-right:160px;box-sizing:border-box}
.reference.type3 .btnTel{display:table-cell;text-align:right;position:absolute;right:0px;top:50%;margin-top:-5px}
.toggleList + .reference{padding-top:0;border-top:none}

.period{padding:0 20px 10px}
.period:after{content:"";display:block;height:0;clear:both}
.period dt{float:left;color:#888}
.period dd{float:right;font-size:13px;color:var(--gray090)}

/*명세서*/
.statement{padding-top:16px}
.statement:after{content:"";display:block;margin:16px -16px 0;height:6px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f2f3f4}
.statement.dlZnList:after{display:none}/*https://tm.kbcard.com/CMN/DVIEW/MMBMCXHIAMKC0016?URL=MMBMCXHIAMKC0016*/
.stateDate{padding:0 20px;font-size:13px;color:#888;text-align:right}
.statement .date{display:block;margin-right:8px;font-size:14px;color:#888;line-height:20px}
.statement p.date.mt15{margin:0 0 15px!important}
.statement .titBox + .titBox{margin-top:15px}
.statement .titBox{display:table;width:100%}
.statement .titBox:after,.statement .stateSum:after,.statement .dateList li:after{content:"";display:block;height:0;clear:both}
.statement .titBox .tit{display:table-cell;font-weight:bold;color:var(--gray090);vertical-align:middle;font-size:1.000rem;line-height:1.500em}
.statement .titBox>span{color:var(--gray060);text-align:right;white-space:nowrap;vertical-align:middle}
.statement .titBox .btn{float:right;margin-top:-5px;border:1px solid #c2c2c2;border-radius:35px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_report.png) no-repeat 17px center;background-size:15px 14px}
.statement .titBox .btn a{display:inline-block;padding:0 18px 0 40px;line-height:33px;color:var(--gray090);font-size:15px}
.statement .titBox .sum{display:table-cell;padding-left:10px;color:var(--gray090);font-size:1.125rem;line-height:1.333em}
.statement .titBox .sum a em{font-weight:bold}
.statement .stateSum{display:table;width:100%;margin-top:16px}
.statement .stateSum dt{display:table-cell;color:var(--gray060)}
.statement .stateSum dd{display:table-cell;padding-left:10px;color:var(--gray090);text-align:right;white-space:nowrap}
.statement .stateSum .tbsList1{font-size:0.875rem}
.statement .stateSum.type2 dt{color:var(--gray090);font-size:15px;font-weight:600}
.statement .stateSum.type2 dd{color:var(--gray090);font-size:18px}
.statement .stateSum.type2 dd em{font-size:24px;font-weight:bold}
.statement .stateSum.type3 dt{color:var(--gray090);font-weight:normal}
.statement .stateSum.type3 dd{color:var(--gray090)}
.statement .stateSum.type3 dd em{font-size:17px;font-weight:bold}
.statement .dateList li{display:table;width:100%;margin-top:16px;font-size:1.000rem;line-height:24px}
.statement .dateList span{display:table-cell;vertical-align:middle}
.statement .dateList em{display:table-cell;padding-left:10px;color:var(--gray090);vertical-align:middle;text-align:right}
.statement .selBox .stateSum:first-child{margin-top:0} 

.detailView{position:relative;display:block;padding:11px 40px 11px 16px;-webkit-border-radius:3px;border-radius:3px;background:var(--gray000);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}

.statement.mixMoney{margin-top:-1px;padding:15px 15px 0}
.statement.mixMoney .titBox .tit{color:#6c58e4}
.statement.mixMoney .titBox .sum{color:#6c58e4;font-weight:bold}
.statement .stateToggle{margin:15px -15px -13px}
.statement .stateToggle+.stateSum{margin-top:28px}
.statement .stateToggle .more.op{display:block}
.statement .stateToggle .more.cl{display:none}
.statement .stateToggle .more:after{height: 14px;width:70px;margin:-7px 0 0 -35px;background:url(https://img1.kbcard.com/cxh/ia_img/MK/icon_mk_more2.png);background-size:70px auto;}
.statement .stateToggle .inbox{display:none;padding:0 20px}
.statement .stateToggle.open .more:after{background-position:11px 17px;}
.statement .stateToggle.open{background:#f8f9f9}
.statement .stateToggle.open .more{background:#f8f9f9}
.statement .stateToggle.open .more.op{display:none}
.statement .stateToggle.open .more.cl{display:block}
.statement .stateToggle .inbox .stateWrap{display:block;padding:20px 0;border-top:1px solid #ccc}
.statement .stateToggle .inbox .stateWrap:first-child{border:0}
.statement .stateToggle .inbox .stateWrap .stateSum{margin-top:12px}
.statement .stateToggle .inbox .stateWrap .stateSum:first-child{margin-top:0}
.statement .stateToggle .detailView{margin:0}
.statement .stateToggle .detailView + .detailView{margin-top:12px}
.statement + .toggleList{border:0}
.statement .stateToggle.type2{margin-top:13px !important}
.statement .stateToggle.type2.open{margin-top:20px;padding:0;background:var(--gray000) !important}
.statement .stateToggle.type2 .inbox{height:auto!important;padding:0}/* 박진수 - 대금결제 리스트 높이 고정으로 깨짐 수정 */
.statement .stateToggle.type2 .topBox{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:0 15px 20px}

.statement .stateSum.type4{position:relative;margin-top:0;padding:0 8px;letter-spacing:-.2px;-webkit-box-sizing:border-box;box-sizing:border-box}
.statement .stateSum.type4 .tit{margin-top:16px;font-size:20px;line-height:32px}
.statement .stateSum.type4 > em{display:block;margin-bottom:16px;font-size:32px;line-height:40px;color:var(--yellow080);letter-spacing:0;font-weight:bold}
.statement .stateSum.type4 .date{margin-right:0}
.statement .stateSum.type4 .btnS{position:absolute;top:0;right:8px;padding:5px 15px}

/*2019.02 카드이용내역*/
.cardHistory .statement:after{margin-top:0}
.cardHistory .statement .stateSum.type4 .tit{margin-top:16px}
.cardHistory .statement .btnFilter {border:1px solid rgba(0, 0, 0, 0.24);background:var(--gray000);line-height:24px;padding:5px 7px;color:var(--gray070);font-size:14px}
.cardHistory .statement .btnFilter>span:before{content:'';display:inline-block;width:24px;height:24px;margin-right:4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_filter_24_000.png) no-repeat 0 0;background-size:100%;vertical-align:top;opacity:.6}
.cardHistory .statement .totalCase{padding: 0 16px 16px;border-bottom:1px solid #e9e9e9;color:var(--gray070)}
.cardHistory .statement .totalCase em{color:#f46600}
.cardHistory .toggleList .toggleView{padding:0 16px;background:var(--gray000)}
.cardHistory .toggleList .toggleView .cardList2{margin-top:0}
.cardHistory .toggleList .toggleView .cardList2 .subList{margin: 16px 0 0}
.cardHistory .toggleList .toggleView .cardList2 > ul > li:last-child{border-bottom:none}

.ios .cardHistory .statement .totalCase{padding: 2px 16px 14px}

/*결제예정금액*/
.dateList.topBor{margin-top:12px}
.statement .titBox.type2{display:table;width:100%;margin-top:0;margin-bottom:0}
.statement .titBox.type2 .tit, .statement .titBox.type2 .sum{float:none;display:table-cell;vertical-align:middle;word-break:break-all}
.statement .titBox.type2 .sum{padding:0 0 0 10px;text-align:right;white-space:nowrap}
.statement .titBox .sum>a{display:block;padding:7px 0}
.statement .stateSum.type3 dd a{display:block}
.statement .stateSum.type3 dd a:after{content:'';display:inline-block;width:8px;height:13px;margin-left:10px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arrow.png) no-repeat;background-size:8px 13px}
.statement.type3{padding:24px 16px 0 !important} 
.statement.type3:after{margin-top:24px} 
.statement.type3 .stateSum+.stateSum{margin-top:16px}
.statement.type3 .stateSum dt{color:#666}
.statement.type3 .stateSum dd{color:var(--gray090)}
.statement.type3 .stateSum dd em{font-size:1.125rem;vertical-align:-1px}
.statement.type3 .stateSum dd a{display:block;font-weight:bold}
.statement .titBox .sum>a:after, .statement.type3 .stateSum dd a:after{content:'';display:inline-block;width:24px;height:24px;margin:0 -8px 0 4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png) no-repeat;background-size:24px;vertical-align:top}

.statement.type4{margin-top:-1px;padding-top:0}
.statement.type4:after{margin-top:-1px}

.statement .subList{display:table;width:100%;margin-bottom:24px}
.statement .subList dl{display:table-row;overflow:hidden}
.statement .subList dl + dl dt{padding-top:8px}
.statement .subList dt{display:table-cell;width:1%;padding-right:8px;color:var(--gray070)}
.statement .subList dd{display:table-cell;padding-left:0;text-align:left;color:var(--gray090)}
.statement .subList.date{font-size:1.000rem;line-height:1.500em;text-align:left}
.statement .subList.date dt{padding:0 14px 0 0}
.statement .subList.date dd{color:var(--gray070)}

.ios .statement .titBox .sum>a:after, .ios .statement .stateSum dd a:after{margin-top:-2px}
.ios .statement .stateSum.type4 .btnS{padding:7px 15px 3px}

/*부동산 임대료 추가*/
.statement.type2 .stateSum.type3 dd a:after{content:'';display:inline-block !important;width:8px !important;height:13px !important;margin-left:10px !important;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arrow.png) no-repeat !important;background-size:8px 13px !important;position:static !important}
.statement.type2:after{display:none}
.statement.type2{padding:15px;border:1px solid #ccc}
.statement.type2 + .statement.type4{margin-top:10px}

.lyrFixBtnArea{position:relative;min-height:53px}
.lyrFixBtnArea .imdPayment{position:absolute;bottom:0px;left:0;width:100%;padding:20px;box-sizing:border-box;background:var(--gray000)}
.lyrFixBtnArea .imdPayment .payMethod{display:none;margin-top:10px}
.lyrFixBtnArea .imdPayment dl dd+dd{margin-top:10px}
.lyrFixBtnArea .imdPayment.open{box-shadow:0 0 5px rgba(0,0,0,0.5)}
.lyrFixBtnArea .imdPayment.open .btnM{min-height:0;padding:0 0 10px;border:0 none !important;font-weight:bold;font-size:1.133em;color:var(--gray090)}
.lyrFixBtnArea .imdPayment.open .payMethod{display:block}

/* layer popup */
.layerWrap.layerStatement .popTop{padding:32px 24px 0;box-sizing:border-box}
.layerWrap.layerStatement .tit{display:block;padding:0;color:var(--gray070);font-weight:normal}
.layerWrap.layerStatement .amount{margin-top:4px;padding-bottom:23px;border-bottom:1px solid rgba(0,0,0,.6);font-size:1.500rem;line-height:1.167em;font-weight:bold}
.layerWrap.layerStatement .inner{padding:24px 8px 0;}
.layerWrap.layerStatement .inner ul + ul{margin-top:16px}
.layerWrap.layerStatement .inner ul + ul:before{content:'';display:block;height:1px;margin-bottom:16px;background-image:linear-gradient(90deg, rgba(0,0,0,.16), rgba(0,0,0,.16) 60%, transparent 60%, transparent 100%);background-size:5px 1px}
.layerWrap.layerStatement .inner ul li{display:table;width:100%;margin-top:8px;font-size:0.875rem;line-height:1.429em}
.layerWrap.layerStatement .inner ul li:first-child{margin-top:0}
.layerWrap.layerStatement .inner ul li > span{display:table-cell;color:var(--gray070)}
.layerWrap.layerStatement .inner ul li > strong{display:table-cell;text-align:right;color:var(--gray090);font-weight:normal;word-break:break-all}
.layerWrap.layerStatement .inner ul li > strong > span+span:before{content:'';display:inline-block;width:1px;height:10px;border-left:1px solid #bdbdbd;margin:0 7px 0 5px}
.layerWrap.layerStatement .inner ul li > strong.address{width:65%;word-break:keep-all}
.layerWrap.layerStatement .inner ul li > strong a{color:#0066ff;text-decoration:underline}

/* 레이어팝업 통합 */
.dim, .loadingDim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;z-index:9000}
.layerWrap{display:none;position:fixed;left:0;top:50%;margin:0 15px;background:var(--gray000);z-index:9001;box-shadow:0 16px 16px 0 rgba(0,0,0,.24), 0 0 16px 0 rgba(0,0,0,.12);border-radius: 1rem; overflow: hidden;}
.layerWrap .popTop{display:table;width:100%;height:46px;overflow:hidden}
.layerWrap .popTop strong{display:table-cell;padding:32px 16px 16px;font-weight:bold;color:var(--gray090);word-break:normal;vertical-align:middle;text-align:left;letter-spacing:-.2px}
.layerWrap .popTop + .popCont, .layerWrap .popClose + .popCont{padding-top:0}
.layerWrap .popClose{position:absolute;right:0;bottom:0;z-index:9002;display:block;width: 100%;height:64px;padding: 0 1rem 1rem;background-color:var(--gray000);text-align:center;box-sizing: border-box;}
.layerWrap .popClose a{overflow:hidden;display:block;color:var(--gray090);vertical-align:middle;border-radius: 8px;font-weight: bold;padding: 13px;line-height: 20px;box-sizing: border-box;}
.layerWrap .btnBox .popClose{position:static;width:auto;height:auto;padding:0;border-top:none;}
.layerWrap .btnBox{position:absolute;bottom:0;left:0;width:100%;height:64px; padding:0 16px 16px 16px; box-sizing:border-box; background:var(--gray000);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-box-align:center;font-weight:600;}
.layerWrap .btnBox > a{height:48px;line-height:48px;border-radius:8px;-webkit-box-flex:1;-webkit-flex:1;flex:1;box-sizing:border-box}
.layerWrap .btnBox > a + a {margin-left:8px;}
.layerWrap .btnBox.popClose a {padding:0;}
.layerWrap .btnBox > span, .layerWrap .btnBox > a, .layerWrap .btnBox.col2, .layerWrap .btnBox.col3{margin:0}
.layerWrap .btnBox > span{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1}
.layerWrap .btnBox > span + span {margin-left:8px;}
.layerWrap .btnBox > span a{display:block;width:auto;height:48px;padding:0;line-height:47px;box-sizing:border-box;border-radius:8px;font-weight:600;}
.layerWrap .btnBox > span .btnL, .layerWrap .btnBox > a.btnL{border:none}
.layerWrap .fs2{font-size:1.000rem !important}

.layerWrap .popCont{position:relative;overflow-y:auto;padding:24px 16px 88px 16px;color:var(--gray070);font-size:1rem;line-height:1.500em;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}
.layerWrap .popCont.container{padding:0 16px}
.layerWrap .popCont > .contArea{padding:0}
.layerWrap .popCont.type2{padding:0 0 47px}

.layerWrap .popCont.type2 > .contArea{padding:0 16px}
.layerWrap .popCont.type3, .layerWrap.comeUp .popCont.type3{padding:16px 0 64px 0}
.layerWrap .popCont.type3 + .btnBox span , .layerWrap.comeUp .popCont.type3 + .btnBox span{border:none}
.layerWrap .popCont.type3 + .btnBox{position:absolute;bottom:0;width:100%}
.layerWrap .popCont .btnBox{position:static; padding:0;}
.layerWrap .popCont .btnBox.type2{margin:20px 0 0} /* 팝업 하단에 버튼 좌우하단 여백 있는 경우 */
.layerWrap .popCont .btnBox.type2>.btnM{height:43px;line-height:19px}
.layerWrap .popCont .reference.type1{margin:40px -20px 0;display:block;width:auto}
.layerWrap .popCont .toggleView > ul > li{color:var(--gray090)}
.layerWrap .popCont + .btnBox,
.layerWrap .pop-inner + .btnBox{z-index:9002;margin-top:0}
.layerWrap .popCont strong, .layerWrap .popCont > .listType1{color:var(--gray090)}
.layerWrap .popCont > .listType1 > li > p{margin:8px 0;color:var(--gray070)}
.layerWrap .popCont > .listType1 > li > p:last-child{margin-bottom:16px}
.layerWrap .popCont .listType1 li > ul, .layerWrap .popCont .listType2 li > ul, .layerWrap .popCont .listType3 li > ul, .layerWrap .popCont .termsCont li > ul{font-size:1.000rem;line-height:1.500em}
.layerWrap .popCont .cardBox.type4 > .cardTxt:after{display:none}

.layerWrap .btnFull{width:auto;margin:32px -16px 0;-webkit-border-radius:0;border-radius:0}
.layerWrap .btnFull.btnWhite{border-width:1px 0 0 0 !important}

.layerWrap.alertWrap {border-radius: 1rem; overflow: hidden;}
.layerWrap.alertWrap .popTop strong {font-size: 1.125rem !important; text-align:left;}
.layerWrap.alertWrap .popCont{padding-top:32px; padding-bottom:90px; text-align:center;}
.layerWrap.alertWrap .popTop + .popCont, 
.layerWrap.alertWrap .popTop + .pop-inner .popCont {padding-top:0;text-align:left;}
.layerWrap.alertWrap .popCont .crf-number {display:block; margin-bottom:1rem; color:#007eff; font-size:48px; font-weight: bold; line-height:1.17;}
.layerWrap.alertWrap .btn-wrap {position: absolute; bottom:16px; width:100%; height:auto; padding:0 16px; box-sizing:border-box;display: flex; align-items: center; justify-content: space-between;}
.layerWrap.alertWrap .btn-wrap .btn {flex: 1; display: inline-flex; align-items: center; justify-content: center; padding: 11px 8px; border: 1px solid rgba(0, 0, 0, .47); color: var(--gray090); font-size: 16px; font-weight: bold; line-height: 24px; border-radius: 8px; vertical-align: middle;cursor: pointer;}
.layerWrap.alertWrap .btn-wrap .btn + .btn {margin-left: 8px;}
.layerWrap.alertWrap .btn-wrap .btn--yellow {border-color: var(--yellow040); background-color: var(--yellow040); color: var(--gray090);}

.layerWrap.alertWrap2 {border-radius: 1rem; overflow: hidden;}
.layerWrap.alertWrap2 .popTop strong {font-size: 1.125rem !important; text-align:left;}
.layerWrap.alertWrap2 .popCont{padding-top:32px; padding-bottom:90px; text-align:center;}
.layerWrap.alertWrap2 .popTop + .popCont, 
.layerWrap.alertWrap2 .popTop + .pop-inner .popCont {padding-top:0; text-align:left;}
.layerWrap.alertWrap2 .popCont .crf-number {display:block; margin-bottom:1rem; color:#007eff; font-size:48px; font-weight: bold; line-height:1.17;}
.layerWrap.alertWrap2 .btn-wrap {position: absolute; bottom:16px; width:100%; padding:0 16px; box-sizing:border-box;display: flex; align-items: center; justify-content: space-between;}
.layerWrap.alertWrap2 .btn-wrap .btn {flex: 1; display: inline-flex; align-items: center; justify-content: center; padding: 11px 8px; border: 1px solid var(--gray050); color: var(--gray090); font-size: 16px; font-weight: bold; line-height: 24px; border-radius: 8px; vertical-align: middle;cursor: pointer;}
.layerWrap.alertWrap2 .btn-wrap .btn + .btn {margin-left: 8px;}
.layerWrap.alertWrap2 .btn-wrap .btn--yellow {border-color: var(--yellow040); background-color: var(--yellow040); color: var(--gray090);}

.layerWrap.fullLayer {border-radius:0;}
.layerWrap.fullLayer .popTop{height:55px}
.layerWrap.fullLayer .popTop strong{padding:0 50px 0 16px;text-align:left;word-break:keep-all;}/* 2줄 텍스트, https://tm.kbcard.com/CRD/DVIEW/MCAMCXHIACRC0008 */
.layerWrap.fullLayer .popCont{padding:24px 16px;color:var(--gray090)}
.layerWrap.fullLayer .popCont.type2{padding:0}
.layerWrap.fullLayer .popCont > .listType1{color:var(--gray090)}
.layerWrap.fullLayer .popCont li ul{margin-top:4px}
.layerWrap.fullLayer .popCont li li{color:var(--gray070)}
.layerWrap.fullLayer .popCont li .hyphenUl > li{margin-bottom:8px}
.layerWrap.fullLayer .popCont .depTit3, .layerWrap.fullLayer .popCont .depTit2{font-weight:bold}
.layerWrap.fullLayer .popCont .depTit2{font-size:1.125rem;line-height:1.333em}
.layerWrap.fullLayer .btnBox{position:static}
.layerWrap.fullLayer .popCont .listType1 li > ul, .layerWrap.fullLayer .popCont .listType2 li > ul, .layerWrap.fullLayer .popCont .listType3 li > ul, .layerWrap.fullLayer .popCont .termsCont li > ul{font-size:0.875rem;line-height:1.429em}

.layerWrap.comeUp{top:auto;bottom:0;margin:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translate3d(0, 500px, 0);transform:translate3d(0, 500px, 0);border-radius:0;border-top-left-radius:16px;border-top-right-radius:16px}
.layerWrap.comeUp .popTop{}
.layerWrap.comeUp .popTop strong{padding:22px 52px 22px 16px;text-align:left;font-weight:bold;font-size:18px;line-height:24px;letter-spacing:-.2px}
.layerWrap.comeUp .popCont{padding:0 16px;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px)}/* 공통 박진수 - 선택 팝업 레이아웃 수정 margin:0 */
.layerWrap.comeUp .popCont.type2{padding:0}/* 공통 박진수 - select box UI 좌우 여백 */
.layerWrap.comeUp .btnFull{height:56px;line-height:56px}
.layerWrap.comeUp .popClose a{display:block;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_close_24_000.png') no-repeat center;background-size:24px;border:none;border-radius:0;color:transparent}
.layerWrap.comeUp .popTop.type2 + .popClose{top:0;/* right:0; */padding:16px}
.layerWrap.comeUp .btnBox{position:static}
.layerWrap.comeUp .popCont .cardBox.type4 > .cardTxt:after{display:block}
.layerWrap.comeUp.fullH {height:calc(100vh - 70px);height:calc(100dvh - 70px)}

.layerWrap.banner{left:50%;width:312px!important;margin-left:-156px!important}
.layerWrap.banner .popClose{bottom:12px;top:auto !important}
.layerWrap.banner .popCont{padding:0}
.layerWrap.banner .popBottom{padding:12px 16px}
.layerWrap.banner img{width:100%;height:auto;vertical-align:top}

.layerWrap.banner .popClose, .layerWrap.fullLayer .popClose, .layerWrap.calculator .popClose, .layerWrap.comeUp .popClose, .layerWrap.etc .popClose{position:absolute;right:16px;top:16px;bottom:auto;display:block;width:24px !important;height:24px !important;padding:0;border:none;background:none;z-index:9002}
.layerWrap.banner .popClose a, .layerWrap.fullLayer .popClose a, .layerWrap.calculator .popClose a, .layerWrap.etc .popClose a{display:block;width:24px;height:24px;padding:0;background:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-close.svg) no-repeat center center;background-size:24px;border:none;color:transparent}
.layerWrap.banner .popClose a:after, .layerWrap.fullLayer .popClose a:after, .layerWrap.calculator .popClose a:after, .layerWrap.comeUp > .popClose a:after, .layerWrap.etc > .popClose a:after{content:'';position:absolute;top:0;right:-8px;bottom:-8px;left:-8px}
.layerWrap.etc .btn{position:absolute;bottom:0;left:0;right:0}
.layerWrap.etc .btn .btnL{border-radius:0}

.ios .layerWrap.fullLayer .popTop strong{padding-top:3px}
.ios .layerWrap.comeUp .btnFull{line-height:58px}

/* 정보제공동의 */
.inforCheck{position:relative;margin:32px 0 40px}
.inforCheck + .inforCheck{margin-top:-24px;}/* 박진수 - 약관 반복될 때 간격 조정 */
.inforCheck .inner{padding:16px 16px 16px 48px}
.inforCheck .inner .formWrap{position:absolute;top:0;left:0;width:100%;height:100%;}
.inforCheck .inner .formWrap:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0, 0, 0, .16);border-radius:8px;box-sizing:border-box;}
.inforCheck .inner .formWrap.checked:before{border-color:rgba(0,0,0,.87);}
.inforCheck .inner .formWrap.checked + a,
.inforCheck .inner .formWrap.checked label{font-weight:600}
.inforCheck .inner .formWrap input[type='checkbox'], 
.inforCheck .inner .formWrap input[type='radio']{top:12px;left:4px;}
.inforCheck .inner .formWrap label{position:absolute;top:0;left:0;width:100%;height:100%;}
.inforCheck .inner .formWrap label:before{position:absolute;top:50%;left:16px;margin-top:-12px;}
.inforCheck a{display:block;position:relative;padding-right:24px;font-size:1rem !important;}
.inforCheck a:after{content:"";display:block;position :absolute;right:0;top:50%;width:24px;height:24px;margin-top:-12px;background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg);background-size:24px}
.inforCheck a b{margin-left:4px;font-weight:normal;color:#4a79d8}
.inforCheck .list a:after{right:4px;width:16px;height:16px;margin-top:-8px;background:url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg); background-size:16px;}
.inforCheck .selType1 a{font-size:20px!important;padding-right:40px;}
.inforCheck .selType1 a:after{display:none;}

/* 정보제공동의 안에 추가로 약관 있는 경우 */
.inforCheck.type2{padding:0}
.inforCheck.type2>.list{margin:0 16px;border-top:1px solid #e5e5e5}
.inforCheck.type2 .inner.must{position:relative}
.inforCheck.type2 .inner.must + .must{margin-top:8px}
.inforCheck.type2>.list.must{margin-left:0;margin-right:0;border-top:none}
.inforCheck.type2>.list li{padding:16px 0 16px 40px;}
.inforCheck.type2>.list li a{display:block;color:var(--gray070);text-indent:-8px;}
.inforCheck.type2>.list li a:before{content:'';display:inline-block;position:relative;top:-4px;border-top:1px solid #666;width:5px;margin-right:3px}
.inforCheck.type2 .inner .formWrap label:before{top:12px;margin:0}
.inforCheck.type2 .bot_info label{position:relative}

/* 정보제공동의 링크 없는 경우 */
.inforCheck.type3{padding:0;margin:0}
.inforCheck.type3 .inner .formWrap{position:static;}
.inforCheck.type3 .inner label{position:relative;width:auto;height:auto;}
.inforCheck.type3 .inner input[type='checkbox']+label:before, 
.inforCheck.type3 .inner input[type='radio']+label:before{left:-32px}
.inforCheck.type3 .inner input[type='checkbox']{top:20px;margin-top:0}
.inforCheck.type3 .txt{font-size:13px;line-height:16px;color:#999}

.inforCheck.type4 .inner .formWrap{position:static;width:auto;height:auto;min-height:24px;margin:0 0 0 -2px}
.inforCheck.type4 .inner .formWrap input{top:28px;}
.inforCheck.type4 .inner .formWrap label{position:relative;}
.inforCheck.type4 .inner .formWrap label:before{left:-32px}
.inforCheck.type4 .lineBox2 {position:relative;margin:0 16px;padding:16px 0;border:none;border-top:1px solid rgba(0,0,0,.16)}

/* 보안문자입력 */
.security .inner{display:table;width:100%;box-sizing:border-box;border:1px solid rgba(0, 0, 0, .16);margin-bottom:-1px}
.security .securityImg{display:table-cell;text-align:center;vertical-align:middle;width:60%}
.security .securityImg img{width:149px}
.security .btnArea{display:table-cell;vertical-align:middle;width:40%;border-left:1px solid #ccc}
.security .btnArea>button{display:block;width:100%;background:#f2f2f2;padding:12px 16px;color:var(--gray090);font-size:1.000rem;line-height:24px}
.security .btnArea>button+button{border-top:1px solid #ccc}
.security .btnArea>button:before{content:'';display:inline-block;position:relative;width:24px;height:24px;margin-right:4px;vertical-align:top}
.security .btnArea>button.btnRefresh:before{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_rewind_24_000.png') no-repeat 0 0;background-size:24px}
.security .btnArea>button.btnVoice:before{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_speaker_24_000.png') no-repeat 0 0;background-size:24px}
.ios .security .btnArea>button{padding:14px 16px 10px}
.ios .security .btnArea>button:before{margin-top:-2px}

/* 정보제공동의 -전체동의포함 */
.termsBox .allCheck label:after{content:'';position:absolute;top:0;left:0;margin:0;width:100%;height:100%}
.termsBox .allCheck + .termsList{padding:8px 0;border-top:1px solid rgba(0,0,0,.16)}
.termsBox .allCheck + .termsList:before{display:none}
.termsBox .allCheck + .termsList input,
.termsBox .allCheck + .termsList label:before{position:absolute;top:11px;left:4px;width:16px;height:16px;margin-top:0;}
.termsBox .allCheck + .termsList label:before{background-image:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-check-off.svg);background-size:16px;background-position:center;}
.termsBox .allCheck + .termsList input:checked + label:before{background-image:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-check-on.svg);}
.termsBox .allCheck + .termsList .inforCheck .formWrap:before{display:none;}
.termsBox .allCheck:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0,0,0,.16);border-radius:8px;box-sizing:border-box;}
.termsBox .allCheck.checked:before{border-color:rgba(0,0,0,.87)}
.termsBox .allCheck.checked label{font-weight:600}
.termsBox .inforCheck{margin:0}
.termsBox .inforCheck a{padding:8px 16px 8px 0;}
.termsBox .inforCheck a:after{width:16px;height:16px;margin-top:-8px;background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg);background-size: 16px;}
.termsBox{position:relative;padding: 0 16px;}
.termsBox .allCheck label{position:relative;display:block;padding:16px 16px 16px 32px;font-size:16px;color:var(--gray090);vertical-align:middle}
.termsBox .allCheck input{top:16px;left:16px;}
.termsBox .allCheck label:before{display:block;position:absolute;left:0;top:50%;margin-top:-12px}
.termsBox .termsList{padding:16px 0}
.termsBox .termsList:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid rgba(0, 0, 0, .16);border-radius:8px}
.termsBox .termsList li{margin:0}
.termsBox .termsList>li+li{border-top:none}
.termsBox .termsList>li .sTit{display:block;font-size:16px;color:var(--gray090);font-weight:normal}
.termsBox .termsList>li div.spec{padding:0 20px 15px}
.termsBox .termsList>li div.spec .formWrap{margin:15px 30px 0 0}
.termsBox .termsList>li.spec{padding:20px}
.termsBox .termsList>li.spec>ul>li{float:left;margin:15px 30px 0 0}
.termsBox .termsList>li.spec>ul>li:last-child{margin-right:0}
.termsBox .termsList>li.spec>ul:after{content:'';display:block;clear:both}
.termsBox .termsList .inforCheck .inner{padding: 0 0 0 28px}
.termsBox .bot_info {padding:0 !important;}

/* 21.06.25 선택형 input 제어 */
.termsBox.optionAgree .inforCheck a{position:initial}
.termsBox.optionAgree .inforCheck a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%}
.termsBox.optionAgree .inforCheck a:after{right:8px}

.termsBox li + .other{position:relative;margin-top:8px;padding-top:8px}
.termsBox .other:before{content:'';position:absolute;top:0;left:16px;right:0;z-index:2;height:1px;background-color:rgba(0, 0, 0, .16)}
.termsBox .other:first-child:before{display:none}
.termsBox .other .inforCheck .inner label{position:static;width:100%;height:auto;margin:0;padding:8px 0 8px 28px;box-sizing:border-box}
.termsBox .other .inforCheck .listType2{margin-top:8px;font-size:12px;line-height:16px}
.termsBox .other .inforCheck a:after{top:24px}
.termsBox .inforCheck.noLink .inner{padding:0;}
.termsBox + .termsBox.channel{position:relative;margin-top:16px;}
.termsBox.channel .termsList{overflow:hidden;padding-top:8px}
.termsBox.channel .termsList li{position:relative;float:left;width:50%;padding:8px 0 8px 32px;box-sizing:border-box}

/* 2021.11.17 asis→tobe 개선 */
.tabBox.type2+.termsBox.channel{padding-top: 0;margin-top: -7px;background-color: var(--gray000);border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}

/*카드신청*/
.cardList{padding:32px 0}
.cardList + .cardList{position:relative;border-top:1px solid #e9e9e9}
.cardList + .cardList:before{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:6px;border-bottom:1px solid #e9e9e9;background:#f2f3f4}
.cardList .depTit2, .cardList .depTit3{margin:0 0 16px 16px}
.cardList .depTit2 a{padding-right:12px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arrow.png) no-repeat right center;background-size:8px 13px}
.cardList .cardBox{overflow:hidden;padding:0 20px}
.cardList .cardBox ul:after{content:"";display:block;height:0;clear:both}
.cardList .cardBox ul li{float:left;width:130px;margin-left:20px}
.cardList .cardBox ul li:first-child{margin-left:0}
.cardList .cardBox ul li a{display:block;color:#666}
.cardList .cardBox ul li a img{width:100%;vertical-align:top}
.cardList .cardBox ul li a strong{display:block;margin:10px 0 7px;font-weight:normal;line-height:1.429em}
.cardList .cardBox ul li a.fs_1 strong{font-size:14px !important;line-height:21px}
.cardList.cdList{margin:32px 0;padding:0}

.cardList.type2{padding-top:24px}
.cardList.type2 .cardBox{padding:0 16px}
.cardList.type2 .cardBox ul li{width:96px;margin-left:16px}
.cardList.type2 .cardBox ul li:first-child{margin-left:0}
.cardList.type2 .cardBox ul li a{color:var(--gray090);text-align:center}
.cardList.type2 .cardBox ul li a img{vertical-align:top}
.cardList.type2 .cardBox ul li a strong{margin:8px 0 0;font-size:14px;line-height:20px;word-break:break-all}

.contArea .cardList2{padding-left:0;margin-right:-16px}
.cardList2{margin-top:8px;}
.cardList2 > ul > li{border-bottom:1px solid rgba(0, 0, 0, .16);padding:0 16px;} /* 220217 박진수 - asis에 원래 padding 값이 없었는데 추가되어 기존 ui가 깨져 원복함 *//* 220224, 결함7216 조치 padding 재설정 https://tm.kbcard.com/MKB/DVIEW/MMFMCXHIAMKC0068 */
.cardList2 > ul > li .corver{position:relative;width:100%;padding:24px 16px 24px 0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-box-align:center}
.cardList2 > ul > li .corver.link, .cardList2 > ul > li .corver.accordion, .cardList2 > ul > li .corver.check{padding:24px 54px 24px 0}
.cardList2 > ul > li .corver.link:after{content:'';position:absolute;top:50%;right:0;width:16px;height:16px;margin-top:-8px;background:url('https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg') no-repeat 0 0;background-size:16px}
.cardList2 > ul > li .corver .inp1, .cardList2 > ul > li .corver .radio1{position:absolute;top:50%;right:16px;margin-top:-12px}
.cardList2 > ul > li .corver.radio{padding:16px 54px 16px 32px}
.cardList2 > ul > li .corver.radio .cont{min-height:52px}
.cardList2 > ul > li .corver.accordion:after, .cardList2 li .corver.accordion:before{content:'';position:absolute;background-color:var(--gray090)}
.cardList2 > ul > li .corver.accordion:after{top:50%;right:20px;width:15px;height:1px;transition:all 300ms ease-out}
.cardList2 > ul > li .corver.accordion:before{top:50%;right:27px;width:1px;height:15px;margin-top:-7px;transition:all 300ms 50ms ease-out}
.cardList2 > ul > li .corver.accordion .contLink{position:absolute;top:0;right:0;left:120px;bottom:0;font-size:1px;color:transparent}
.cardList2 > ul > li .corver.accordion + .accordionCont, .cardList2 > ul > li .accordionCont + .accordionCont{display:none;margin:0 0 -1px -16px;padding:20px 12px;background-color:#f9fafc;border-top:1px solid #c6cbd0}
.cardList2 > ul > li .corver.accordion.disabled:after, .cardList2 li .corver.accordion.disabled:before{display:none}
.cardList2 > ul > li .corver.accordion.disabled .contLink{display:none}
.cardList2 > ul > li .corver.top{-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-align:start}

.cardList2 > ul > li .img{overflow:hidden;display:block;position:relative;width:112px;height:72px;-webkit-border-radius:3px;border-radius:3px;background-color:#eef1f2}
.cardList2 > ul > li .img img{position:relative;z-index:2;width:100%;height:100%;vertical-align:top}
.cardList2 > ul > li .img.rotate a img{display:block;width:72px;height:112px;margin:auto;-webkit-transform:rotate(-90deg) translateX(20px);transform:rotate(-90deg) translateX(20px)}
.cardList2 > ul > li .img:before, .cardList2 li .img:after{content:'';position:absolute;left:50%;top:50%;background:rgba(0, 0, 0, .47)}
.cardList2 > ul > li .img:before{width:14px;height:2px;margin:-1px 0 0 -7px}
.cardList2 > ul > li .img:after{width:2px;height:14px;margin:-7px 0 0 -1px}
.cardList2 > ul > li .img + .cont{overflow:hidden;padding-left:16px;-webkit-box-flex:1;-webkit-flex:1;flex:1}
.cardList2 > ul > li .cont{display:block;color:var(--gray070);font-size:0.875rem;line-height:1.429em;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}
.cardList2 > ul > li .cont .tit{overflow:hidden;height:1.500em;margin-bottom:4px;font-size:1.000rem;line-height:1.500em;color:#000;opacity:.87;text-overflow:ellipsis;white-space:nowrap}
.cardList2 > ul > li .cont .tit img{width:24px;height:24px;margin-right:4px;vertical-align:top}
.cardList2 > ul > li .cont dd{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cardList2 > ul > li .cont .cardNum{letter-spacing:-.4px;line-height:24px}
.cardList2 > ul > li .cont .cardNum img{float:left;width:auto;height:24px;vertical-align:top}
.cardList2 > ul > li .cont .cardNum span{margin-right:4px} /* 220321 카드 이미지 없을시 간격 조정 */
.cardList2 > ul > li .cont .tag{overflow:hidden;min-height:1.429em;white-space:normal}
.cardList2 > ul > li .cont .tag span{float:left;margin-right:8px;white-space:nowrap;color:#7f6ee3}
.cardList2 > ul > li .subCont{overflow:hidden;display:none;margin:0 0 -1px -16px;padding:0 0 16px 16px;background-color:#f6f8f9;-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, .24)}
.cardList2 > ul > li .subCont .cardList2{padding-left:0}
.cardList2 > ul > li .subCont .cardList2 li:last-child{border-bottom:none}
.cardList2 > ul > li.on .corver.accordion:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.cardList2 > ul > li.on .corver.accordion:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.cardList2 .corver > .state, .cardList2 .corver .img .state{overflow:hidden;position:absolute;top:50%;left:0;z-index:2;width:112px;height:72px;margin-top:-36px;padding:2px;-webkit-box-sizing:border-box;box-sizing:border-box}
.cardList2 .corver > .state span, .cardList2 .corver .img .state span{overflow:hidden;float:left;display:inline-block;max-width:108px;margin-right:4px;padding:4px;-webkit-border-radius:2px;border-radius:2px;background-color:#7da100;-webkit-box-shadow:0, 2px, 4px, rgba(0, 0, 0, .24), 0, 2px 4px rgba(0, 0, 0, .12);box-shadow:0 2px 4px rgba(0, 0, 0, .24), 0 2px 4px rgba(0, 0, 0, .12);-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;line-height:16px;color:var(--gray000);text-overflow:ellipsis}

.cardList2.w80 > ul > li .corver{padding:16px 16px 16px 0}
.cardList2.w80 > ul > li .img{width:80px;height:52px}

.ios .cardList2 > ul > li .cont .tit{line-height:1.625em}
.ios .cardList2 > ul > li .cont .cardNum{height:24px;line-height:26px}
.ios .cardList2 > ul > li .cont .tag{margin-top:2px}
.ios .cardList2 .corver > .state span{padding:5px 4px 3px}

.cardList3{padding-left:16px}
.cardList3 > ul li{position:relative;min-height:112px;border-bottom:1px solid rgba(0,0,0, .16)}
.cardList3 > ul li a{display:table;width:100%;height:100%;min-height:112px}
.cardList3 > ul li .img{position:absolute;top:50%;right:24px;margin-top:-30px}
.cardList3 > ul li span.type{position:absolute;top:-2px;right:-2px;padding:4px 6px;background-color:#7f6ee3;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0, .24);font-size:12px;line-height:16px;color:var(--gray000)}
.cardList3 > ul li .img img{width:96px;height:60px;box-shadow:0 16px 16px rgba(0,0,0, .16)}
.cardList3 > ul li .cont{display:table-cell;padding:16px 140px 16px 8px;vertical-align:middle}
.cardList3 > ul li .cont dt{font-weight:bold;margin-bottom:8px}
.cardList3 > ul li .cont dd{font-size:14px;line-height:20px}

@media screen and (max-width:345px){
    .cardList2 > ul > li .img{width:100px;height:63px} 
    .cardList2 > ul > li .cont.pt10{margin-top:-9px}
}

.madeCard > div{margin-top:32px;padding-top:32px;border-top:1px solid rgba(0, 0, 0, .16)}

.cardAppReport{position:relative}
.cardAppReport>p{margin-bottom:10px;color:var(--gray090)}
.cardAppReport>div{padding:22px 0;overflow:hidden}
.cardAppReport>div>ul:after{content:"";display:block;height:0;clear:both}
.cardAppReport>div>ul li{display:none;float:left;margin-left:20px}
.cardAppReport>div>ul li > .cardInfo{display:block;min-height:82px;padding:0 48px;-webkit-box-sizing:border-box;box-sizing:border-box}
.cardAppReport>div>ul li:first-child{margin-left:0px}
.cardAppReport>div>ul li .img{display:block;padding:0;width:100%;text-align:center}
.cardAppReport>div>ul li .img img{max-width:160px}
.cardAppReport>div>ul li .infoTxt{display:block;margin-top:16px;text-align:center}
.cardAppReport>div>ul li .infoTxt strong{overflow:hidden;padding-bottom:0;color:var(--gray090);font-weight:normal;white-space:nowrap;text-overflow:ellipsis}
.cardAppReport .paging{display:block;height:8px;margin-top:2px;text-align:center}
.cardAppReport .paging span{display:inline-block;width:8px;height:8px;-webkit-border-radius:4px;border-radius:4px;background-color:#000;text-indent:-99999px;opacity:.16}
.cardAppReport .paging span.on{opacity:.87}
.cardAppReport .paging span+span{margin-left:4px}
.cardAppReport .btnPrev{position:absolute;top:50%;left:4px;width:48px;height:48px;margin-top:-6px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_l_24_000.png') no-repeat center;background-size:24px;text-indent:-999px;font-size:1px;color:transparent}
.cardAppReport .btnNext{position:absolute;top:50%;right:4px;width:48px;height:48px;margin-top:-6px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png') no-repeat center;background-size:24px;text-indent:-999px;font-size:1px;color:transparent}
.cardAppReport.type2{padding-top:0;margin-top:0;border-top:0 none}
.btnCardApp{display:inline-block;padding:0;min-width:158px;height:46px;margin:16px auto 0;border:1px solid #6b7070;-webkit-border-radius:3px;border-radius:3px;background-color:#6b7070;font-size:1.000rem;line-height:46px;text-align:center;color:var(--gray000)}
.btnCardApp.btnWhite{border-color:rgba(0, 0, 0, .16);background-color:var(--gray000);color:var(--gray090)}

.madeCard .cardList{padding-bottom:0}
.madeCard .cardBox{margin:16px -16px 0;padding:0 16px 0 12px;background:none}
.madeCard .cardList .cardBox ul li{width:124px}
.madeCard .cardList .cardBox ul li:first-child{margin-left:0}
.madeCard .cardList .cardBox li a{position:relative;padding-left:4px}
.madeCard .cardList .cardBox li a:after{position:absolute;display:block;top:48px;left:0;width:40px;height:24px;border-radius:2px;color:var(--gray000);text-align:center;font-size:14px;line-height:24px;-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, .24);box-shadow:0 2px 4px 0 rgba(0, 0, 0, .24)}
.madeCard .cardList .cardBox li a.market:after{content:"마트";background-color:#ec645f}
.madeCard .cardList .cardBox li a.travel:after{content:"여행";background-color:#7da100}
.madeCard .cardList .cardBox li a.mobile:after{content:"통신";background-color:#4d66ab}
.madeCard .cardList .cardBox li a.gas:after{content:"주유";background-color:var(--yellow080)}
.madeCard .cardList .cardBox li a.flight:after{content:"항공";background-color:#01a0c7}
.madeCard .cardList .cardBox ul a strong{font-size:1.000rem;line-height:24px;color:var(--gray090);word-break:initial}

.madeCard .alphaoneCont{margin:6px -16px 0;padding:0 16px}

.ios .cardAppReport>div>ul li .btnCardApp{line-height:48px}
.ios .madeCard .cardList .cardBox li a:after{line-height:26px}

.customCard{position:fixed;left:0;bottom:0;width:100%;background:#6d7079;z-index:9}
.customCard .more{padding:10px 0;height:22px;text-indent:0;text-align:center;color:var(--gray000);font-size:1.000rem}
.customCard .more:after{position:relative;left:10px;top:-2px;display:inline-block;width:14px;height:8px;background-image:url(https://img1.kbcard.com/cxh/ia_img/common/ico_card.png);background-size:14px 16px}
.customCard.open .more:after{background-position:0 100%}
.customCard .listBox{margin:0 10px 10px;overflow:hidden;overflow-y:auto}
.customCard .listBox>ul{background:var(--gray000)}
.customCard .listBox>ul>li{padding:20px 15px}
.customCard .listBox>ul>li + li{border-top:1px solid #ccc}
.customCard .listBox .benefitBox{margin-left:-5px}
.customCard .listBox .benefitBox strong{display:block;color:var(--gray090);padding:10px 0 5px 5px;font-size:13px}
.customCard .listBox .benefitBox span{display:inline-block;margin:5px 0 0 5px;padding:0 13px;line-height:20px;font-size:13px;color:var(--gray090);background:#e6e6e6}

.customArea{padding-bottom:72px}

.tabBox .tabCont .tabBox .tabCont .cardAppList{margin:0 -20px}
.cardAppList>li:first-child{border-top:0}
.cardAppList>li{padding:30px 20px;border-top:1px solid #e9e9e9}
.cardAppList>li strong{display:block;margin-bottom:5px;color:var(--gray090)}
.cardAppList .cardInfo .img{width:130px;padding-right:20px;vertical-align:top}

.cardAppList.typeWide>li{padding:32px 0}
.cardAppList.typeWide>li:first-child{padding-top:0}
.cardAppList.typeWide>li:last-child{padding-bottom:0}
.cardAppList.typeWide .cardInfo .img{padding-right:16px}

.cardChoice.radioSel>.formWrap{background:var(--gray000)}
.cardChoice.radioSel>.formWrap + .formWrap{border-left-color:#999}
.cardChoice.radioSel>.formWrap span{display:block}
.cardChoice.radioSel>.formWrap span.tit{margin-top:12px}
.cardChoice.radioSel.type3>.formWrap{padding:20px 0}
.cardChoice.radioSel.type3>.formWrap.checked{padding:19px 0}

/*coupon*/
.couponBox{display:block;position:relative;border:1px solid #ccc}
.couponBox:after{content:"";position:absolute;left:0;bottom:-1px;display:block;width:100%;height:4px;background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_coupon.png) repeat-x 0 100%;background-size:15px 22px}
.couponBox .couponTxt{padding:30px;text-align:center}
.couponBox .couponTxt .formWrap{position:absolute;right:20px;top:20px}
.couponBox .couponTxt img{width:33px;height:33px;vertical-align:top}
.couponBox .couponTxt strong{display:block;padding:0 30px}
.couponBox .couponTxt strong.ico{padding:0;color:#f76600;font-size:1.000rem;margin:8px 0 -7px}
.couponBox.type2 .couponTxt{min-height:120px;padding:15px 10px 0}
.couponBox .sale{position:relative;display:table;width:100%;border-top:1px solid #ccc;background:#f4f4f4}
.couponBox .sale:before,.couponBox .sale:after{content:"";position:absolute;top:-8px;display:block;height:17px;width:7px;background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_coupon.png);background-size:15px 22px}
.couponBox .sale:before{left:-1px;background-position:0 0}
.couponBox .sale:after{right:-1px;background-position:right 0}
.couponBox .sale span{display:table-cell;width:50%;padding:15px;border-left:1px dotted #ccc;font-size:13px}
.couponBox .sale span:first-child{border-left:0}
.couponBox .sale span em{font-size:14px;text-align:right;display:block;color:#6c45ff}
.couponBox .sale span em strong{font-size:26px}
.couponBox.type2 .sale span{width:100%}
.couponList{margin:0 -5px}
.couponList:after{content:"";display:block;height:0;clear:both}
.couponList li{float:left;width:50%;box-sizing:border-box;padding:0 5px 10px}

/* 완료*/
.centerBox{box-sizing:border-box}
.centerBox .txtInfo{margin-top:10px;padding:0}
.centerBox .txtInfo:before{position:static;display:inline-block;vertical-align:middle}
.centerBox .infoBox{margin:0;padding:24px 16px!important}
.centerBox .listType1{border-top:1px solid #ccc;padding:20px 10px 0;margin-top:25px}
.centerBox.empty{background:none;color:rgba(0, 0, 0, .24)}
.centerBox img{vertical-align:top}

.centerBox.infoBox.okImg, .infoBox.intImg{margin:0;padding:40px 16px}
.centerBox.infoBox.okImg:before, .centerBox.infoBox.intImg:before{width:64px;height:64px;background-size:64px}

/*약관*/
/*select*/
.selectList{overflow:hidden}
.selectList:after{content:"";display:block;height:0;clear:both}
.selectList li{width:100%;float:left;display:table;height:60px}
.selectList.col2 li,.selectList.col3 li,.selectList.col4 li,.selectList.col5 li{border-right:1px solid #ccc;margin:0;box-sizing:border-box}
.selectList.col2 li:nth-child(even){border-right:0}
.selectList li a{display:table-cell;vertical-align:middle;padding:0 20px}
.selectList.col2 li a,.selectList.col3 li a,.selectList.col4 li a,.selectList.col5 li a{padding:0}
.selectList li a.disabled{background:#e6e6e6;color:#999;z-index:-1}
.selectList.col5{margin-bottom:-1px}
.selectList.col5 li:nth-child(5n){border-right:0}
.selectList.selBank{position:relative;margin:20px;border:1px solid #ccc;border-bottom:none}
.selectList.selBank:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#ccc} 

.comeUp .selectList li{height:56px}
.comeUp .selectList li:last-child{border-bottom:none}
.comeUp .selectList li a{position:relative;padding:24px 56px 24px 16px}
.comeUp .selectList li.on {background-color:#f9fafc !important}
.comeUp .selectList li.on a:after, .comeUp .selectCard > .cardTxt.on:after{content:'';position:absolute;top:50%;right:25px;width:24px;height:24px;margin-top:-12px;background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-check.svg) no-repeat 0 0;background-size:24px}
.comeUp .selectList li .info{display:inline-block;font-size:0.875rem;line-height:24px;color:var(--gray070)}
.comeUp .selectCard > .cardTxt,
.comeUp .selectCard .cards-select .cardTxt{padding:16px 44px 16px 16px;border:none}
.comeUp .selectCard > .cardTxt.on,
.comeUp .selectCard .cards-select .cardTxt.on {background-color:#f9fafc}
.comeUp .selectCard > .cardTxt.on:after,
.comeUp .selectCard .cards-select .cardTxt.on:after {content:'';position:absolute;top:50%;right:25px;width:24px;height:24px;margin-top:-12px;background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-2-check.svg) no-repeat 0 0;background-size:24px}
.layerWrap#cardListPopup2 .popCont {padding:0}

/*graph*/
.barGraph ul{padding-bottom:20px}
.barGraph ul:after{content:'';display:block;clear:both}
.barGraph ul li{float:left;position:relative;width:33.33%;padding-top:135px;text-align:center}
.barGraph ul li .bar{overflow:hidden;position:absolute;bottom:0;left:50%;width:27px;margin-left:-13px;background:url(https://img1.kbcard.com/cxh/ia_img/MK/bg_pattern1.png) 0 0;background-size:4px 4px;text-align:left;text-indent:-9999px}
.barGraph ul li+li .bar{background-image:url(https://img1.kbcard.com/cxh/ia_img/MK/bg_pattern2.png);background-size:4px 4px}
.barGraph ul li+li+li .bar{background-image:url(https://img1.kbcard.com/cxh/ia_img/MK/bg_pattern3.png);background-size:5px 8px}
.barGraph ul li+li+li+li .bar{background-image:url(https://img1.kbcard.com/cxh/ia_img/MK/bg_pattern4.png);background-size:7px 12px}
.barGraph ul li+li+li+li+li .bar{background-image:url(https://img1.kbcard.com/cxh/ia_img/MK/bg_pattern5.png);background-size:5px 5px}
.barGraph ul li+li+li+li+li+li .bar{background-image:url(https://img1.kbcard.com/cxh/ia_img/MK/bg_pattern6.png);background-size:7px 12px}
.barGraph ul li+li+li+li+li+li+li .bar{background-image:url(https://img1.kbcard.com/cxh/ia_img/MK/bg_pattern7.png);background-size:6px 6px}
.barGraph ul li+li+li+li+li+li+li+li .bar{background-image:url(https://img1.kbcard.com/cxh/ia_img/MK/bg_pattern8.png);background-size:8px 8px}
.barGraph ul li em{position:absolute;left:0;bottom:-20px;width:100%;text-align:center}
.barGraph.gpSex{height:132px}
.barGraph.gpSex ul li{width:50%;background:url(https://img1.kbcard.com/cxh/ia_img/common/gp_year.png) no-repeat center top;background-size:71px 83px}
.barGraph.gpSex ul li+li{background:url(https://img1.kbcard.com/cxh/ia_img/common/gp_year_w.png) no-repeat center top;background-size:71px 83px}
.barGraph.gpYear ul li{width:20%;background:url(https://img1.kbcard.com/cxh/ia_img/common/gp_year.png) no-repeat center top;background-size:71px 83px}
.barGraph.gpTime ul li{width:20%}
.barGraph.gpRestore{height:132px}
.barGraph.gpRestore ul li{width:50%;background:url(https://img1.kbcard.com/cxh/ia_img/common/gp_restore.png) no-repeat center top;background-size:100px 79px}
.barGraph.gpSex ul li,.barGraph.gpYear ul li,.barGraph.gpTime ul li,.barGraph.gpRestore ul li{margin-top:23px;padding-top:83px}
.barGraph.gpRestore ul li{padding-top:79px}
.barGraph.gpSex ul li + li,.barGraph.gpRestore ul li + li{border-left:1px solid #ccc;margin-left:-1px}
.barGraph.gpSex ul li:before,.barGraph.gpYear ul li:before,.barGraph.gpTime ul li:before,.barGraph.gpRestore ul li:before{content:"";width:100%;height:83px;display:block;position:absolute;left:0;top:0;z-index:1}
.barGraph.gpSex ul li:before{background:url(https://img1.kbcard.com/cxh/ia_img/common/gp_year_mask.png) no-repeat center top;background-size:71px 83px}
.barGraph.gpSex ul li+li:before{background:url(https://img1.kbcard.com/cxh/ia_img/common/gp_year_w_mask.png) no-repeat center top;background-size:71px 83px}
.barGraph.gpYear ul li:before{background:url(https://img1.kbcard.com/cxh/ia_img/common/gp_year_mask.png) no-repeat center top;background-size:71px 83px}
.barGraph.gpTime ul li:before{}
.barGraph.gpRestore ul li:before{background:url(https://img1.kbcard.com/cxh/ia_img/common/gp_restore_mask.png) no-repeat center top;background-size:100px 79px}
.barGraph.gpSex ul li + li,.barGraph.gpSex ul li + li:before{background-position:center bottom}
.barGraph.gpSex ul li .bar,.barGraph.gpYear ul li .bar{width:50px;margin-left:-25px}
.barGraph.gpRestore ul li .bar{width:70px;margin-left:-35px}
.barGraph ul li .per{position:absolute;left:50%;top:-23px;width:50px;margin-left:-25px;text-align:center;font-size:1.000rem}
.barGraph.gpYear ul li .per,.barGraph.gpTime ul li .per{color:var(--gray090)}
.barGraph.gpSex ul,.barGraph.gpYear ul,.barGraph.gpTime ul,.barGraph.gpRestore ul{padding-bottom:25px}
.barGraph.gpSex ul li em,.barGraph.gpYear ul li em,.barGraph.gpTime ul li em,.barGraph.gpRestore ul li em{bottom:-25px}
.barGraph.gpYear,.barGraph.gpTime{padding-bottom:25px}
.barGraph.gpYear ul,.barGraph.gpTime ul{border-bottom:1px solid #ccc;padding-bottom:0}
.graphInfo{margin-top:20px}
.graphInfo>li:after{content:'';display:block;clear:both}
.graphInfo>li+li{margin-top:16px}
.graphInfo>li span[class*='ptn']{display:inline-block;width:12px;height:12px;margin-right:5px;background:url(https://img1.kbcard.com/cxh/ia_img/MK/bg_pattern.png) no-repeat 0 0;background-size:96px 12px}
.graphInfo>li span[class*='ptn'].ptn1{background-position:0 0}
.graphInfo>li span[class*='ptn'].ptn2{background-position:-12px 0}
.graphInfo>li span[class*='ptn'].ptn3{background-position:-24px 0}
.graphInfo>li span[class*='ptn'].ptn4{background-position:-36px 0}
.graphInfo>li span[class*='ptn'].ptn5{background-position:-48px 0}
.graphInfo>li span[class*='ptn'].ptn6{background-position:-60px 0}
.graphInfo>li span[class*='ptn'].ptn7{background-position:-72px 0}
.graphInfo>li span[class*='ptn'].ptn8{background-position:-84px 0}
.graphInfo>li>strong{float:left;font-weight:normal}
.graphInfo>li>em{float:right}

.barGraph.perHide ul li .per{visibility:hidden}

/* 필터 */
.filter{position:relative;background:#f9fafc;padding:16px 60px 16px 10px;box-sizing:border-box}
.filter h2{font-size:16px !important;line-height:24px;color:var(--gray090);letter-spacing:-1px;font-weight:600}/*400*/
.filter h2 .card-name {display: inline-block;max-width: calc(100% - 140px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: bottom;}
.filter .btnFilter{position:absolute;right:0;top:0;width:30px;height:56px;background:url(https://img1.kbcard.com/home_re/mo//ico/24/ico-1-filter.svg) no-repeat left center;background-size:24px;text-indent:100px;}/* 6285결함, https://tm.kbcard.com/MKB/DVIEW/MMBMCXHIAMKC0016 */
.filter .btnFilter>span{overflow:auto;width:30px;height:30px;font-size:14px;line-height:30px;margin:-1px; clip:rect(0 0 0 0);white-space: nowrap;}/* tobe추가 */
.filter .btnFilter:after{content: '';position: absolute;top: 8px;right: 48px;width: 1px;height: 40px;background-color: rgba(0, 0, 0, 0.08);}
.filter > em{color:var(--gray000)}
.filter.type2{background:none;padding:0}
.filter.type2 .btnFilter{right:0;border:1px solid #ccc;background:none;color:var(--gray090)}
.filter.type2 .btnFilter>span:after{background-image:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_filter_24_000.png)}

/* 내역 */
.historyList{border-bottom:1px solid #ccc}
.historyList>li{display:table;width:100%;border-top:1px solid #e9e9e9;padding:18px 15px;box-sizing:border-box}
.historyList li a{display:table;width:100%;box-sizing:border-box}
.historyList li:after{content:"";display:block;height:0;clear:both}
.historyList li a>div{display:table-cell;vertical-align:middle}
.historyList li>div{display:table-cell;vertical-align:middle}
.historyList li .usage .tit{font-size:1em;line-height:1.4em;word-break:normal;font-weight:normal;color:var(--gray090)}
.historyList li .usage .info{margin-top:8px;font-size:13px;line-height:1.3em;color:var(--gray070)}
.historyList li .usage .info span{display:inline-block}
.historyList li .usage .info span:after{content:"";display:inline-block;width:1px;height:9px;margin:0 2px 0 6px;background:#bdbdbd}
.historyList li .usage .info span:last-child:after{display:none}
.historyList li .usage .info2{margin-top:5px;font-size:13px;line-height:1.3em;color:#888}
.historyList li .usage .info2 span em{margin-right:3px}
.historyList li .usage .info2 > span{margin-right:10px}
.historyList li .usage .info2 > span:last-child{margin-right:0}
.historyList li .sum{width:90px;padding-left:0;text-align:right}
.historyList li .sum em{font-size:17px;font-weight:bold;white-space:nowrap;color:var(--gray090)}
.historyList li .sum em span{margin-left:2px;font-size:0.875rem;vertical-align:1px;font-weight:normal}
.historyList li .sum p{margin-top:5px;font-size:13px;color:#888;line-height:1.125rem;white-space:nowrap}
.historyList li.cancel .usage .tit{color:var(--gray060)}
.historyList li.cancel .sum del{font-size:1.000rem;color:var(--gray060)}
.historyList li.cancel .sum, .historyList li.cancel .sum.cancel{text-decoration:line-through;color:var(--gray060)}
.historyList li.cancel .sum em, .historyList li.cancel .sum.cancel em{color:var(--gray060)}
.historyList li.total .usage .tit{font-weight:bold;color:var(--gray090)}
.historyList li.total .sum em{font-size:24px;color:#f37111}
.historyList li.total .sum span{font-size:18px}
.historyList.type2 li:first-child{border-top:0 none}
.historyList.type2 li .usage .tit{font-size:15px}
.historyList.type2 li .sum em{font-size:1.000rem;font-weight:normal}
.historyList li.traffic{display:block}
.historyList li.traffic>.inner{display:block;padding:20px 15px}
.historyList li.traffic>.inner>.date{display:block;font-size:18px;color:#6f675e;margin-bottom:15px}
.historyList li.traffic>.inner>ul>li{display:table;position:relative;width:100%;box-sizing:border-box;margin-bottom:17px}
.historyList li.traffic>.inner>ul>li:last-child{margin-bottom:0}
.historyList li.traffic>.inner>ul>li:last-child:before{display:none}
.historyList li.traffic>.inner>ul>li>a{padding:0}
.historyList li.traffic>.inner>ul>li .trafficInfor{padding-left:50px}
.historyList li.traffic>.inner>ul>li .trafficInfor .tit{display:block;font-size:15px;color:var(--gray090)}
.historyList li.traffic>.inner>ul>li .trafficInfor .time{display:block;font-size:13px;color:#888}
.historyList li.traffic>.inner>ul>li .trafficInfor .tit:before{content:'';display:inline-block;position:absolute;left:0;top:0;width:40px;height:40px}
.historyList li.traffic>.inner>ul>li.subway .trafficInfor .tit:before{background:url(https://img1.kbcard.com/cxh/ia_img/MK/ico_traffic1.png) no-repeat 0 0;background-size:40px 40px}
.historyList li.traffic>.inner>ul>li.bus .trafficInfor .tit:before{background:url(https://img1.kbcard.com/cxh/ia_img/MK/ico_traffic2.png) no-repeat 0 0;background-size:40px 40px}
.historyList li.traffic>.inner>ul>li.road .trafficInfor .tit:before{background:url(https://img1.kbcard.com/cxh/ia_img/MK/ico_traffic3.png) no-repeat 0 0;background-size:40px 40px}
.historyList li.traffic>.inner>ul>li.etc .trafficInfor .tit:before{background:url(https://img1.kbcard.com/cxh/ia_img/MK/ico_traffic4.png) no-repeat 0 0;background-size:40px 40px}
.historyList li.traffic>.inner>ul>li.machine .trafficInfor .tit:before{background:url(https://img1.kbcard.com/cxh/ia_img/MK/ico_traffic5.png) no-repeat 0 0;background-size:40px 40px}

.historyList.type2{margin-top:-1px}
.historyList li.traffic>.inner>ul>li{min-height:40px;margin-bottom:0 !important;padding-bottom:17px;overflow:hidden}
.historyList li.traffic>.inner>ul>li .trafficInfor .time{margin-top:3px;line-height:1.250rem}

.historyList .dpTbl>div{display:table-cell;vertical-align:middle}
.historyList li .payDetail{display:block;margin:18px -15px 0;padding:18px 15px 0}
.historyList li .payDetail em+span{color:var(--gray090)}
.historyList .resultSum{margin:0;padding:18px 15px;background:#fffae5}
.historyList .resultSum strong{margin-right:2px;vertical-align:-1px}
.historyList + .resultSum{margin:-1px 0 0;padding:18px 15px;border-top:1px solid #e9e9e9;background:#fffae5}
.historyList + .resultSum strong{margin-right:2px;vertical-align:-1px}
.historyList + .resultSum + .historyList{border-top:1px solid #e9e9e9}

.topInfo{margin-top:20px}
.topInfo:after{content:'';display:block;clear:both}
.topInfo dt{float:left;font-weight:bold;color:var(--gray090)}
.topInfo dd{float:right;font-size:15px;font-weight:normal;color:#f37111}
.topInfo dd strong{font-size:1.000rem}

/*100%스와이프*/
.swiperCon{position:relative;overflow:hidden}
.swiperCon .swiper{overflow:hidden;width:1500px}
.swiperCon .swiper>li{float:left;display:none;transform:translate3d(0,0,0)}
.swiperCon .paging{display:block;overflow:hidden;height:9px;margin:15px auto 0;text-align:center}
.swiperCon .paging span{overflow:hidden;display:inline-block;width:6px;height:6px;border:1px solid #000;border-radius:50%;opacity:.6;font-size:1px;color:transparent;vertical-align:top}
.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}

/*소비리포트*/
.useReport .lineBox2{padding:40px 10px;border:1px solid #ccc;text-align:center}
.useReport .lineBox2.type2{padding:31px 10px}
.useReport .lineBox2>p{color:var(--gray090);line-height:1.125rem}
.useReport .lineBox2>p.fs_2{margin-top:5px}
.useReport .lineBox2 .price{display:block;padding:10px 0;color:var(--gray090);font-weight:normal;font-size:1.188rem;line-height:1.2em}
.useReport .lineBox2 .price span{font-size:1.375rem;vertical-align:-2px}
.useReport .lineBox2 .recommCard{margin:31px -10px -31px;padding:20px;background:#f5f5f5}
.cardInfo{display:table; width:100%; table-layout: fixed;}
.cardInfo .img{display:table-cell;position:relative;width:40%;padding-right:5%;vertical-align:middle;text-align:left}
.cardInfo .img img{width:100%;max-width:130px;vertical-align:top}
.cardInfo .img .stateBox{position:absolute;top:-10px}
.cardInfo .img .stateBox strong{display:inline-block;height:20px;margin-right:25px;margin-bottom:3px;padding:0 8px;-webkit-border-radius:2px;border-radius:2px;color:var(--gray000);font-weight:normal;line-height:20px;font-size:0.750rem}
.cardInfo .img .stateBox strong.mbOnly{background-color:#7f6ee3}
.cardInfo .img .stateBox strong.stop{background-color:#6b7079}
.cardInfo .img .stateBox strong.return{background-color:var(--yellow080)}
.cardInfo .infoTxt{display:table-cell;vertical-align:middle;text-align:left}
.cardInfo .infoTxt:before{content:none}
.cardInfo .infoTxt>strong, .cardInfo .infoTxt .tit{display:block;padding-bottom:4px;font-size:1.000rem;font-weight:bold;line-height:24px;word-break:normal}
.cardInfo .infoTxt ul li{color:#666;line-height:1.250rem; word-break: break-all;}
.cardInfo .infoTxt ul li+li{margin-top:3px}

.ios .cardInfo .img .stateBox strong{line-height:22px}

.useReport .toggleView dl dt{margin:0 0 20px;font-weight:bold;color:var(--gray090)}
.useReport .toggleView dl+dl{margin-top:30px;padding-top:30px;border-top:1px solid #ccc}
.useReport .toggleView .infoBox{margin:-25px -20px;background:#f8f9f9;text-align:center}
.useReport .circleGraph{height:152px}

/* 내역없음 */

.noData{display:block !important;padding:40px 16px !important;border:0 !important;text-align:center}
.noData:before {content: "";display: block;width:40px;height:40px;margin:0 auto 8px;background:url(https://img1.kbcard.com/home_re/mo/ico/40/ico-list-nodata.svg) no-repeat;background-size:100%;vertical-align: top;}
.noData strong{margin-top:8px;font-size:1.500rem !important;line-height:1.333em !important;color:var(--gray090) !important;font-weight:normal}

/*완료페이지 full Background*/
.compFullBg .infoBox.okImg, .compFullBg .infoBox.intImg{padding-top:80px}
.compFullBg .infoBox.okImg:before, .compFullBg .infoBox.intImg:before{width:64px;height:64px;background-size:64px}
.compFullBg .infoBox.notImg:before{width:64px;height:64px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/svg/common/ico/visual/64/icon_exclamation_64.svg);background-size:64px}
.compFullBg.errMsg{position:relative;padding:0 16px 153px;box-sizing:border-box}
.compFullBg.errMsg .infoBox.notImg{padding-top:80px!important}
.compFullBg.errMsg .infoBox.notImg:before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/svg/common/ico/visual/64/icon_exclamation_64.svg);background-size:64px}
.compFullBg.errMsg .reference{position:absolute;bottom:0;left:16px;right:16px;display:block;width:auto;margin:0;padding-bottom:12px;background-color:var(--gray000)}
.compFullBg.errMsg .btn{display:inline-block;height:38px;margin-top:16px;padding:0 16px;border-radius:50px;border:1px solid rgba(0,0,0,.16);color:var(--gray060);line-height:38px}
.ios .compFullBg.errMsg .btn{line-height:40px}

.lottieImg{padding:80px 16px 40px;background:var(--gray000);color:var(--gray060);text-align:center}
.lottieImg #mainVisual{width:120px;height:120px;margin:0 auto 16px}
.lottieImg .btnRound{border-color:rgba(0,0,0,.24);color:var(--gray060)}

@media screen and (max-width:320px){
	.compFullBg .infoBox.okImg{padding-top:40px}
    .compFullBg.errMsg .infoBox.notImg{padding-top:40px!important}
}

/* 카드론 */
.infoLoan{background:#0999ac}
.infoLoan>p>span{display:table-cell;vertical-align:middle;padding-left:85px;min-height:60px;text-align:left;background:url(https://img1.kbcard.com/cxh/ia_img/FL/bg_txtinfo.png) left center no-repeat;background-size:70px 60px;color:var(--gray000)}
.infoLoan>p>span>.tit{font-weight:normal;color:var(--gray000)}
.infoLoan>p>span>.txt{display:block}
.infoLoan>p>span.img2{background:url(https://img1.kbcard.com/cxh/ia_img/FL/bg_txtinfo2.png) left center no-repeat;background-size:70px 51px}
.infoLoan>p>span.img3{background:url(https://img1.kbcard.com/cxh/ia_img/FL/bg_txtinfo3.png) left center no-repeat;background-size:70px 60px}
.infoLoan>p>span.img4{background:url(https://img1.kbcard.com/cxh/ia_img/FL/bg_txtinfo4.png) left center no-repeat;background-size:70px 60px}
.infoLoan>p{display:table;min-height:60px}

/* 납부서비스 */
/* 대학등록금납부 */
.half:after{content:'';display:block;clear:both}
.half li{float:left;width:46%}

.cardBox .cardToggle .toggleView .listType1 li{padding:0 0 0 10px;border-bottom:none}

/* 해외이용서비스 */
/* 서비스 이용방법 */
.howService:after{content:'';display:block;clear:both}
.howService li{float:left;width:33.33%;padding:0 15px;box-sizing:border-box;line-height:1.125rem;position:relative;height:100px}
.howService li:before{counter-increment:num;content:'0' counter(num);display:block;width:38px;height:38px;margin:0 auto 10px;background:#6d7076;border-radius:20px;color:var(--gray000);line-height:38px;font-size:11px}
.howService li:after{content:'';display:block;width:28px;height:9px;background:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_flow.png) no-repeat 0 0;background-size:28px 9px;vertical-align:middle;position:absolute;top:20%;left:85%}
.howService li:nth-child(3n):after{background:none}
.howService{counter-reset:num 0;text-align:center}

/* 가상카드발급 */
.cardToggle.type2 .toggleView{padding:20px}
.noBor .cardTxt{border:none !important}
.virtualCard{display:block;height:139px;background:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_virtualcard.png) no-repeat center 0;background-size:220px 139px;position:relative}
.virtualCard .virNum{position:absolute;top:85px;left:50%;margin-left:-90px;font-weight:bold}
.virtualCard .virNum span{margin-left:10px}
.virtualCard .virDate{position:absolute;top:105px;left:50%;margin-left:-90px}
.virtualCard .virCVC{position:absolute;top:105px;left:50%;margin-left:10px}

/* 가상카드이용내역조회 */
.useDateDetial{background:#f4f4f4}
.useDateDetial .useDate.type2{display:table;width:100%;border-bottom:1px solid #ccc;padding:10px 20px;box-sizing:border-box}
.useDateDetial .useDate.type2:after{content:'';display:block;clear:both}
.useDateDetial .useDate.type2 h3,.useDate.type2 span{display:table-cell}
.useDateDetial .useDateSum{display:table;width:100%}
.useDateDetial .useDateSum>span{display:table-cell;width:50%;padding:20px}
.useDateDetial .useDateSum>span:first-child{border-right:1px solid #ccc}
.useDateDetial .useDateSum>span em{display:block;margin-top:25px;text-align:right;color:#f76600}
.useDateDetial .useDateSum>span em strong{font-size:21px}

/* 본인인증(공통) */
.addBox input.type2{height:48px;border:0;border-bottom:2px solid var(--gray030);line-height:24px} 
.addBox input.type3{border:0;border-bottom:0px} 
.termsBox+.addBox{margin-top:20px}
.identity .addBox{position:relative;background-color:var(--gray000)}
.identity .addBox .idenArea{position:relative}
.identity .addBox .numArea{position:relative}
.identity .addBox .numArea .time{position:absolute;top:50%;right:15px;margin-top:-11px}
.identity .radioSel .formWrap a{font-weight:400;}
.identity .radioSel .formWrap.checked a{font-weight:600;}
.identity .radioSel.col4 .formWrap{width:20%} 
.identity .radioSel.col4 .formWrap.selType1{width:40%;border:0}
.identity .radioSel.col4 .formWrap a{display:block;min-width:96px;padding-right:16px !important;line-height:46px;font-size:16px}
.identity .radioSel.col4 .formWrap a,.identity .radioSel.col4 .formWrap label{padding:1px 0}
.identity .radioSel.col4 .formWrap.checked a{}
.identity .nonInp{position:relative;height:40px;font-size:18px;line-height:40px}
.identity .nonInp:after{content:'';position:absolute;top:-1px;left:-1px;width:100%;height:100%;padding-bottom:0px;border:1px solid var(--gray000);border-bottom:none}
.identity .nonInp:before{content:'';position:absolute;bottom:-1px;width:100%;height:1px;background-color:c6cbd0}
.identity .addBox .idenArea .nonInp + .btn{top:0;right:7px;margin-top:0;padding:4px 7px}
.identity .addBox .idenArea > .inpTxt1{border:none}
.inpTxt1 + .identity{margin-top:-1px} 
.inpTxt1 + .identity .addBox{background-color:var(--gray000)}
.ios .identity .radioSel.col4 .formWrap a, .ios .identity .radioSel.col4 .formWrap label{padding:2px 0 0}

/* 할인쿠폰 서비스 */
.couponList{display:flex;flex-wrap:wrap;text-align:center} /* 0324 정렬 수정 display:flex;flex-wrap:wrap; */ 
.txtBox{padding:10px;border:1px solid #ccc;border-radius: 8px;}
.txtBox+.txtBox{margin-top:10px}

/* 장기카드대출 */
.infoSum{font-size:20px}
.infoSum em{font-size:40px}

.applyArea{display:table;width:100%}
.applyArea:after{content:"";height:0;display:block;clear:both}
.applyArea>li{float:left;width:100%;text-align:center}
.applyArea>li>strong{display:block;position:relative;margin:0 4px 7px;background:#585b63;color:var(--gray000);border-radius:3px;padding:7px 0;line-height:20px}
.applyArea>li>strong a.qInfoBtn{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_question_24_fff.png) no-repeat 0 0;background-size:24px}
.applyArea>li>strong:after{content:'';display:block;position:absolute;left:50%;bottom:0;margin-left:-7px;margin-bottom:-14px;border:1px solid transparent;border-width:7px 5px;border-top-color:#585b63}
.applyArea>li>div{display:table;width:100%;height:80px;text-align:center}
.applyArea>li>div>span{display:table-cell;font-size:17px;color:#02aec4;line-height:20px;vertical-align:middle}
.applyArea>li>div>span em{font-size:30px;line-height:36px;display:inline-block}

.interestRates{position:relative;padding:24px 8px;border:1px solid rgba(0, 0, 0, .16);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-box-align:center;border-radius: 8px;}
.interestRates ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:start;align-items:start;-webkit-box-pack:justify;-webkit-box-align:start;-webkit-box-flex:1;-webkit-flex:1;flex:1}
.interestRates ul li{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}
.interestRates ul dl{display:inline-block;text-align:left}
.interestRates ul dt{margin-bottom:2px;font-size:0.875rem;line-height:1.429em;color:var(--gray060)}
.interestRates ul dd{letter-spacing:-.2px}
.interestRates ul .rate{font-size:1.125rem;line-height:1.333em;color:#0D9488}
.interestRates ul .rate em{font-size:1.500rem;line-height:1.167em;vertical-align:bottom; color:#0D9488;}
.interestRates ul .rate .through, .interestRates ul .rate .through em{font-size:18px;line-height:24px;color:rgba(0, 0, 0, .4)}
.interestRates a{display:block;width:40px;height:40px;margin-right:-8px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_dropdown_24_000.png') no-repeat center;background-size:24px;opacity:.6}
.interestRates a:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}

.interestRatesList > li{position:relative;padding:0 16px 16px;border:1px solid rgba(0, 0, 0, .16);background-color:#f8f9f9}
.interestRatesList > li + li{margin-top:-1px}
.interestRatesList > li label{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;font-size:1px;color:transparent!important}
.interestRatesList > li label:before{position:absolute;top:38px;left:15px}
.interestRatesList > li.checked{background-color:var(--gray000)}
.interestRatesList > li.checked label:before{top:36px;left:13px}
.interestRatesList .interestRates{padding:24px 0 8px 24px;border:none}
.interestRatesList .interestRates + .txtInfo{display:block;margin-top:16px;padding-top:16px;border-top:1px solid rgba(0, 0, 0, .16)}
.interestRatesList .interestRates + .txtInfo:before{top:15px}
.interestRatesList > li input:checked + label{z-index:2;border:2px solid var(--yellow040)}

.interestRates.type02{padding:50px 8px}
.interestRates.type02 dt{text-align:center}
.interestRates.type02 .rate>div{display:table;width:100%;text-align:center}
.interestRates.type02 .rate>div>span{display:table-cell;line-height:20px;vertical-align:middle}
.interestRates.type02 .rate .through{font-size:17px;padding-right:10px}
.interestRates.type02 .rate .through>em{font-size:17px;line-height:17px;text-decoration:line-through;vertical-align:0}

.ios .interestRatesList > li label{padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:transparent}

.rateList > li{padding-left:16px;border-bottom:1px solid rgba(0, 0, 0, .16)}
.rateList > li:last-child{border-bottom:none}
.rateList > li ul.txtInfo{margin-top:-5px;padding:0 16px 8px 0;border-top:1px solid rgba(0, 0, 0, .16)}
.rateList label{position:relative;display:block;padding:16px 52px 16px 0;color:var(--gray060);font-size:14px;line-height:20px}
.rateList label dl{overflow:hidden;margin-bottom:8px}
.rateList label dt{float:left;margin-right:8px;font-size:1.000rem;line-height:24px}
.rateList label dd{float:left;font-size:18px;line-height:24px;color:#01a0c7}
.rateList label .radio1{position:absolute;top:50%;right:16px;margin-top:-12px}

.ios .applyArea>li>strong{padding:9px 0 5px}
.ios .applyArea>li>strong a.qInfoBtn{margin-top:-3px}

/* 현업수정사항 % 수치 위로올림 psk*/
.applyArea>li>div>span.through{text-decoration:line-through;font-size:17px;color:#bbb}
.applyArea>li>div>span.through>em{display:inline-block;font-size:17px;line-height:17px;text-decoration:line-through}

.applyArea .type2 input[type='radio']+label{color:var(--gray090);font-size:1.000rem}
.applyArea .type2 input[type='radio']:checked+label{color:#02aec4}
.applyArea .type2 .formWrap+.formWrap{margin-left:0}
.applyArea .type2 span{display:block}

.priceTotal.bgGray{background:#eef1f2 !important;border-bottom:1px solid #e4e9eb}
.priceTotal.bgGray .useLimit:before, .useLimit.noLine:before{content:none}
.useLimit.noLine>.contArea:after{content:'';display:block;height:6px;margin:30px -15px -30px;background:#f2f3f4;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.bgGray{background:#f4f4f4 !important}
.bgWhite{background:var(--gray000) !important}
.bgWgray{background:#f4f4f4 !important}

.selType1 + .txtBox.type2{margin-top:-1px;padding:32px 0 32px 24px;background-color:#f8f8f8}
.txtBox.type2{padding:32px 16px;border:1px solid #ccc;text-align:center}
.txtBox.type2 span{display:block;font-size:20px;color:#02aec4;line-height:28px}
.txtBox.type2 span em{font-size:36px;line-height:40px;vertical-align:baseline}
.unit{display:block;text-align:right;margin:-28px 0 10px}
.roundBtn.type2{padding:8px 16px;border:1px solid #ccc;background:var(--gray000);font-size:14px;line-height:14px;color:var(--gray090);text-align:center}
.roundBtn.type2:after{display:none}

.fBold{font-weight:bold !important}
.noPd li{padding-left:0 !important;padding-right:0 !important}

.infoBox p.refer{display:inline-block}

/* 이용방법 */
.useList1{border-top:2px solid #111;color:var(--gray090)}
.useList1 li{padding:18px 0;border-bottom:1px solid #ccc;display:table;width:100%}
.useList1 li .lCon,.useList1 li .rCon{text-align:left;display:table-cell;vertical-align:middle;width:70%}
.useList1 li .lCon em{display:block}
.useList1 li .rCon{text-align:right;width:30%}
.useList1 li .lCon span,.useList1 li .rCon em+span{display:block;margin-top:5px}

.useList1.Type2 li{position:relative}
.useList1.Type2 li>a{display:block}
.useList1.Type2 li>a:after{content:"";display:block;position :absolute;right:0;top:50%;width:8px;height:13px;margin-top:-6px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24.png);background-size:8px 13px}
.useList1.Type2 li .lCon{background:url(https://img1.kbcard.com/cxh/ia_img/FL/ico_uselist.png) no-repeat 0 0;background-size:16px 188px;padding-left:25px;letter-spacing:-1px}
.useList1.Type2 li .lCon.call{background-position:0 2px}
.useList1.Type2 li .lCon.internet{background-position:0 -54px}
.useList1.Type2 li .lCon.mobile{background-position:0 -111px}
.useList1.Type2 li .lCon.map{background-position:0 -170px}
.useList1.Type2 li.btnType{padding:0}
.useList1.Type2 li.btnType a{padding:18px 0}
.useList1.Type2 li.btnType a .lCon{float:none}

.unLine{text-decoration:underline}
.infoTxt:before{content:'';display:block;width:40px;height:1px;margin:20px auto;background:#000}

/*듀얼페이먼트 - 체크결제방식*/
.dualPayType>.formWrap label{display:block;height:auto;padding:15px}
.dualPayType>.formWrap.checked label{display:block;height:auto;padding:14px 15px}
.useCheckPay{display:none}
.checked .useCheckPay{display:block;padding:0 10px}
.useCheckPay .extendArea{padding:10px 0;border-top:1px solid #ccc;text-align:center}
.useCheckPay .extendArea p{letter-spacing:-1px;line-height:30px;color:var(--gray090);vertical-align:top}
.useCheckPay .extendArea p em{font-size:1.063rem;font-weight:bold}
.useCheckPay .extendArea p input{position:relative;top:0;left:0;display:inline-block;width:90px;height:auto;margin:0 3px;padding:8px 10px 6px;line-height:1.000rem}
.useCheckPay .extendArea p input:focus{padding:7px 10px 5px}
.formWrap.checked+.useCheckPay{border-top:0 none;background:var(--gray000)}

/* 혜택가맹점 */
.benefitTab>ul:after{content:'';display:block;clear:both}
.benefitTab>ul>li{float:left;width:25%;text-align:center;display:table}
.benefitTab>ul>li>a{display:table-cell;height:53px;padding:17px 0 12px;font-size:16px;color:var(--gray070);vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box}
@media screen and (max-width:374px){.benefitTab>ul>li>a{font-size:15px}}
.benefitTab>ul>li.on>a{border-bottom:2px solid rgba(0,0,0,.87);font-weight:bold;color:var(--gray090)}

.introCont{display:table;width:100%;background:#f9fafc;min-height:150px;box-sizing:border-box;padding:32px 0}
.introCont>.inner{display:table-cell;vertical-align:middle;padding:0 16px}
.introCont>.inner>div{display:table;width:100%}
.introCont>.inner>div>.img{display:table-cell;vertical-align:middle;width:80px;padding-right:16px}
.introCont>.inner>div>.img img{width:80px;height:auto}
.introCont>.inner>div>.img img.w80{width:80px}
.introCont>.inner>div>.txt{display:table-cell;vertical-align:middle;font-size:14px;line-height:22px}
.introCont>.inner>div>.txt>.tit{display:block;font-size:20px;line-height:28px;margin-bottom:8px;font-weight:600}/*400*/
.introCont>.inner>div>.txt>.btnBox{margin-top:20px;text-align:left}
.introCont>.inner>div>.txt>.btnBox>a{display:inline-block;height:35px;line-height:35px;border-radius:35px;text-align:center;color:var(--gray000);padding:0 15px;border:1px solid var(--gray000);font-size:14px}
@media screen and (max-width:359px){.introCont>.inner>div>.txt>.btnBox>a{padding:0px 8px}}
.introCont>.inner>div>.txt>.btnBox>a+a{margin-left:5px}

.benefitList .tabDep1 li a{color:var(--gray090);background:var(--gray000)}
.benefitList .tabCont{margin-top:0}
.benefitList .tabCont .list1{display: flex;flex-wrap:wrap;justify-content: flex-start;}
.benefitList .tabCont .list1>li{width:33.33333%;text-align:center;box-sizing:border-box}

.benefitList .tabCont .list1>li>a{display:block;letter-spacing:-1px}
.benefitList .tabCont .list1>li>a>.img img{width:100%;height:100%}
.benefitList .tabCont .list1>li>a>strong,.benefitList .tabCont .list1>li>a>em{position:absolute;left:0;top:0;visibility:hidden}
.benefitList .tabCont+.tabCont{border-top:1px solid #ccc}
.benefitList [id^='plusTab']{border-top:0 !important}
.benefitList [id^='plusTab'].tabCont{display:none}
.benefitList [id^='installment']:after{display:none !important}
.benefitList .tabCont .list2>li{display:table;width:100%;box-sizing:border-box;padding:20px 0;border-top:1px solid #e9e9e9}
.benefitList .tabCont .list2>li:first-child{border-top:0;padding:0 0 20px}
.benefitList .tabCont .list2>li>.img{display:table-cell;vertical-align:middle;width:100px;text-align:center}
.benefitList .tabCont .list2>li>.img img{width:70px;height:60px}
.benefitList .tabCont .list2>li>.txt{display:table-cell;vertical-align:middle;padding-left:10px}
.benefitList .tabCont .list2>li>.txt>.cName{display:block;color:var(--gray090);margin-bottom:10px}
.benefitList .tabCont .list2>li>.txt>.bTxt{display:block;color:#7f6ee3;margin-bottom:5px}
.benefitList .tabCont .list2>li>.txt>.date{display:block;color:#888}
.benefitList .tabCont .list2>li>.benefitList .tabCont .list2>li>.txt>.date+.refer{margin-top:10px}
.benefitList .tabCont .contArea+.contArea{border-top:1px solid #ccc}
.benefitList.type2 .tabCont+.tabCont{border-top:0}
.benefitList .list3>li{padding:40px 20px 30px;border-bottom:1px solid #ccc}
.benefitList .list3 dl{position:relative;text-align:center}
.benefitList .list3 dl>dt{font-size:20px;line-height:24px;color:var(--gray090);font-weight:bold;padding-top:100px}
.benefitList .list3 dl>dt>em{color: var(--gray090);font-weight:600}
.benefitList .list3 dl>dd.img{position:absolute;left:50%;top:0;margin-left:-65px}
.benefitList .list3 dl>dd.img img{width:130px;height:82px}
.benefitList .list3 dl>dd.img.type2{margin-left:-100px}
.benefitList .list3 dl>dd.img.type2 img{width:200px;height:82px}
.benefitList .list3 dl>dd.txt .grayBox{position:relative;background:#f8f9f9;text-align:left;margin-top:30px;border:1px solid #e9e9e9;padding:20px}
.benefitList .list3 dl>dd.txt .grayBox .viewList>li:first-child{margin:0}
.benefitList .list3 dl>dd.txt .grayBox .viewList>li>.tit{margin-bottom:5px}
.benefitList .list3 dl>dd.txt .grayBox .refer{margin-top:20px}
.benefitList .list3 dl>dd.txt .grayBox>a{display:block;position:absolute;right:0;top:20px;width:30px;height:30px}
.benefitList .list3 dl>dd.txt .grayBox .btnTel{right:60px;background:url(https://img1.kbcard.com/cxh/ia_img/common/btn_tel2.png) no-repeat 0 0;background-size:30px 30px}
.benefitList .list3 dl>dd.txt .grayBox .btnHomepage{right:20px;background:url(https://img1.kbcard.com/cxh/ia_img/common/btn_home2.png) no-repeat 0 0;background-size:30px 30px}
.benefitList+.contArea{borer-top:1px solid #ccc}

.introCont+.benefitList .tabCont+.tabCont{border-top:0}
.introCont+.benefitList .tabCont{padding-bottom:0;padding-top:30px}
.introCont+.benefitList .tabCont:not(:last-child):after{content:'';display:block;height:6px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f2f3f4;margin-top:15px}
.introCont+.benefitList .tabCont .depTit2{margin-top:0}
.introCont+.benefitList+.reference.type1.mt0{border:0;margin:0 0 -20px !important}

.introCont+.benefitList.type2 .tabCont{padding:0}
.introCont+.benefitList.type2 .tabCont .contArea:not(:last-child):after{content:'';display:block;height:6px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f2f3f4;margin:0 -15px 0}
.introCont+.benefitList.type2 .tabCont .contArea{padding-top:30px}
.introCont+.benefitList.type2 .tabCont .contArea+.contArea{border-top:0}
.introCont+.benefitList.type2 .tabCont .list2>li:first-child{border-top:1px solid var(--gray090);padding:20px 0}

.benefitView>.img{padding:15px 15px 0 15px}
.benefitView>.img img{width:100%}
.benefitView>.contArea>h2{font-size:18px;color:var(--gray090);font-weight:bold}

.viewList>li{margin-top:30px}
.viewList>li>.tit{display:block;font-size:1.000rem;color:var(--gray090);margin-bottom:10px}
.viewList>li>.csTel>a{display:block;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_tel.gif) no-repeat 0 50%;background-size:11px 11px;padding-left:20px;color:#666}
.viewList>.csTel>a span{color:#f37111;text-decoration:underline}

.infoBox.visualStarshop{text-align:left;background:#eef1f2 url(https://img1.kbcard.com/cxh/ia_img/BN/img_intro_benefit1_1.png) no-repeat 20px 50%;background-size:70px 60px;padding:27px 20px 27px 100px;margin:16px} /*margin:16px https://tm.kbcard.com/BON/DVIEW/MBEMCXHIABNC0093*/
.infoBox.visualStarshop>strong{color:#7f6ee3;font-size:18px;line-height:22px}
.infoBox.visualStarshop>p{color:var(--gray090);font-size:15px;margin-top:10px}

/* 스타샵 */
.starshopList.tabCont{margin-top:20px}
.starshopList.tabCont .infoBox{margin-top:-20px}
.starshopList.tabCont+.tabCont{border-top:0}
.starshopList .fncArea+.listType{border-top:2px solid #111}
.starshopList .listType>ul{padding-top:20px}
.starshopList div.listType.type2>ul{padding-top:0}
.starshopList .listType>ul>li{margin-top:10px}
.starshopList .listType>ul>li:first-child{margin-top:0}
.starshopList .depTit2+.listType>ul>li:first-child{margin-top:0} 
.starshopList .listType>ul>li>a{display:table;width:100%;table-layout:fixed;background:var(--gray000);box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,0.18);padding:17px 20px;letter-spacing:-0.5px;min-height:120px}
.starshopList .listType>ul>li>a>.txt{display:table-cell;vertical-align:middle;padding-right:10px}
.starshopList .listType>ul>li>a>.txt>.tit{display:inline}
.starshopList .listType>ul>li>a>.txt>*{display:block}
.starshopList .listType>ul>li>a>.txt>.etc{margin-bottom:7px}
.starshopList .listType>ul>li>a>.txt>.etc:after{content:'';display:block;clear:both}
.starshopList .listType>ul>li>a>.txt .distance{float:left;font-size:13px;line-height:21px;color:var(--gray090);background:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-map.svg) no-repeat -3px 50%;padding-left:12px}
.starshopList .listType>ul>li>a>.txt .category{float:left;overflow:hidden;font-size:13px;color:var(--gray060);text-overflow:ellipsis;line-height:21px;white-space:nowrap}
.starshopList .listType>ul>li>a>.txt .category:before{content:'';display:inline-block;height:8px;border-left:1px solid #e0e0e0;margin:0 7px}
.starshopList .listType>ul>li>a>.txt .tit{font-size:1.000rem;color:var(--gray090);line-height:22px;word-break:break-all;}/* overflow:hidden;text-overflow:ellipsis;white-space:nowrap */
.starshopList .listType>ul>li>a>.txt .addr, .starshopList .listType>ul>li>a>.txt .date{font-size:13px;color:var(--gray060);overflow:hidden;text-overflow:ellipsis;line-height:18px;white-space:nowrap}
.starshopList .listType>ul>li>a>.txt>.benefit{margin-top:6px}
.starshopList .listType>ul>li>a>.txt>.benefit>span{font-size:11px;line-height:15px}
.starshopList .listType>ul>li>a>.txt>.benefit>span:before{content:'';display:inline-block;height:8px;border-left:1px solid #e0e0e0;margin:0 5px 0 3px}
.starshopList .listType>ul>li>a>.txt>.benefit>span:first-child:before{display:none}
.starshopList .listType>ul>li>a>.thum{display:table-cell;position:relative;width:80px;vertical-align:top;padding-left:7px}
.starshopList .listType>ul>li>a>.thum img{width:80px;height:80px;vertical-align:middle;border-radius:50%}
.starshopList .listType.popmap>ul>li>a{position:relative}
.starshopList .listType.popmap>ul>li>a>.txt .distance{position:absolute;right:14px;top:15px}
.starshopList .listType.popmap>ul>li>a>.txt .category{display:block;float:none;width:85%;white-space:normal}
.starshopList .listType.popmap>ul>li>a>.txt .category:before{display:none}
.starshopList .listType.popmap>ul>li>a>.txt .tit, .starshopList .listType.popmap>ul>li>a>.txt .addr{white-space:normal}
.starshopList .listType.listFestival>ul>li>a>.txt .category{width:auto;white-space:normal;color:#7f6ee3}
.starshopList .listType.listFestival>ul>li>a>.txt .category:before{display:none}
.starshopList .listType.listFestival>ul>li>a>.txt .tit{white-space:normal}
.starshopList .listType.listFestival>ul>li>a>.txt .festivalAddr{float:left;font-size:11px;color:#888;margin-left:7px}

.starshopList .btnArea{margin-top:20px;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,0.18)}
.starshopList .btnArea>a{display:block;position:relative;background:var(--gray000) url(https://img1.kbcard.com/cxh/ia_img/BN/bg_festival.png) no-repeat right 0;background-size:133px 60px;padding:14px 0 14px 20px}
.starshopList .btnArea>a>*{display:block}
.starshopList .btnArea>a>span{color:#7f6ee3;font-size:13px}
.starshopList .btnArea>a>em{color:#000;font-size:14px}
.starshopList .btnArea>a:after{content:'';display:inline-block;position:absolute;right:15px;top:50%;margin-top:-7px;width:8px;height:13px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24.png) no-repeat right 50%;background-size:8px 13px}
.starshopList .fncArea .fncView{display:table-cell;width:115px;vertical-align:middle}
.starshopList .fncArea .fncView:after{content:'';display:block;clear:both}
.starshopList .fncArea .fncView .btnPoint{display:block;float:left;margin-right:5px;width:38px;height:38px;background:url(https://img1.kbcard.com/cxh/ia_img/BN/btn_point.png) no-repeat 0 0;background-size:38px 38px}
.starshopList .fncArea .fncView .switchBtn{display:block;float:right;background:#7f6ee3;color:var(--gray000);width:70px;height:38px;line-height:38px;text-align:center;border-radius:19px}
.starshopList .fncArea .fncView .switchBtn+.switchBtn{display:none}
.starshopList .fncArea .fncView .switchBtn .list{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_list.png) no-repeat 0 50%;background-size:12px 9px;padding-left:18px}
.starshopList .fncArea .fncView .switchBtn .map{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_map.png) no-repeat 0 50%;background-size:11px 16px;padding-left:18px}
.starshopList .fncArea{padding-bottom:7px;margin-top:20px}
.starshopList .fncArea{display:table;width:100%;table-layout:fixed}
.starshopList .fncArea .srchRadius{display:table-cell;vertical-align:middle;padding-right:20px}
.starshopList .fncArea .srchRadius span{word-break:break-all}
.starshopList .fncArea .srchRadius>a{display:inline-block;position:relative;padding-right:15px;font-size:1.000rem;line-height:20px;color:var(--gray090);height:38px;line-height:38px}
.starshopList .fncArea .srchRadius>a:after{content:'';display:block;position:absolute;right:0;top:50%;margin-top:-3px;border:1px solid transparent;border-width:7px 5px;border-top-color:#999}
.starshopList .fncArea .srchRadius>a>em{margin-left:5px;color:#ff6c00}
.starshopView>.viewTop{text-align:center;background:#f9fafc;padding:27px 20px}
.starshopView>.viewTop>*{display:block}
.starshopView>.viewTop>.sort img{width:14px;height:14px;margin-right:5px}
.starshopView>.viewTop>.tit{font-size:24px;line-height:28px;font-weight:normal;letter-spacing:-1px;margin:4px 0 4px}
.starshopView>.viewTop>.benefit{margin-top:4px}
.starshopView>.viewTop>.benefit>span{font-size:13px;font-weight:100}
.starshopView>.viewTop>.benefit>span em{font-size:14px;margin-left:3px;font-weight:600}/*400*/
.starshopView>.viewTop>.benefit>span:before{content:'';display:inline-block;height:11px;border-left:1px solid #988aec;margin:0 10px 0 7px}
.starshopView>.viewTop>.benefit>span:first-child:before{display:none}
.starshopView>.viewTop>.pointRe{font-size:14px;line-height:1.43}
.starshopView .fncBtn{display:inline-block;margin:20px auto 0;min-height:0}
.starshopView .fncBtn:after{content:'';display:block;clear:both}
.starshopView .fncBtn>a{display:block;float:left;width:100px;background:var(--gray000);color:var(--gray090);border:1px solid rgba(0, 0, 0, .47);border-radius:16px;height:32px;line-height:32px;font-size:14px;min-height:inherit;padding:0;box-sizing:border-box;box-shadow:none}
.starshopView .fncBtn>a+a{margin-left:8px}
.starshopView .fncBtn>a span:before{content:'';display:inline-block;vertical-align:-2px;width:14px;height:14px;margin-right:7px}
.starshopView .fncBtn>a.btnTel span:before{background:url(https://img1.kbcard.com/cxh/ia_img/BN/btn_bn_tel.png) no-repeat 0 0;background-size:14px 14px}
.starshopView .fncBtn>a.btnShare{position:inherit;right:auto;bottom:auto}
.starshopView .fncBtn>a.btnShare span:before{background:url(https://img1.kbcard.com/cxh/ia_img/BN/btn_bn_share.png) no-repeat 0 0;background-size:14px 14px}
.starshopView>.viewCont{padding-top:30px}
.starshopView>.viewCont .btnCoupon a{display:block;text-align:center;background:#f4f4f4;color:var(--gray090);border:1px solid #ccc}
.starshopView>.viewCont .btnCoupon a span{background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_download.png) no-repeat right 50%;background-size:14px 13px;padding-right:23px}
.starshopView>.viewCont .btnCoupon+.shopInfor{margin-top:30px}
.starshopView>.viewCont .shopInfor>li{display:table;width:100%;layout:fixed;margin-top:8px}
.starshopView>.viewCont .shopInfor>li:first-child{margin-top:0}
.starshopView>.viewCont .shopInfor>li>*{display:table-cell}
.starshopView>.viewCont .shopInfor>li>strong{font-weight:normal;width:95px;color:var(--gray070)}
.starshopView>.viewCont .mapArea{margin:20px -15px 0}
.mapArea.mb_20{line-height:0}
.mapArea .inner{position:relative}
.mapArea .inner .btnMap{display:block;position:absolute;right:16px;bottom:16px;z-index:100;width:38px;height:38px;background:url(https://img1.kbcard.com/cxh/ia_img/BN/btn_map_vew.png) no-repeat 0 0;background-size:38px 38px}
.mapArea .inner .btnPoint{position:absolute;right:20px;top:20px}
.mapArea .inner .listType{position:absolute;left:15px;right:15px;bottom:20px}
.starshopView>.viewCont .shopTxt{color:var(--gray090);margin-top:30px}
.starshopView>.viewCont .shopImg{margin:20px -16px 0 -16px;padding:0 16px}
.starshopView>.viewCont .shopImg ul:after{content:'';display:block;clear:both}
.starshopView>.viewCont .shopImg ul li{float:left;width:auto;margin-left:8px}
.starshopView>.viewCont .shopImg ul li:first-child{margin-left:0}
.starshopView>.viewCont .shopImg ul li img{width:84px;height:72px}
.starshopView>.viewCont .shopImg .cardBox{margin:0 -16px;padding:0 16px 0 16px}
.starshopView>.viewCont .toggleList{margin:30px -16px 0}
.starshopView>.viewCont .toggleList .depTit2{margin-top:0}
.starshopView>.viewCont .btnPortal{margin:20px 0 0 -4px}
.starshopView>.viewCont .btnPortal:after{content:'';display:block;clear:both}
.starshopView>.viewCont .btnPortal li{float:left;width:33.4%}
.starshopView>.viewCont .btnPortal li+li{width:33.3%}
.starshopView>.viewCont .btnPortal li>a{display:block;background:var(--gray000);text-align:center;border:1px solid #ccc;height:35px;line-height:35px;margin-left:4px}
.starshopView>.viewCont .btnPortal li>a img{width:58px;height:18px;vertical-align:middle}
.starshopView>.viewCont .recommCont{text-align:center;padding:40px 16px;margin:0 -16px}
.starshopView>.viewCont .recommCont>h3{font-size:18px;line-height:22px;color:var(--gray090);font-weight:bold}
.starshopView>.viewCont .recommCont>ul{margin-top:20px}
.starshopView>.viewCont .recommCont>ul:after{content:'';display:block;clear:both}
.starshopView>.viewCont .recommCont>ul>li{float:left;width:33%}
.starshopView>.viewCont .recommCont>ul>li+li{width:34%}
.starshopView>.viewCont .recommCont>ul>li+li+li{width:33%}
.starshopView>.viewCont .recommCont>ul>li>a{display:block;position:relative}
.starshopView>.viewCont .recommCont>ul>li>a>img{width:60px;height:60px;line-height:0;border-radius:50%}
.starshopView>.viewCont .recommCont>ul>li>a>span{display:block;font-size:13px;color:var(--gray090);margin-top:5px;word-break:break-word}
.starshopView>.viewCont .recommCont>ul>li>a>span:after{content:'';display:inline-block;width:7px;height:12px;margin-left:4px;vertical-align:-2px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr21.png) no-repeat 0 50%;background-size:7px 12px}
.starshopView>.viewCont .inforModify{background:#f4f4f4;padding:35px 20px;margin:0 -15px -20px}
.starshopView>.viewCont .inforModify>a{display:block;position:relative}
.starshopView>.viewCont .inforModify>a:after{content:'';display:block;position:absolute;right:0;top:50%;margin-top:-7px;width:8px;height:13px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24.png);background-size:8px 13px}
.starshopView>.viewCont .inforModify>a>strong{display:block;margin-bottom:5px;font-size:1.000rem;line-height:20px;color:var(--gray090)}
.starshopView .tabDep2 li.on{border:0}
.starshopView .tabDep2 li.on a{background:#7f6ee3;color:#ffd012}
.starshopView>.viewCont .btnFestival{overflow:hidden;margin:0 -2px}
.starshopView>.viewCont .btnFestival>span{display:block;float:left;width:33.3%;padding:0 2px;box-sizing:border-box}
.starshopView>.viewCont .btnFestival>span>a{position:relative;text-align:center;background:#f4f4f4;color:var(--gray090);border:1px solid #ccc;letter-spacing:-1px;text-align:left;padding-left:15px}
.starshopView>.viewCont .btnFestival>span>a:after{content:'';display:inline-block;position:absolute;right:8px;top:50%;margin-top:-7px;width:8px;height:13px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24.png) no-repeat 0 0;background-size:8px 13px}
.starshopView>.viewCont .btnFestival>span>a.btnCoupon:after{width:14px;height:13px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_download.png) no-repeat 0 0;background-size:14px 13px}
.starshopView>.viewCont .festivalCont{margin:30px 0 0}
.starshopView>.viewCont .festivalCont .img{margin-bottom:20px}
.starshopView>.viewCont .festivalCont .img img{width:100%}
.starshopView>.viewCont .festivalCont+.shopInfor{border-top:1px solid #ccc;padding-top:30px;margin-top:20px}

.layerSelect{position:relative}
.layerSelect .selType1{border:0;border-bottom:1px solid #ccc}
.layerSelect .selType1.type2>a{padding-left:20px}
.starshopList .mapType{position:relative;overflow:hidden;margin:0 -15px -20px;line-height:0}
.starshopList .mapType img{width:100%}
.starshopList .mapType .listType{position:absolute;left:15px;right:15px;bottom:20px;z-index:100}
.starshopList .mapType .listType>ul{padding-top:0}
.starshopList .mapType .btnCheck{position:absolute;top:15px;right:15px}
.starshopList .mapType .btnCheck img{width:39px}

.starshopList .mapType .listType.layerType>ul>li{position:relative}
.starshopList .mapType .listType.layerType>ul>li>a>.thum{padding-top:16px}
.starshopList .mapType .listType.layerType>ul>li .btnClose{position:absolute;right:5px;top:3px;width:34px;height:34px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_close_24_000.png') no-repeat 50% 50%;background-size:24px auto;color:transparent}

.layerWrap.photoWrap .shopImg{margin-top:0;border-radius:8px}
.layerWrap.photoWrap .shopImg ul{margin-bottom:-5px}
.layerWrap.photoWrap .shopImg ul li{margin-left:0}
.layerWrap.photoWrap .shopImg ul li img{width:100%;line-height:0;vertical-align:top}
.layerWrap.photoWrap .swiperCon .paging{position:sticky;left:0;bottom:0;width:100%;height:25px;margin:0;background:rgba(0,0,0,.7)}
.layerWrap.photoWrap .swiperCon .paging span{border-color:var(--g0-to-g9);margin-top:9px}
.layerWrap.photoWrap .swiperCon .paging span.on{background:var(--g0-to-g9)}

.changeBox{padding:27px 0;text-align:center;background:#f4f4f4}
.changeBox>span{color:var(--gray090)}
.changeBox>strong{display:block;font-weight:normal;font-size:24px;line-height:28px;color:#7f6ee3;margin-top:5px}

.benefitFilter{padding:0}
.benefitFilter>.inner{position:relative;padding:16px 20px}
.benefitFilter>.inner>h2, .benefitFilter>.inner>h3{font-size:18px;line-height:22px;font-weight:bold;display:inline-block}
.benefitFilter .btnFilter{right:48px;color:var(--gray000)}
.benefitFilter .btnFilter:after {left:auto;right:0}
.benefitFilter .btnFilter2{right:20px}
.benefitFilter .btnFilter>span:after{background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_filter_w.png) no-repeat 0 0;background-size:24px}
.benefitFilter .btnSrch,.benefitFilter .srchLayer>input[type="button"]{display:block;position:absolute;right:0;top:4px;width:48px;height:48px;background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-search.svg) no-repeat center 50%;background-size:24px}
.benefitFilter .srchLayer{display:none;position:absolute;left:0;top:0;width:100%;background:#5848bc;padding:0 60px 0 20px;box-sizing:border-box}
.benefitFilter .srchLayer>input[type="text"]{background:none;border:0;color:var(--gray000);height:auto;line-height:normal;padding:21px 0 20px}
.benefitFilter .srchLayer>input[type="text"]::-webkit-input-placeholder{color:rgba(255,255,255,.8)}
.benefitFilter .srchLayer .btnSrch{position:absolute;right:10px !important;top:50% !important;margin-top:-20px;width:40px !important;height:40px !important;border-left:0 !important}
.benefitFilter .kwdDel{overflow:hidden;position:absolute;right:50px;top:50%;margin-top:-15px;width:31px;height:30px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_del.png) no-repeat 50% 50%;background-size:21px 21px;text-indent:-9999rem}

/* 스타샵 */
.areaSearch .defalutSelect{position:relative}
.areaSearch .defalutSelect label{display:block;position:relative;background:#6b7079;text-align:center;height:60px;line-height:60px;font-size:18px;color:var(--gray000)}
.areaSearch .defalutSelect label:before{content:'';display:block;position:absolute;right:20px;top:50%;margin-top:-3px;border:1px solid transparent;border-width:7px 5px;border-top-color:var(--gray000)}
.areaSearch .defalutSelect select{width:100%;position:absolute;left:0;top:0;height:100%;opacity:0;filter:alpha(opacity=0)}
#subwaySel, #areaSel{margin-right:4px}
.areaSearch .lowDepth{border:1px solid #ccc;border-top:0;border-bottom:0;box-sizing:border-box}
.areaSearch .lowDepth .inner{/*display:table;width:100%*/overflow:hidden}
.areaSearch .lowDepth .inner.col2>div{/*display:table-cell;*/float:left;width:50%;background:#f4f4f4}
.areaSearch .lowDepth .inner.col2 ul{height:200px;overflow-y:auto;margin-bottom:-1px}
.areaSearch .lowDepth .inner.col2 ul>li{width:100% !important}
.areaSearch .lowDepth .inner.col2 ul>li>a{display:block;position:relative;background:#f4f4f4;border-bottom:1px solid #ccc;box-sizing:border-box;padding:12px 0 12px 20px;color:var(--gray090)}
.areaSearch .lowDepth .inner.col2 ul>li.on>a{border:2px solid #ffd012;background:var(--gray000);font-weight:bold;padding:11px 0 10px 20px}
.areaSearch .lowDepth .inner.col2 .depth2>li>a:after{content:'';display:inline-block;position:absolute;right:20px;top:50%;margin-top:-4px;width:5px;height:8px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr15_b.png) no-repeat 0 0;background-size:5px 8px}
.areaSearch .lowDepth .inner.col2 .depth3{border-left:1px solid #ccc}
.areaSearch .lowDepth .inner.col2 .depth3>li>a{background:var(--gray000)}
.areaSearch .lowDepth .inner.col2 .depth3>li.on>a{background:#ffd012}

.searchRadius{text-align:center}

/* 혜택조회 */
.pointMileage{background:#5041ae;color:var(--gray000);padding:28px 15px 30px}
.pointMileage>.mixMoney{display:table;width:100%;box-sizing:border-box}
.pointMileage>.mixMoney>strong{display:table-cell;font-size:22px;line-height:26px}
.pointMileage>.mixMoney>strong .qInfoBtn{margin:1px 0 0 3px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_info_24_fff.png') no-repeat 0 0;background-size:24px;opacity:1}
.pointMileage>.mixMoney>span{display:table-cell;text-align:right}
.pointMileage>.mixMoney>span>em{font-size:24px;line-height:28px;margin-right:10px}
.pointMileage>.mixMoney+.pmList{border-top:1px solid #988aec;margin-top:20px}
.pointMileage>.pmList li{display:table;width:100%;table-layout:fixed;margin-top:10px}
.pointMileage>.pmList li:first-child{margin-top:15px}
.pointMileage>.pmList li>*{display:table-cell;vertical-align:middle}
.pointMileage>.pmList li>span{text-align:right;font-size:17px;line-height:21px}
.pointMileage>.pmList li>span span{display:inline-block;margin-left:3px;font-size:14px}
.pointMileage .btnBox{margin-top:20px}
.pointMileage .btnBox>a{display:inline-block;color:var(--gray000);height:35px;line-height:35px;border-radius:35px;letter-spacing:-1px;border:1px solid var(--gray000);padding:0 15px;font-size:14px}
.pointMileage .btnBox>a+a{margin-left:5px}

.benefitSearch .list{box-sizing:border-box;padding:0 0 20px}
.benefitSearch .list>.tit{display:block;text-align:center;font-size:1.000rem;line-height:22px;color:#7f6ee3}
.benefitSearch .list>.info{overflow:hidden;margin-top:10px}
.benefitSearch .list>.info>*{font-size:13px;line-height:18px;color:#888;text-align:right}
.benefitSearch .list>.info .lastChange{float:right}
.benefitSearch .list>.info .searchPeriod{float:left}
.benefitSearch .list .noData{padding-bottom:40px !important}
@media screen and (max-width:359px){
    .benefitSearch .list>.info>*{display:block}
    .benefitSearch .list>.info .lastChange, .benefitSearch .list>.info .searchPeriod{float:none}
}
.benefitSearch .list>ul{margin-top:10px;border-top:2px solid var(--gray090)}
.benefitSearch .list>ul>li{display:table;width:100%;table-layout:fixed;box-sizing:border-box;border-bottom:1px solid #e5e5e5;padding:16px 9px}
.benefitSearch .list>ul>li>*{display:table-cell;vertical-align:middle;letter-spacing:-0.5px}
.benefitSearch .list>ul>li>.leftArea{width:65%}
.benefitSearch .list>ul>li>.leftArea strong{font-size:15px;font-weight:normal;color:var(--gray090)}
.benefitSearch .list>ul>li>.leftArea .date{display:block;font-size:13px;line-height:16px;color:#888;margin-top:5px}
.benefitSearch .list>ul>li>.rightArea{text-align:right}
.benefitSearch .list>ul>li>.rightArea strong{font-size:1.000rem;line-height:20px;color:var(--gray090)}
.benefitSearch .list>ul>li>.rightArea strong em{font-weight:normal;font-size:14px;line-height:17px;vertical-align:1px}

.starshopHistory .historyList{border-top:2px solid var(--gray090);margin-top:20px}
.starshopHistory .historyList>li{padding:15px 0;border-bottom:1px solid #ccc;border-top:0}
.starshopHistory .historyList>li.noData{border-bottom:0}

.extinctionList{border-top:2px solid #111;margin-top:10px}
.extinctionList>li{display:table;width:100%;padding:17px 0;border-bottom:1px solid #ccc}
.extinctionList>li>*{display:table-cell;color:var(--gray090)}
.extinctionList>li>.date{width:70px}
.extinctionList>li>.tit{font-weight:normal;word-break:normal}
.extinctionList>li>.txt{width:110px;text-align:right;font-size:13px;line-height:16px}
.extinctionList>li>.txt em{font-size:1.000rem;line-height:20px}
.extinctionList>li>.txt span{display:inline-block;width:28px}

.extinctionSearch .inner{display:table;width:100%}
.extinctionSearch .inner>span.selType1{display:table-cell;width:50%;float:left;margin:0}
.extinctionSearch .inner>span.selType1>a{overflow:hidden;text-overflow:ellipsis;line-height:50px;white-space:nowrap;width:80%;word-break:normal;max-width:130px;padding-right:0}
.extinctionSearch .inner>span+span{border-left:#999}

.nobleList{border-top:2px solid #111}
.nobleList>li{position:relative;display:table;width:100%;box-sizing:border-box;padding:0 20px 0 95px;height:105px;border-bottom:1px solid #ccc}
.nobleList>li:before{content:'';display:block;position:absolute;left:12px;top:20px;width:65px;height:65px;background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_noble1.png) no-repeat 0 0;background-size:65px 65px}
.nobleList>li+li:before{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_noble2.png) no-repeat 0 0;background-size:65px 65px}
.nobleList>li+li+li:before{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_noble3.png) no-repeat 0 0;background-size:65px 65px}
.nobleList>li+li+li+li:before{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_noble4.png) no-repeat 0 0;background-size:65px 65px}
.nobleList>li>div{display:table-cell;vertical-align:middle}
.nobleList>li>div>strong{display:block;font-size:1.000rem;line-height:20px;color:#7f6ee3}
.nobleList>li>div>p{color:var(--gray090);margin-top:10px}

.bLine{border-top:2px solid var(--gray090);padding-top:10px}

.nobelTbl>ul>li{border-top:1px solid #ccc}
.nobelTbl>ul>li:first-child{border-color:var(--gray090)}
.nobelTbl>ul>li>.tit{display:block;background:#f4f4f4;font-weight:bold;font-size:15px;color:var(--gray090);padding:14px 0;text-align:center}
.nobelTbl>ul>li>ul{display:table;width:100%;margin:10px 0}
.nobelTbl>ul>li>ul>li{display:table-cell;width:25%;box-sizing:border-box;color:#ccc;text-align:center;font-size:13px;letter-spacing:-1px;border-left:1px solid #ccc}
.nobelTbl>ul>li>ul>li:first-child{border-left:0}
.nobelTbl>ul>li>ul>li>div strong{display:block;margin-bottom:10px}
.nobelTbl>ul>li>ul>li.on{color:var(--gray090)}
.nobelTbl>ul>li>ul>li.on strong{color:#7f6ee3}

.useRecord{padding-top:30px}
.useRecord>.recordGraph>li{margin-top:15px}
.useRecord>.recordGraph>li:first-child{margin-top:0}
.useRecord>.recordGraph>li>strong{display:block;font-size:13px;margin-bottom:5px;font-weight:normal}
.useRecord>.recordGraph>li>.inner{position:relative}
.useRecord>.recordGraph>li>.inner .dBar{position:relative;width:100%;height:5px;background:#ddd}
.useRecord>.recordGraph>li>.inner .dBar .uBar{display:block;position:absolute;left:0;bottom:0;height:8px;background:var(--yellow040)}
.useRecord>.recordGraph>li>.inner .dBar .uBar.type2{background:#7f6ee3}
.useRecord>.recordGraph>li>.sectionTxt{overflow:hidden;display:table;width:100%}
.useRecord>.recordGraph>li>.sectionTxt li{display:table-cell;width:auto;font-size:13px;color:#888;padding-top:5px;box-sizing:border-box;text-align:center}
.useRecord>.recordList{border-top:1px solid #e5e5e5;margin-top:20px}
.useRecord>.recordList>li{display:table;width:100%;box-sizing:border-box;margin-top:10px}
.useRecord>.recordList>li:first-child{margin-top:15px}
.useRecord>.recordList>li>*{display:table-cell}
.useRecord>.recordList>li>strong{font-weight:normal;color:#888}
.useRecord>.recordList>li>span{color:var(--gray090);text-align:right}
.useRecord>.recordList>li>span em{font-weight:bold;color:var(--gray090)}
.useRecord>.recordAdvice{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_record_advice.png) no-repeat 20px 50%;background-size:40px 40px;padding:20px 10px 20px 70px;border:1px solid #ccc;font-size:1.000rem;line-height:20px;color:var(--gray090);margin-top:30px}

.saleMax{position:relative}
.saleMax h3.depTit2+.unit{position:absolute;right:0;top:28px;font-size:13px;color:var(--gray090)}

.salemaxTab{display:table;width:100%;table-layout:fixed;border:1px solid #ccc}
.salemaxTab>li{display:table-cell;text-align:center;border-left:1px solid #ccc;box-sizing:border-box;height:35px;line-height:35px;font-weight:bold}
.salemaxTab>li:first-child{border-left:0}
.salemaxTab>li>a{display:block}
.salemaxTab>li.on>a{background:var(--yellow040)}

.salemaxCont>.tit{display:block;padding:25px 0 15px;color:#000;font-size:23px;line-height:27px;font-weight:normal}
.salemaxCont+.salemaxCont{border-top:0 !important;padding-bottom:0}
.salemaxCont .tbsType1 tbody th, .salemaxCont .tbsType1 tbody td{padding:15px 10px}
.salemaxCont .tbsType1 tbody .listType1{margin-top:5px}
.salemaxCont .tbsType1 tbody .listType1 li{margin-top:3px}

.vipList{counter-reset:num 0;margin-bottom:-15px}
.vipList>li{position:relative;border:1px solid #ccc}
.vipList>li+li{margin-top:10px}
.vipList>li:before{counter-increment:num;content:counter(num);position:absolute;left:20px;top:50%;margin-top:-15px;line-height:29px;font-size:25px;color:#7f6ee3}
.vipList>li>a, .vipList>li>div{display:block;box-sizing:border-box;padding:20px 0 20px 45px}
.vipList>li>a:after{content:'';display:inline-block;position:absolute;right:20px;top:50%;margin-top:-7px;width:8px;height:13px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24.png);background-size:8px 13px}
.vipList>li>a>*, .vipList>li>div>*{display:block}
.vipList>li>a>strong, .vipList>li>div>strong{font-weight:normal;color:var(--gray090)}
.vipList>li>a>span, .vipList>li>div>span{font-size:13px;line-height:16px;color:#888}
.vipList>li>a .listType2 li{margin-top:0}

.adviceCard{margin:0 -20px}
.adviceCard>li{border-top:1px solid #ccc;padding:30px 0}
.adviceCard>li:first-child{border-top:0;padding-top:20px}
.adviceCard .cardInfo{padding:0 20px;box-sizing:border-box}
.adviceCard .cardInfo .infoTxt{vertical-align:top}
.adviceCard .cardInfo .infoTxt strong{font-weight:normal}

.noCard{background:#f2f3f4;padding:30px 0;text-align:center}
.noCard>p{display:inline-block;color:var(--gray090);text-align:left;background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_nocard.png) no-repeat 0 0;background-size:50px 50px;padding-left:60px;min-height:50px;font-size:1.000rem}

.cardtypeBenefit{margin-bottom:30px}
.cardtypeBenefit>.cont{display:table;width:100%;table-layout:fixed}
.cardtypeBenefit>.cont>*{display:table-cell;vertical-align:top}
.cardtypeBenefit>.cont>.img{width:130px;line-height:0}
.cardtypeBenefit>.cont>.img img{width:100%}
.cardtypeBenefit>.cont>.fncArea{padding-left:20px}
.cardtypeBenefit>.cont>.fncArea>.selArea>.selType1.type2{border:0;border-bottom:1px solid var(--gray090)}
.cardtypeBenefit>.cont>.fncArea>.selArea>.selType1.type2>a{height:30px;line-height:30px;width:100%}
.cardtypeBenefit>.cont>.fncArea .formWrap+.formWrap{margin-left:9px}
.cardtypeBenefit>.cont>.fncArea .btnS{display:block;text-align:center;width:100%;margin-top:12px;box-sizing:border-box}

/* 플러스020 */
.plusMain .contArea{padding:0 10px}
.plusMain .plusList{margin:30px 0 0 0}
.plusMain .plusList:after{content:"";display:block;height:0;clear:both}
.plusMain .plusList li{display:block;float:left;width:25%;margin:0}
.plusMain .plusList li a{display:block;padding:0;box-shadow:none;text-align:center}
.plusMain .plusList li a .thum{display:inline-block;width:100%}
.plusMain .plusList li a .thum img{width:50px;height:50px}
.plusMain .plusList li a .txtArea{display:block;padding:0}
.plusMain .plusList li a .txtArea .tit{font-size:14px;line-height:16px;word-break:normal}
.plusMain .plusList li a .txtArea .category{margin-top:0}
.plusMain .tabCont{padding-bottom:0;margin-bottom:-10px;border-top:0 !important}

.plusBanner{overflow:hidden}
.plusBanner>li{float:left}
.plusBanner>li>a{display:block;position:relative;color:var(--gray090);line-height:0}
.plusBanner>li>a .img img{width:100%}
.plusBanner>li>a .txt{text-align:center}
.plusBanner>li>a .txt>strong{display:block;position:absolute;left:0;top:35px;font-size:20px;line-height:24px;width:100%}
.plusBanner>li>a .txt>span{display:block;position:absolute;left:0;top:65px;font-size:13px;line-height:16px;width:100%}
.plusBanner + .paging{position:absolute;left:0;bottom:0;width:100%;padding-bottom:15px}

.plusList{margin:20px 0 -15px}
.plusList>li{margin-top:7px}
.plusList>li>a{display:table;position:relative;width:100%;table-layout:fixed;background:var(--gray000);box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,0.18);padding:17px 20px;letter-spacing:-0.5px;min-height:120px}
.plusList>li>a>.txtArea{display:table-cell;vertical-align:top;padding-right:10px}
.plusList>li>a>.txtArea>*{display:block}
.plusList>li>a>.txtArea .ico_favorite{position:absolute;left:4px;top:4px;width:15px;height:18px;background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_favorite.png) no-repeat 0 0;background-size:15px 18px}
.plusList>li>a>.txtArea .category{font-size:13px;line-height:16px;color:#888;margin-top:5px}
.plusList>li>a>.txtArea .tit{font-size:1.000rem;line-height:20px;color:var(--gray090);margin-top:5px}
.plusList>li>a>.txtArea .txt{font-size:13px;line-height:16px;color:#888;margin-top:5px}
.plusList>li>a>.thum{display:table-cell;vertical-align:top;width:80px}
.plusList>li>a>.thum img{width:80px;height:80px}

.plusView .titleArea{background:#22b2b2;padding:27px 15px;text-align:center}
.plusView .titleArea>.thum{display:block}
.plusView .titleArea>.thum img{width:65px;height:65px}
.plusView .titleArea>.tit{display:block;margin:15px 0 5px;color:var(--gray000);font-size:18px;line-height:22px}
.plusView .titleArea>.txt{color:var(--gray000)}
.plusView .plusviewList{margin:15px 15px 0;background:var(--gray000);box-shadow:-1px 3px 1px #e9e9e9}
.plusView .plusviewList>dt{position:relative;font-size:20px;line-height:26px;font-weight:bold;color:var(--gray090);padding:20px 10px 15px 15px;margin-right:15px;overflow:hidden;background:var(--gray000)}
.plusView .plusviewList>dt>span{padding-right:10px}
.plusView .plusviewList>dt:before{content:'';display:inline-block;width:20px;height:20px;margin-right:3px;vertical-align:-2px}
.plusView .plusviewList>dt:after{content:'';display:inline-block;position:absolute;top:32px;border-top:1px solid #ccc;width:100%;height:1px}
.plusView .plusviewList.type1>dt:before{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_pluso2o_1.png) no-repeat 0 0;background-size:20px 20px}
.plusView .plusviewList.type2>dt:before{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_pluso2o_2.png) no-repeat 0 0;background-size:20px 20px}
.plusView .plusviewList.type3>dt:before{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_pluso2o_3.png) no-repeat 0 0;background-size:20px 20px}
.plusView .plusviewList.type4>dt:before{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_pluso2o_4.png) no-repeat 0 0;background-size:20px 20px}
.plusView .plusviewList.type5>dt:before{display:none}
.plusView .plusviewList>dd{color:#4c4c4c;padding:0px 15px 20px;overflow:hidden}
.plusView .plusviewList>dd ol li{position:relative;background:url(https://img1.kbcard.com/cxh/ia_img/BN/bl_circle.png) no-repeat 0 4px;background-size:10px 10px;padding:0 0 30px 20px}
.plusView .plusviewList>dd ol li:before{content:'';display:block;position:absolute;left:4px;top:14px;width:1px;height:100%;border-left:1px dashed #ccc}
.plusView .plusviewList>dd ol li:last-child{padding-bottom:0}
.plusView .plusviewList>dd ol li:last-child:before{display:none}
.plusView .plusviewList>dd ol li.nLine:before{display:none}
.plusView .plusviewList>dd ol li strong{display:block;color:var(--gray090);margin-bottom:10px}
.plusView .plusviewList>dd .stepTit{display:block;font-size:18px;line-height:24px;color:var(--gray090);margin-bottom:10px}
.plusView .plusviewList>dd .img{text-align:center}
.plusView .plusviewList>dd .img img{width:100%}
.plusView .plusviewList>dd ol+.stepTit{margin-top:40px}
.plusView .plusviewList>dd.shopInfor ul li{display:table;width:100%;table-layout:fixed;margin-top:5px}
.plusView .plusviewList>dd.shopInfor ul li:first-child{margin-top:0}
.plusView .plusviewList>dd.shopInfor ul li>*{display:table-cell;vertical-align:top;font-size:13px;color:var(--gray090)}
.plusView .plusviewList>dd.shopInfor ul li>em{width:130px}
.plusView .plusviewList>dd.shopInfor ul li>em:before{content:'';display:inline-block;width:2px;height:2px;background:var(--gray090);vertical-align:middle;margin-right:5px}
.plusView .plusviewList>dd.shopInfor ul+.notiTxt{border-top:1px solid #e9e9e9;padding-top:20px;margin-top:20px}
.plusView .plusviewList>dd.shopInfor .notiTxt{font-size:13px;color:var(--gray090)}

/* 카드 신청 */
.cardInfor{text-align:center;padding-top:25px;letter-spacing:-.2px}
.cardInfor .imgArea img{width:130px;height:82px;vertical-align:top}
.cardInfor .txtArea{padding:0 20px}
.cardInfor .txtArea .cardTit{display:block;font-size:18px;color:var(--gray090);margin:15px 0 10px}
.cardInfor .txtArea .cardTxt{display:block;font-size:14px;color:var(--gray070);line-height:20px}
.cardInfor .radioSel+.txtInfo{margin-top:5px}
.cardInfor .trafficCard{text-align:left;padding:0 20px}
.cardInfor.type2{position:relative;padding:32px 16px 8px;text-align:left}
.cardInfor.type2:after{content:'';position:absolute;top:0;left:0;z-index:0;width:100%;height:176px;background-color:#eef1f2}
.cardInfor.type2 .imgArea img, .cardInfor.type3 .imgArea img{position:relative;z-index:1;width:120px;height:76px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 16px 16px rgba(0, 0, 0, .16);box-shadow:0 16px 16px rgba(0, 0, 0, .16)}
.cardInfor.type2 .txtArea{position:relative;z-index:1;margin-top:24px;padding:0;font-size:18px;line-height:24px}
.cardInfor.type2 .txtArea .cardTit{margin:8px 0 0;font-size:28px;line-height:34px;letter-spacing:.4}
.cardInfor.type2 .txtArea .cardTxt{margin-top:8px}
.cardInfor.type3{padding:32px 16px;background-color:#eef1f2;text-align:left}
.cardInfor.type3:after{display:none}
.cardInfor.type3 .imgArea{margin-right:16px}

.cardApplication{padding:0 15px}
.cardApplication .contArea{margin:0 -15px}
.cardApplication .contArea+.contArea{border-top:1px solid #ccc;margin-top:30px}
.idCard_img{overflow:hidden;border:1px solid rgba(0, 0, 0, .16);border-radius:8px;text-align:center;line-height:0;margin-bottom:16px}
.idCard_img img{width:100%}

.btn_familyPlus{text-align:center}
.btn_familyPlus>button{display:block;width:100%;background:#eee;font-size:14px;color:var(--gray090);padding:15px 0}
.btn_familyPlus>button:after{content:'';display:inline-block;vertical-align:-1px;width:11px;height:11px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_plus.png) no-repeat center center;background-size:11px 11px;margin-left:10px}

.familyMember{position:relative}
.familyMember .btnDel{position:absolute;right:0;top:0;background:#767875;color:var(--gray000);font-size:14px;padding:0 12px;height:25px;line-height:25px}

.convertibleArea .imgConvertible{width:60px;height:35px}
.convertibleArea .radioSel .formWrap{height:50px}
.convertibleArea .radioSel .formWrap label{padding:0;height:46px}
.convertibleArea .radioSel .formWrap.checked label{padding:0}

.paymentArea .selType1+.inpTxt1{margin-top:-1px}

.notiService .inforCheck{border-bottom:0;border-top:0;margin:0}
.notiService .using{display:inline-block;color:#ff6c00;margin-right:5px}

.maxInput{padding:10px 55px 10px 10px !important}
.moneyTxt{position:absolute;right:20px;top:15px;font-size:13px;color:#666}
.inpTxt1.checked .moneyTxt{right:19px;top:14px}
.inpTxt1.checked .maxInput{padding:10px 55px 10px 9px !important}
.inpTxt1.checked input{padding-bottom: 9px;}

.layerTbl table{border-top:1px solid #ccc}
.layerTbl table tbody td{text-align:center}
.layerTbl table tbody td .formWrap{position:relative}
.layerTbl table tbody td .formWrap input{position: absolute;left: 0;width: 100%;height: 100%;}
.layerTbl table tbody td .formWrap{display:block;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
.layerTbl table tbody td .formWrap label{position:static;height:auto;width:100%;padding:16px 0;color:var(--gray070)}
.layerTbl table tbody td .formWrap label:before{display:none}
.layerTbl table tbody td .formWrap.checked{border:1px solid var(--yellow040);margin:-1px 0 0 -1px}
.layerTbl table tbody td .formWrap.checked label{color:var(--gray090)}
.layerTbl table tbody td:first-child .formWrap.checked{margin:-1px 0 0 0}
.layerTbl table tbody td.blank{position:relative}
.layerTbl table tbody td.blank:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-bottom:1px solid #ccc;border-right:1px solid #ccc;box-sizing:border-box}
.layerTbl .tabBox{margin-top:-1px}


.alphaCont>p{font-size:1.000rem;color:var(--gray090);font-weight:bold}
.alphaCont>ol{counter-reset:num 0}
.alphaCont>ol>li{display:table;width:100%;position:relative;padding-left:40px;margin-top:15px;min-height:30px;box-sizing:border-box}
.alphaCont>ol>li>span{display:table-cell;vertical-align:middle}
.alphaCont>ol>li:before{counter-increment:num;content:counter(num);position:absolute;left:0;top:50%;margin-top:-15px;color:var(--gray090);background:#ffd012;border-radius:15px;width:30px;height:30px;line-height:30px;text-align:center;font-weight:bold}

.maxSrch .depTit2{margin:0 0 10px}
.maxSrch table+.depTit2{margin:30px 0 10px}
.maxSrch table{border-left:1px solid #ccc;border-top:1px solid #ccc}
.maxSrch table tbody td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:15px 0 15px 20px;color:var(--gray090)}
.maxSrch table tbody td+td{text-align:right;padding:15px 15px 15px 0}
.maxSrch table tbody td+td>em{font-size:20px;letter-spacing:-1px}

.selService>.inner{margin:-10px 0 0 -10px}
.selService>.inner:after{content:'';display:block;clear:both}
.selService>.inner>div{float:left;width:50%}
.selService>.inner>div>a, .selService>.inner>div>div{display:block;position:relative;margin:10px 0 0 10px;box-sizing:border-box;border:1px solid #ccc;padding:15px;height:180px;max-height:180px;background:#f8f9f9}
.selService>.inner>div>a.on{padding:14px;border:2px solid var(--yellow040);background:var(--gray000)}
.selService>.inner>div>a>strong, .selService>.inner>div>div>strong{display:block;position:relative;font-weight:normal;font-size:15px;line-height:18px;text-align:center}
.selService>.inner>div>a>strong .ico, .selService>.inner>div>div>strong .ico{display:block;margin-bottom:8px;text-align:center}
.selService>.inner>div>a>strong .ico img, .selService>.inner>div>div>strong .ico img{width:33px;height:33px;vertical-align:top;background:rgba(255,255,255,.9);border-radius:50%;}
.selService>.inner>div>a>span, .selService>.inner>div>div>span{display:block;margin-top:5px;font-size:13px;line-height:1.313rem;color:#666;text-align:center}
.selService>.inner>div>a>em, .selService>.inner>div>div>em{display:block;position:absolute;left:10px;top:8px;font-size:13px;line-height:1.375rem;font-weight:bold;text-align:center;letter-spacing:-1px}
.selService>.inner>div>a>em .type1{color:#ff6c00}
.selService>.inner>div>a>em .type2{color:#ffa800}
.selService>.inner>div>a>em .type3{color:#888}
.selService>.inner>div>a>em>span{display:block}
.selService>.inner>div.disabled>a{border:1px solid #e9e9e9}
.selService>.inner>div.disabled>a>*{color:#ccc}
.selService>.inner>div.disabled>a>strong .ico img{opacity:0.3}
.selService.starCard>.inner>div>a, .selService.starCard>.inner>div>div{padding-left:10px;padding-right:10px;height:180px;max-height:180px}

.selService.type2>.inner{display:flex;flex-wrap:wrap;align-content:space-between;}
.selService.type2>.inner>div>a, .selService>.inner>div>div{display:flex;align-items:center;flex-direction:column;justify-content:space-between;height:calc(100% - 8px);min-height:auto!important;margin:8px 0 0 8px;padding:24px 4px 16px;background:var(--gray000)}
.selService.type2>.inner>div>a>strong, .selService.type2>.inner>div>div>strong{font-size:1.000rem;line-height:1.500em}
.selService.type2>.inner>div>a>strong .ico, .selService.type2>.inner>div>div>strong .ico{margin-bottom:16px}
.selService.type2>.inner>div>a>strong .ico img, .selService.type2>.inner>div>div>strong .ico img{width:40px;height:40px}
.selService.type2>.inner>div>a>span, .selService.type2>.inner>div>div>span{font-size:14px;line-height:20px;letter-spacing:-.5px;}
.selService.type2>.inner>div>a.on{padding:23px 3px 15px}
.selService.type2.noCheck>.inner>div>a.on{padding:24px 4px 16px;border:1px solid #ccc}

.selService.type2.checkType>.inner>div>a:after{content:'';position:absolute;top:-6px;left:-6px;width:24px;height:24px;-webkit-border-radius:12px;border-radius:12px;background:#448aff url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_check_16_fff.png) no-repeat center;background-size:16px;-webkit-box-shadow:0 1px 3px rgba(67, 138, 255, .9);-webkit-transform:scale(0);transform:scale(0)}
.selService.type2.checkType>.inner>div>a.on:after{-webkit-transform:scale(1);transform:scale(1)}

.possibleCard .img{width:130px;padding:0 15px 0 0}

/* 고객센터 연결 */
.seenArs{background:var(--yellow040);text-align:center}
.seenArs>a{display:block;position:relative;height:60px;line-height:60px;font-size:1.000rem;color:var(--gray090)}
.seenArs>a:after{content:'';display:inline-block;position:absolute;right:20px;top:23px;width:8px;height:13px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arrow.png) no-repeat 0 0;background-size:8px 13px}

.csVisual{text-align:center;font-size:1.000rem;color:var(--gray090);background:#eef1f2 url(https://img1.kbcard.com/cxh/ia_img/CS/img_cs_visual_.png) no-repeat center 27px;background-size:70px 65px;padding-top:115px;padding-bottom:27px}
.csVisual>a{display:block;font-size:24px;margin-top:10px}

.cscenterCont>.cont1{display:table;width:100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:var(--gray090);position:relative}
.cscenterCont>.cont1:before{content:'';margin-left:-1px;border-left:1px solid #e9e9e9;position:absolute;left:50%;height:50%;top:35px}
.cscenterCont>.cont1:after{content:'';display:block;clear:both}
.cscenterCont>.cont1>div{display:table-cell;position:relative;width:50%;padding:30px 0 60px 15px;letter-spacing:-1px}

.cscenterCont>.cont1>div>a{display:block;position:absolute;left:15px;bottom:30px;font-size:20px;color:#f37111;margin-top:20px}
.cscenterCont>.cscenterList{padding:0 15px;border-bottom:1px solid #ccc}
.cscenterCont>.cscenterList>ul>li{border-bottom:1px solid #ccc}
.cscenterCont>.cscenterList>ul>li:last-child{border-bottom:0}
.cscenterCont>.cscenterList>ul>li>a{display:block;color:#666;padding:23px 0}
.cscenterCont>.cscenterList>ul>li>a span{color:var(--gray090)}
.cscenterCont>.cscenterList>ul>li>a:after{content:'';display:block;clear:both}
.cscenterCont>.listType2{padding:0 20px}
.cscenterCont>.listType2>li{font-size:13px;color:#888}

.faqTab li a{line-height:19px}

/*공인인증서관리 */
.admList{border:1px solid #ccc;margin-top:30px}
.admList>li{text-align:center;border-bottom:1px solid #ccc}
.admList>li:last-child{border-bottom:0}
.admList>li>a{display:block;font-size:1.000rem;padding:12px 0;box-sizing:border-box}
.admList>li>a:focus{border:2px solid #ffd012;margin:-1px;padding:11px 0}
.ios .admList>li>a{padding:14px 0 10px}
.ios .admList>li>a:focus{padding:13px 0 9px}

.bringWay{border-top:1px solid #e9e9e9;margin:0 -20px;counter-reset:num 0}
.bringWay>li{display:table;width:100%;position:relative;padding:0 50px;margin:20px 20px 0;color:var(--gray090);min-height:40px;box-sizing:border-box;vertical-align:middle}
.bringWay>li>span{display:table-cell;vertical-align:middle;padding-right:20px}
.bringWay>li:before{counter-increment:num;content:counter(num, decimal-leading-zero);display:block;position:absolute;left:0;top:0;width:38px;height:38px;border:1px solid #ffd012;border-radius:40px;line-height:38px;color:var(--gray090);font-weight:bold;text-align:center}


.depTit2+.grayBox2{border-top:1px solid #ccc}
.grayBox2{background:#f5f5f5;border-bottom:1px solid #ccc;padding:30px 20px;margin:0 -20px}

.certifyNumber dt{display:block;color:var(--gray090);font-size:1.000rem;font-weight:bold;margin-bottom:10px}
.certifyNumber dd{border:1px solid #ccc;background:var(--gray000);text-transform:uppercase;text-align:center;color:var(--gray090);height:50px;line-height:50px;box-sizing:border-box}
.certifyNumber dd>span:after{content:'';display:inline-block;border-top:1px solid #ccc;width:10px;height:1px;vertical-align:middle;margin:0 15px}
.certifyNumber dd>span:last-child:after{display:none}

.certificateList>ul>li{position:relative;margin-top:6px;border:1px solid #ccc}
.certificateList>ul>li:first-child{margin:0}
.certificateList>ul>li>a{display:block;padding:18px 30px 18px 95px;box-sizing:border-box}
.certificateList>ul>li.checked>a{border:3px solid #ffd012;margin:-1px;padding:16px 28px 16px 93px;background:var(--gray000)}
.certificateList.idType>ul>li>a{display:block;padding:18px 0 18px 30px;box-sizing:border-box;background:#f6f8f9}
.certificateList.idType>ul>li.checked>a{border:3px solid #ffd012;margin:-1px;padding:16px 0px 16px 28px;background:var(--gray000)}
.certificateList>ul>li .name{font-size:18px;color:var(--gray090)}
.certificateList>ul>li .ico{position:absolute;left:20px;top:50%;margin-top:-30px}
.certificateList>ul>li .ico img{width:60px;height:60px}
.certificateList>ul>li .ico img.ico_off{display:block}
.certificateList>ul>li.disabled img.ico_del{display:block}
.certificateList>ul>li>a>ul{margin-top:8px}
.certificateList>ul>li>a>ul>li{color:#666;margin-top:3px}
.certificateList>ul>li.expiration{background:#f4f4f4}
.certificateList>ul>li.expiration .ico:after{content:'만료';display:inline-block;position:absolute;left:0;top:0;width:40px;height:40px;line-height:40px;text-align:center;color:var(--gray000);font-size:14px;font-weight:bold;background:#000;opacity:.7;filter:alpha(opacity=70);border-radius:20px}
.certificateList>ul>li.expiration>ul{margin-top:10px}
.certificateList>ul>li.expiration>ul>li{color:#666;margin-top:3px}
.certificateList.overlap{text-align:left;margin-top:20px}
.certificateList.overlap>ul>li{background:#f4f4f4;padding:18px 0 18px 30px;position:relative}
.certificateList.overlap>ul>li:after{display:none}
.certificateList.overlap>ul>li>ul{margin-top:10px}
.certificateList.overlap>ul>li>ul>li{color:#666;margin-top:3px}
.certificateList.idType>ul>li+li, .certificateList.overlap>ul>li+li{margin-top:10px}

.certificateList.new>ul>li{overflow:hidden;position:relative;margin-top:16px;border:1px solid rgba(0, 0, 0, .24);border-radius:8px}
.certificateList.new>ul>li>a{padding:16px 16px 16px 80px}
.certificateList.new>ul>li .name{display:block;font-size:1.000rem;line-height:19px;font-weight:bold}
.certificateList.new>ul>li .ico{left:0;margin-top:-32px}
.certificateList.new>ul>li .ico img{width:64px;height:64px;vertical-align:top}
.certificateList.new>ul>li .ico .termination{position:absolute;top:0;left:0;width:100%;height:100%;line-height:64px;font-size:14px;color:var(--gray090);text-align:center}
.certificateList.new>ul>li.disabled .name, .certificateList.new>ul>li.disabled>a>ul>li em{color:var(--gray060)}
.certificateList.new>ul>li>a>ul>li{margin-top:0;color:var(--gray070)}
.certificateList.new>ul>li>a>ul>li:after{content:'';display:table;clear:both}
.certificateList.new>ul>li>a>ul>li span{float:left;display:block;width:64px}
.certificateList.new>ul>li>a>ul>li em{display:block;padding-left:64px;color:var(--gray090)}
.contArea .certificateList.new>ul>li{margin-right:-16px}
.tabCont .certificateList.new{margin-top:-8px}
.certificateList.new>ul>li.checked{border-color:var(--gray090)}
.certificateList.new>ul>li.checked>a{border:none;margin:0}

/*이용대금명세서*/
.stateAddInfo .date{display:block;margin-bottom:10px;text-align:right}
.stateAddInfo .date span{margin-left:10px}
.stateAddInfo dl dt{margin:30px 0 10px;color:#000;font-size:0.875rem; font-weight:bold;}
.stateAddInfo dl dd {font-size:0.875rem;}
.stateAddInfo dl dd ul li:after{content:'';display:block;clear:both}
.stateAddInfo dl dd ul li+li{margin-top:10px}
.stateAddInfo dl dd ul li>strong{float:left;font-weight:normal}
.stateAddInfo dl dd ul li>span{float:right}
.stateAddInfo .notiArea{padding:27px 10px;background:var(--gray000)}
.stateAddInfo .notiArea p{color:#000;font-weight:bold;text-align:center;line-height:20px}
.stateAddInfo .installmentFees li{display:table;width:100%;padding:10px;border:1px solid #ccc;box-sizing:border-box}
.stateAddInfo .installmentFees li>strong{float:none;display:table-cell;width:100px;vertical-align:middle}
.stateAddInfo .installmentFees li>strong span{margin-right:3px;vertical-align:-2px;letter-spacing:-1px}
.stateAddInfo .installmentFees li>p{float:none;display:table-cell;padding-left:10px;border-left:1px solid #ccc;vertical-align:middle}
.stateAddInfo .installmentFees li>p em{color:var(--gray090)}
.stateAddInfo .lineBox1{display:table;width:100%;padding:15px 10px;border:1px solid #ccc;box-sizing:border-box}
.stateAddInfo .lineBox1 strong{display:table-cell;float:none;height:32px;font-weight:normal;vertical-align:middle}
.stateAddInfo .lineBox1 em{display:table-cell;float:none;color:#f76600;text-align:right;vertical-align:middle}

.infoTable li{display:table;width:100%}
.infoTable li+li{margin-top:10px}
.infoTable li>em{display:table-cell;text-align:left;color:#666}
.infoTable li>em+span, .infoTable li>em+strong{display:table-cell;color:var(--gray090);text-align:right}
.infoTable li>strong span{font-size:0.750rem}

.lineList{border-top:1px solid #ccc}
.lineList>li{padding:20px;border-bottom:1px solid #ccc}

.dateInfo~.contArea .pointMoneyList{padding-top:20px;border-top:1px solid #ccc}
.pointMoneyList dt{margin:0 0 12px;color:#000;font-weight:bold}
.pointMoneyList dl+dl{margin-top:20px;padding-top:20px;border-top:1px solid #ccc}

.layerWrap.layerStatement .lyrFixBtnArea{padding:10px 20px 15px;background:var(--gray000)}

/*이용한도*/
.useLimit .contArea > dl, .useLimit .contArea > div{margin-bottom:24px}
.useLimit .contArea > dl:last-child, .useLimit .contArea > div:last-child{margin-bottom:0}
.useLimit .contArea > dl + dl, .useLimit .contArea > div + div, .useLimit .contArea > div + dl, .useLimit .contArea > dl + div{padding-top:24px;border-top:1px solid rgba(0, 0, 0, .16)}
.useLimit .contArea > .btnBox + .btnBox{padding-top:0;border-top:none;margin-top:-8px!important}
.useLimit > .contArea{border-bottom:1px solid rgba(0, 0, 0, .16)}
.useLimit>dl, .useLimit>div{position:relative;padding:24px 16px}
.useLimit>dl~dl{margin-top:-1px}
.useLimit>dl.type2{padding:30px 15px 30px}
.useLimit>dl.type3{padding:30px 15px}
.useLimit>dl dt{margin-bottom:8px;color:var(--gray090);font-weight:bold}
.useLimit>dl.type2 dt, .useLimit>dl.type3 dt{font-size:1.063rem}
.useLimit>dl dt~dt{margin-top:20px;padding-top:20px;border-top:1px solid #e9e9e9}
.useLimit>dl dd.mt10{margin-top:20px !important}
.useLimit .priceInfo{margin-top:8px}
.useLimit .priceInfo>strong{display:block;margin-bottom:4px;color:var(--gray090);font-weight:normal;font-size:1.125rem;line-height:1.750rem}
.useLimit .priceInfo>strong span{font-size:1.500rem;vertical-align:0.24;vertical-align:top}
.useLimit .priceInfo>em{color:var(--gray060);letter-spacing:0}
.useLimit .priceInfo>em span{margin-right:5px}
.useLimit .graphArea{margin-top:8px}
.useLimit .graphArea .barGraph2 .totalBar{overflow:hidden;height:24px;background:url('https://img1.kbcard.com/cxh/ia_img/MK/bg_pattern2.png') repeat 0 0;background-size:4px}
.useLimit .graphArea .barGraph2 .totalBar .currBar{display:block;position:relative;height:24px;background:#7f6ee3}
.useLimit .graphArea .barGraph2 .totalBar .currBar:after{content:'';display:block;position:absolute;top:0;right:0;height:24px;width:1px;background:var(--gray000)}
.useLimit .graphArea .graphInfo{margin-top:20px}
.useLimit .graphArea .graphInfo>li{color:var(--gray090)}
.useLimit .graphArea .graphInfo>li>strong:before{content:'';display:inline-block;width:12px;height:12px;margin-right:5px;border-radius:12px;vertical-align:0}
.useLimit .graphArea .graphInfo>li.prc1>strong:before{background:#7f6ee3}
.useLimit .graphArea .graphInfo>li.prc2>strong:before{background:url('https://img1.kbcard.com/cxh/ia_img/MK/bg_pattern2.png') repeat 0 0;background-size:4px}
.useLimit .graphArea .graphInfo>li>em span{color:#888;font-size:0.875rem}
.useLimit .graphArea .graphInfo>li>em span:after{content:'';display:inline-block;height:10px;padding-right:7px;margin-left:7px;border-left:1px solid #ccc}
.useLimit .infoTable{clear:both;padding-top:5px;font-size:0.875rem}
.useLimit .infoTable li>*{font-weight:normal;color:#666}
.useLimit .infoTable li+li{margin-top:5px}
.useLimit .rtArea{position:absolute;right:16px;top:30px}
.useLimit .type3 .rtArea{top:30px}
.useLimit .priceInfo.rtArea{margin:0}
.useLimit .priceInfo.rtArea>strong{font-size:0.938rem}
.useLimit .priceInfo.rtArea>strong span{font-weight:bold;font-size:1.063rem;vertical-align:-1px}
.useLimit .longCardLoan{padding:30px 15px 0 !important}
.useLimit .longCardLoan:after{content:'';display:block;height:6px;margin:0 -15px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f2f3f4}
.useLimit .longCardLoan .procBox{border:0 none;background:#f2f3f4}
.useLimit .longCardLoan .stateToggle{margin:0 -15px}
.useLimit .longCardLoan .stateToggle.open{margin-top:15px}
.useLimit .longCardLoan .stateToggle .inbox{padding-top:20px !important}
.useLimit .recommPrd{padding:10px 0 30px;border-top:1px solid #ddd}
.useLimit .recommPrd dt{margin-bottom:5px;text-align:center;font-weight:bold}
.useLimit .recommPrd dt a{display:inline-block;padding:20px 15px}
.useLimit .recommPrd dt a:after{content:'';display:inline-block;margin-left:7px;width:11px;height:18px;background:url(https://img1.kbcard.com/cxh/ia_img/MK/ico_arrow2.png) no-repeat;background-size:11px 18px;vertical-align:-2px}
.useLimit .recommPrd .grayBox{padding:0;background:transparent}
.useLimit .recommPrd .grayBox .applyArea li{box-sizing:border-box}
.useLimit .recommPrd .grayBox .applyArea li+li{border-left:1px solid #e9e9e9}
.useLimit .recommPrd .grayBox .applyArea li strong{display:block;margin:0 25px}
.useLimit .recommPrd .grayBox .applyArea li strong+div{height:auto;margin-top:20px}
.useLimit .recommPrd .grayBox .applyArea li strong+div .through{margin-right:10px}
.useLimit .recommPrd .grayBox .applyArea li strong+div+p{margin-top:5px;color:var(--gray090);letter-spacing:-1px}
.useLimit .recommPrd .grayBox .applyArea.col1 li strong{display:inline-block;padding-left:15px;padding-right:15px}
.useLimit .recommPrd a{display:block}
.useLimit .moreBtn{border-bottom:none}

/*대금결제*/
.infoBox.billingSrvc{position:relative;padding:32px 16px;background:#f9fafc;text-align:left}
.infoBox.billingSrvc:before{content:'';display:block;position:absolute;left:25px;top:50%;width:48px;height:48px;margin-top:-24px;background:url(https://img1.kbcard.com/cxh/ia_img/MK/ico_billing_service.png) no-repeat;background-size:48px}
.infoBox.billingSrvc.billingType8_8:before{background-image:url(https://img1.kbcard.com/home_re/mo/ico/48/ico-airline.svg)}
.infoBox.billingSrvc.billingType8_8 + .lineLink {margin-top:32px}/* tobe 스타일 추가 */
.infoBox.billingSrvc strong, .infoBox.billingSrvc p{display:table-cell;height:60px;padding-left:64px;vertical-align:middle;font-weight:normal}
.infoBox.billingSrvc p{font-size:0.875rem}
.billingTypeList{padding:7px 0;border-bottom:1px solid #e9e9e9;background:#f2f3f4}
.billingTypeList li{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:var(--gray000)}
.billingTypeList li+li{margin-top:6px}
.billingTypeList li>a{display:block;position:relative;width:100%;padding:22px 120px 22px 15px;box-sizing:border-box}
.billingTypeList li>a .img{position:absolute;right:24px;top:50%;width:70px;margin-top:-32px;vertical-align:middle}
.billingTypeList li>a .img img{width:70px}
.billingTypeList li>a .con{display:block;vertical-align:middle}
.billingTypeList li>a .con strong{color:var(--gray090);font-size:1.125rem}
.billingTypeList li>a .con strong:after{content:'';display:inline-block;right:24px;width:10px;height:16px;margin-left:5px;background:url(https://img1.kbcard.com/cxh/ia_img/MK/ico_arrow.png) no-repeat;background-size:10px 16px}
.billingTypeList li>a .con p{margin-top:5px;color:var(--gray090);font-size:0.938rem;line-height:1.3em}
.billingTypeList li .btnArea{display:table;width:100%;padding:0 20px 20px;box-sizing:border-box}
.billingTypeList li .btnArea.col2>span{display:table-cell;width:50%;padding:0 3px 0 0}
.billingTypeList li .btnArea.col2>span:last-child{display:table-cell;width:50%;padding:0 0 0 3px}
.billingTypeList li .btnArea.col2>span a{display:block;font-size:0.875rem;text-align:center;box-sizing:border-box}

.billingInfo{padding:20px 15px 15px;background:#f5f5f5}
.billingInfo dl{}
.billingInfo dl:after{content:'';display:block;clear:both}
.billingInfo dl strong{display:block;padding-bottom:7px;color:var(--gray090)}
.billingInfo dl p{color:#888;line-height:1.313rem}
.billingInfo dl p em:after{content:"";display:inline-block;width:1px;height:9px;margin:0 6px;background:#bdbdbd}
.billingInfo dl p:last-child{margin-top:14px;padding-top:14px;border-top:1px solid #e9e9e9;font-weight:bold;color:var(--gray090)}
.billingInfo dl.date dt{float:left}
.billingInfo dl.date dd{float:right;color:var(--gray090)}

.billingList{padding-left:16px;border-top:1px solid rgba(0,0,0,.16)}
.billingList li{position:relative;padding:16px 16px 16px 0;border-top:1px solid rgba(0,0,0,.16)}
.billingList li:first-child{border-top:none}
.billingList li .formWrap{position:relative;width:100%}
.billingList li .formWrap>input[type=checkbox], .billingList li .formWrap>input[type=radio], .billingList li .formWrap label:before{position:absolute;left:0;top:50%;margin-top:-12px}
.billingList li label{display:block !important;position:relative;padding:0 110px 0 40px;letter-spacing:0}
.billingList li label .info1{color:#666}
.billingList li label .info1 strong{font-size:1.000rem !important;line-height:1.500em;color:rgba(0,0,0, .87);font-weight:normal;word-break:normal}
.billingList li label .info1 em{position:absolute;right:0;top:50%;transform:translateY(-50%);color:rgba(0,0,0, .87);text-align:right;font-weight:bold}
.billingList li label .info1 em span{font-weight:normal;font-size:0.875rem}
.billingList li label .info1 em span.fees{display:block;font-size:0.625rem;color:#888}
.billingList li label .info2{display:block;margin-top:4px;font-size:0.875rem !important;line-height:1.429em}
.billingList li label .info2 span{color:#888;font-size:0.813rem}
.billingList li label .info2 span:after{content:"";display:inline-block;width:1px;height:9px;margin:0 2px 0 6px;background:#bdbdbd}
.billingList li label .info2 span:first-child{margin-right:5px}
.billingList li label .info2 span:first-child:after, .billingList li label .info2 span:last-child:after{content:none}
.billingList li label.pr150{padding-right:150px}
.billingList.type2 li a.sales{position:absolute;display:block;width:100%;height:100%;top:0;left:0;margin-left:48px;-webkit-tap-highlight-color :transparent;tap-highlight-color :transparent}
.billingList.type3 {border-bottom: 1px solid #ccc; margin-top:16px}
.billingList.type3 li label {padding:0 0 0 33px}
.billingList.type3 li label .info2 span {display:block}
.billingList.type3 li label .info2 span:after {content:none}

.inpWrap .inpTxt1.checked, .inpWrap input:focus{position:relative;z-index:10}
.inpWrap .txtInfo, .inpWrap .refer{margin-top:5px}
.inpWrap .txtInfo+.inpTxt1, .inpWrap .txtInfo+.cardPw, .inpWrap .refer+.inpTxt1{margin-top:7px}
.inpTxt1.txtType{display:table;width:100%;height:50px;padding:0 15px}
.inpTxt1.txtType strong{display:table-cell;vertical-align:middle;font-weight:normal}
.inpTxt1.txtType span{display:table-cell;vertical-align:middle;text-align:right}

.notImg~.botArea{margin-top:0}
.notImg~.botArea .toggleList{border-top:0 none}
.fixedBArea .confirmTxt{padding:20px;border-top:1px solid #ccc;background:var(--gray000);text-align:center;color:var(--gray090)}
.compBox{padding:23px 20px;border:1px solid #ccc;text-align:center}
.compBox>strong{display:block;color:var(--gray090);font-size:1.250rem;line-height:1.1em}
.compBox>strong span{font-size:1.313rem;font-weight:normal;vertical-align:-2px}
.compBox>strong+p{margin-top:7px;color:#888}
.compBox .txt{color:var(--gray090);line-height:1.188rem}
.compBox .txt em{font-size:1.125rem}

.viewType2 li+li{margin-top:-1px}
.viewType2 .tit{color:var(--gray090);font-weight:normal}
.viewType2 .info{margin-top:5px}
.viewType2 .info span:after{content:"";display:inline-block;width:1px;height:9px;margin:0 2px 0 6px;background:#bdbdbd}
.viewType2 .info span:last-child:after{content:none}
.viewType2 .date{color:#888}

.lineLinkList li, .contArea a.lineLink{border:1px solid #ccc}
a.lineLink{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
a.lineLink+a.lineLink{margin-top:-1px}
.lineLinkList li+li{margin-top:10px}
.lineLinkList li a, a.lineLink, li.linkType a{display:block;position:relative;height:auto;padding:16px 54px 16px 16px;line-height:1.500rem;box-sizing:border-box}
.lineLinkList li a:after, a.lineLink:after, li.linkType a:after{content:'';display:block;position:absolute;top:50%;right:16px;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;background-size:24px}
.lineLinkList li a span{display:table;width:100%}
.lineLinkList li a span+span{margin-top:5px}
.lineLinkList li a span em{display:table-cell;color:#888}
.lineLinkList li a span strong{display:table-cell;color:var(--gray090);text-align:right;font-weight:normal}
.lineLinkList li a span strong del{color:#888}
.ios .lineLinkList li a, .ios a.lineLink, .ios li.linkType a{padding:17px 54px 15px 16px}

.dpTbl{display:table !important;width:100%;box-sizing:border-box}
.dpTbl>em, .dpTbl>span, .dpTbl>.dpTblC{display:table-cell}
.price .rTxt{width:10px;padding-left:10px;color:#888;text-align:right;vertical-align:middle}

.recordWrap .tbsList1~.tbsList1{margin-top:-1px}
.recordWrap .infoBox{margin-top:17px;border-top:1px solid var(--gray090);border-bottom:1px solid #e9e9e9;background:var(--gray000)}

button.btnCheck{position:relative;border:1px solid #ccc;background:#eef1f2;color:var(--gray090);text-align:center}
button.btnCheck:after{content:'';display:block;position:absolute;left:20px;top:50%;width:24px;height:24px;margin-top:-12px;background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_form.png) no-repeat 0 0;background-size:60px 300px}
button.btnCheck.on:after{background-position:0 -30px}
.cardBox.payType .tit{min-height:24px;margin-top:-3px}
.cardBox.payType .info{display:block;width:auto;margin-left:-40px;margin-top:15px;padding-top:10px;border-top:1px solid #e2e2e2}
.cardBox.payType .info:after{content:'';display:block;clear:both}
.cardBox.payType .info+.info{margin-top:6px;padding-top:0;border-top:0 none}
.cardBox.payType .info.divider {margin-top: 15px;padding-top: 10px; border-top:1px solid #e2e2e2}
.cardBox.payType .info>em{display:block;float:left;line-height: 1.3;}
.cardBox.payType .info>strong{display:block;float:right;position:relative;top:5px}

.totalInfo em{color:#888}
.totalInfo span{color:var(--gray090)}
.totalInfo span strong{color:#ff6c00}
.totalInfo li.totalPrc span strong{color:var(--gray090)}

.totalInfo{margin-top:20px}
.totalInfo:after{content:'';display:block;clear:both}
.totalInfo dd{float:left}
.totalInfo dd.totalCnt em{color:#eb5600}
.totalInfo dd.price{float:right}
.totalInfo dd.price strong{margin-right:2px}
.totalInfo dd.date{float:right;margin-top:5px;color:#888;font-size:0.813rem;line-height:1.1em}
.totalInfo dd.date em{margin-right:5px}


.multiWrap{display:table;width:100%}
.multiWrap>span{display:table-cell;width:50%;vertical-align:middle}
.multiWrap>span.dash{width:auto;padding:0 5px;text-align:center}

.overDue div>a>.tit{margin:0 0 7px;padding:0;color:var(--gray090);line-height:1.000rem}
.overDue div>a>span{display:block}
.overDue div .infoTable{padding:20px 0}

/*카드관리*/
.myCard{padding-top:17px}
.myCard ul{padding-top:10px;vertical-align:top}
.myCard .cardInfo .img{width:120px;padding-right:16px}
.myCard .cardInfo .infoTxt p{color:var(--gray070);font-size:14px;line-height:20px}
.myCard .cardInfo .infoTxt p em{display:inline-block}
.myCard .cardInfo .infoTxt p em:after{content:'';display:inline-block;height:10px;width:1px;margin:0 8px;background:#aaa}
.myCard .cardPw~.txtInfo{display:block;text-align:left}
.myCard .swiperCon .numPaging{margin:10px 0 0;text-align:center;line-height:0.938rem}
.myCard .swiperCon .numPaging em{font-weight:bold;color:#ff6c00}
.quickLink{overflow:hidden;margin-top:5px}
.quickLink a{float:left;width:50%;margin-top:10px;box-sizing:border-box;text-align:left;line-height:1.000rem}
.quickLink a:nth-child(2n){padding-left:3px}
.btnS.arrR, .quickLink .arrR, a .arrR{display:inline-block;position:relative;font-size:0.875rem;text-align:left;line-height:24px}
.btnS.arrR{padding:4px 35px 4px 14px}
.btnL.arrR{position:relative;padding:0 56px 0 16px;text-align:left}
.btnS.arrR:after, .quickLink .arrR:after, a .arrR:after{content:'';display:inline-block;position:absolute;right:10px;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;background-size:24px auto}
.btnL.arrR:after{content:'';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;background-size:24px}
.btnL.btnGray.arrR:after{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_fff.png') no-repeat;background-size:24px}
.quickLink .arrR:after, a .arrR:after{position:static;margin:0 0 0 8px;vertical-align:top}
.ios .quickLink .arrR:after, .ios a .arrR:after{margin-top:-2px}

.dbLink{overflow:hidden;padding:27px 0;border-top:1px solid #e4e9eb;border-bottom:1px solid #ccc}
.dbLink a{float:left;position:relative;width:50%;padding:5px 20px 5px 60px;box-sizing:border-box;line-height:1.313rem}
.dbLink a:after{content:'';display:block;position:absolute;right:20px;top:50%;width:8px;height:13px;margin-left:8px;margin-top:-6px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24.png) no-repeat;background-size:8px 13px}
.dbLink a:before{content:'';display:block;position:absolute;left:20px;top:50%;width:32px;height:32px;margin-top:-16px;background-size:32px 32px}
.dbLink a.icoLookUp:before{background-image:url(https://img1.kbcard.com/cxh/ia_img/MK/ico_issued_lookup.png)}
.dbLink a.icoCharge:before{background-image:url(https://img1.kbcard.com/cxh/ia_img/MK/ico_prepaid_card_charge.png)}
.dbLink a+a{border-left:1px solid #ccc}

.goodTouch .contArea{padding-bottom:25px;text-align:center}
.goodTouch .contArea .img{display:block}
.goodTouch .contArea .img img{width:100%;max-width:320px;vertical-align:top}
.goodTouch .txt{margin-top:10px}
.goodTouch .lineLink{margin-bottom:-25px}

.issueList>li+li{margin-top:10px}

.pointreeInfo{padding:25px 15px !important}
.pointreeInfo:after{height:30px !important;margin-bottom:-25px !important}
.mixMState{margin-top:20px}
.mixMState li{display:table;width:100%;box-sizing:border-box}
.mixMState li>span, .mixMState li>strong{display:table-cell;float:none !important;vertical-align:middle}
.mixMState li>strong em{margin-top:0 !important;color:#6c58e4}
.mixMState li>strong em span{margin-right:2px;font-size:1.063rem;vertical-align:-1px}
.mixMState li>strong span.dt{color:#666;font-weight:normal;font-size:0.750rem}
.mixMState li+li>strong em{color:var(--gray090)}
.mixMState li:last-child{padding-bottom:0;border-bottom:0 none}

.selService.complete{border-top:1px solid var(--gray090)}
.selService.complete .inner{display:table;width:100%;margin:0;padding:20px 10px;border-bottom:1px solid #e9e9e9;box-sizing:border-box}
.selService.complete .inner .ico, .selService.complete .inner .con{display:table-cell;vertical-align:middle;color:#888;line-height:1.250rem}
.selService.complete .inner .ico{width:50px;padding-right:15px}
.selService.complete .inner .ico img{width:50px;vertical-align:top}
.selService.complete .inner .con strong{display:block;font-size:1.063rem;font-weight:normal;color:var(--gray090)}
.selService.complete .inner .con span{display:block;padding-top:5px}

.issueList>li+li{margin-top:40px !important}
.issueInfo{margin:0 -15px 20px;padding:30px 15px;background:#f5f5f5}
.issueInfo .img img{width:110px !important;vertical-align:top}

/*정보관리*/
.addrWrap input+input{margin-top:-1px}

.procBox{display:table;width:100%;padding:20px 30px 17px;border:1px solid #ccc;box-sizing:border-box}
.procBox.type2{border:none;background:#f2f3f4}

.procBox .img, .procBox .con{display:table-cell;padding:0 5px;vertical-align:middle}
.procBox .img{width:50px}
.procBox .img img{width:50px;vertical-align:top}
.procBox .con strong{font-weight:normal;font-size:0.938rem;line-height:1.1em;color:var(--gray090)}

/* 카드이용내역 */
.useInfor .useTotal>.useSummary{margin-top:23px}
.useInfor .useTotal>.useSummary+.useSummary{margin-top:15px}
.useInfor .useTotal>.useSummary dt{float:left}
.useInfor .useTotal>.useSummary dd{float:right;font-size:18px;color:var(--gray090)}
.useInfor .useTotal>.useSummary dd em{vertical-align:-2px;font-size:24px;font-weight:bold}
.useInfor .useTotal>.useSummary:after{content:'';display:block;clear:both}
.useInfor .useTotal>.useSummary.type2 dt, .useInfor .useTotal>.useSummary.type2 dd{color:#ff6c00}
.useInfor .useTotal .more{position:relative;margin:10px -20px 0}
.useInfor .useTotal .more button{display:block;width:100%;height:45px;background:none}
.useInfor .useTotal .more.on button:after{content:'';display:block;position:absolute;left:50%;top:50%;margin:-3px 0 0 -4px;border:1px solid transparent;border-width:7px 5px;border-top-color:#999}
.useInfor .useTotal .more{margin:0 !important}

.cardSummary{background:#f8f9f9;margin:0 -20px}
.cardSummary ul li{padding:20px 0;margin:0 20px;border-top:1px solid #ccc}
.cardSummary ul li:first-child{border-top:0}
.cardSummary ul li a{display:block;position:relative;margin:0 -20px;padding:0 20px;box-sizing:border-box}
.cardSummary ul li a:after{content:'';display:inline-block;position:absolute;right:20px;top:50%;margin-top:-7px;width:8px;height:13px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24.png) no-repeat right 0;background-size:8px 13px}
.cardSummary ul li a>.cardName{display:block;margin-bottom:10px;font-size:15px;color:var(--gray090)}
.cardSummary ul li a>.cardNumber{display:block;font-size:13px;color:#888}
.cardSummary ul li dl{margin-top:15px}
.cardSummary ul li dl:after{content:'';display:block;clear:both}
.cardSummary ul li dl dt{float:left;color:var(--gray090)}
.cardSummary ul li dl dd{float:right;color:var(--gray090)}
.cardSummary ul li dl dd em{vertical-align:-1px;font-size:17px;font-weight:bold}

.useInfor+.botArea{margin-top:30px}
.useInfor .useDetail{padding-top:30px}
.useInfor .useDetail .sort{padding:0 20px 20px;border-bottom:1px solid #e2e2e2}
.useInfor .useDetail .sort>h3{font-weight:bold;color:var(--gray090)}
.useInfor .useDetail .totalCase{margin-top:20px}
.useInfor .useDetail .totalCase:after{content:'';display:block;clear:both}
.useInfor .useDetail .totalCase>span{float:left;color:#888}
.useInfor .useDetail .totalCase>span em{color:#f35b42}
.useInfor .useDetail .totalCase>.amt{float:right;position:relative;padding-left:40px;color:#ff6c00}
.useInfor .useDetail .totalCase>.amt dt{position:absolute;top:0;left:0}
.useInfor .useDetail .totalCase>.amt dd{text-align:right}
.useInfor .useDetail .totalCase>.amt .overseas{color:var(--gray090)}
.useInfor .useDetail .totalCase>.amt .overseas dt{top:auto;bottom:0}
.useInfor .useDetail .historyList li{padding:0}
.useInfor .useDetail .historyList li>a{padding:20px 15px}

.range{border-top:1px solid #ccc;margin-top:-1px}
.range>div{display:table;table-layout:fixed;width:100%}
.range>div>a{display:table-cell;position:relative;text-align:center;padding:18px 0}
.range>div>a.on:after{content:'';display:block;position:absolute;bottom:-1px;left:0;width:100%;border-bottom:3px solid var(--gray090)}
.range{border-bottom:1px solid #ccc}

/* 아파트 관리비 */
.visualApt{padding-bottom:20px;text-align:left}
.visualApt .searchBox{margin:15px 0 0}
.visualApt .searchBox>input[type='search']{background:none;font-size:1.000rem}
.infoBox.visualApt .lineBox{padding:0 10px}
.infoBox.visualApt .lineBox .listType1 li{margin-top:5px}
.lineBox{box-sizing:border-box}

.aptAddress{padding:0 16px}
.article + .article.aptAddress{margin: 2rem 0 0;padding: 2.5rem 1.0rem 0;}
.aptAddress .addressSelect{display:table;width:100%;table-layout:fixed}
.aptAddress .addressSelect>div{display:table-cell;width:50%;padding:0 0 0 10px}
.aptAddress .addressSelect>div+div{border-left:0}
.aptAddress .addressList ul li{position:relative;border-bottom:1px solid #ccc;padding:20px 20px 20px 58px}
.aptAddress .addressList ul li input[type='radio']{left:20px;top:50%;margin-top:-12px}
.aptAddress .addressList ul li input[type='radio']+label:before{position:absolute;left:20px;top:50%;margin-top:-12px}
.aptAddress .addressList ul li .streetAddress{display:block;color:var(--gray090)}
.aptAddress .addressList ul li .numberAddress{display:block;color:#666;margin-top:10px}

.aptAddress .roomNumber{padding:15px !important}
.aptAddress .roomNumber h3{font-weight:bold;color:var(--gray090)}
.aptAddress .roomNumber .formWrap{display:table;width:100%;table-layout:fixed;margin-top:10px}
.aptAddress .roomNumber .formWrap:after{content:"";display:block;height:0;clear:both}
.aptAddress .roomNumber .formWrap>span{float:left;display:table-cell;position:relative;width:50%;margin-left:-1px}
.aptAddress .roomNumber .formWrap>span input{position:relative;text-align:right;padding-right:34px}
.aptAddress .roomNumber .formWrap>span .txt{position:absolute;right:13px;top:17px;z-index:2}

.essential{position:relative;display:inline-block}
.essential:before{content:'';display:inline-block;width:5px;height:5px;position:absolute;top:50%;right:-10px;margin-top:-3px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_essential.png) no-repeat 0 0;background-size:5px 5px}

/*대학등록금*/
.toggleView .tabBox{padding:0}

/*신청내역 조회*/
.historyTab{padding:0}
.historyTab .tabList{overflow:hidden;padding:27px 0 20px;background:#4d4f55}
.historyTab .tabList ul{width:1000px}
.historyTab .tabList ul:after{content:'';display:block;clear:both}
.historyTab .tabList ul li{float:left;width:80px;margin-left:10px;text-align:center}
.historyTab .tabList ul li:first-child{margin-left:20px}
.historyTab .tabList ul li:last-child{margin-right:20px}
.historyTab .tabList ul li strong{display:block;color:var(--gray000);font-weight:normal;font-size:0.875rem;line-height:1.250rem}
.historyTab .tabList ul li em{display:block;margin-top:5px;line-height:1.000rem;color:#ff6c00}
.historyTab .tabList ul li a{display:block}
.historyTab .tabList ul li a:before{content:'';display:block;width:48px;height:48px;margin:0 auto 8px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/sprite/payment.png') no-repeat 0 0;background-size:96px auto}
.historyTab .tabList ul li.on strong{color:var(--yellow040)}
.historyTab .tabList ul li.apt a:before{background-position:0 -144px}
.historyTab .tabList ul li.apt.on a:before{background-position:-48px -144px}
.historyTab .tabList ul li.gas a:before{background-position:0 -192px}
.historyTab .tabList ul li.gas.on a:before{background-position:-48px -192px}
.historyTab .tabList ul li.phone a:before{background-position:0 -288px}
.historyTab .tabList ul li.phone.on a:before{background-position:-48px -288px}
.historyTab .tabList ul li.electric a:before{background-position:0 0}
.historyTab .tabList ul li.electric.on a:before{background-position:-48px 0}
.historyTab .tabList ul li.estate a:before{background-position:0 -48px}
.historyTab .tabList ul li.estate.on a:before{background-position:-48px -48px}
.historyTab .tabList ul li.insurance a:before{background-position:0 -96px}  
.historyTab .tabList ul li.insurance.on a:before{background-position:-48px -96px}  
.historyTab .tabList ul li.tuition a:before{background-position:0 -240px}
.historyTab .tabList ul li.tuition.on a:before{background-position:-48px -240px}
.historyTab .tabList ul li.lhsh a:before{background-position:0 -336px}
.historyTab .tabList ul li.lhsh.on a:before{background-position:-48px -336px}
.historyTab .tabCont{margin:0}
.historyTab .tabCont .contArea{padding:30px 20px 0}

.historyTab .infoBox2:before{content:"";display:inline-block;width:100px;height:100px;margin-bottom:20px;background-size:100px 100px}
.historyTab .infoBox2.aptImg:before{background-image:url(https://img1.kbcard.com/cxh/ia_img/SV/img_event_apartment.png)}
.historyTab .infoBox2.gasImg:before{background-image:url(https://img1.kbcard.com/cxh/ia_img/SV/img_event_gas.png)}
.historyTab .infoBox2.phoneImg:before{background-image:url(https://img1.kbcard.com/cxh/ia_img/SV/img_event_phone.png)}
.historyTab .infoBox2.electricImg:before{background-image:url(https://img1.kbcard.com/cxh/ia_img/SV/img_event_electric.png)}

.cardBox .cardTxt em.reInfo{font-size:13px}
.cardBox .cardTxt em.reInfo span{padding:0 0 0 7px;margin:0 0 0 7px;border:0 none;border-left:1px solid #e9e9e9}
.agreeChg{margin-bottom:10px}
.inforCheck.noLink{margin:0}
.inforCheck.noLink .inner label{position:relative;width:auto;height:auto;margin-left:-48px;padding:0 0 0 48px;vertical-align:top;}
.inforCheck.noLink .inner label span{display:table-cell;vertical-align:middle}
.inforCheck.noLink .inner .formWrap{position:static}
.inforCheck.noLink+a{display:block;width:100%;height:45px;margin-top:-1px;border:1px solid #ccc;box-sizing:border-box;background:#dcdfe5;font-size:1.000rem;line-height:45px;text-align:center}
.payPrdList .name{font-weight:normal;color:var(--gray090)}
.payPrdList .name+.addrTxt{margin-top:5px}

/*알림서비스*/
.notiList>ul>li.sms{border-bottom-color:rgba(0, 0, 0, .16)}
.noticeSelect{position:relative;padding:24px 16px 0;border-top:1px solid rgba(0, 0, 0, .16);background-color:#f6f8f9;font-size:18px;line-height:24px;color:var(--gray090)}
.noticeSelect > p{position:relative;z-index:2;margin-bottom:8px;font-size:1.000rem;line-height:20px}
.noticeSelect li{border-bottom:1px solid rgba(0, 0, 0, .16)}
.noticeSelect li:last-child{border-bottom:none}
.noticeSelect li > div{overflow:hidden;display:block;position:relative;z-index:10;height:40px;padding:16px 0 16px 40px;line-height:40px}
.noticeSelect li > div .btnS{float:right}
.noticeSelect li .img{display:block;position:absolute;top:50%;left:0;width:24px;height:24px;margin-top:-12px;line-height:0}
.noticeSelect li .img img{width:100%;height:auto}
.noticeSelect li .txtInfo{padding-bottom:14px}
.noticeSelect .inp1{position:absolute;top:50%;right:8px;margin-top:-12px}
.noticeSelect + .btn{background-color:#f6f8f9;padding:24px 16px!important;border-top:1px solid rgba(0, 0, 0, .16)}
.noticeSelect .using{display:inline-block;position:relative;z-index:2;margin-top:16px;padding:2px 4px;background-color:rgba(127, 110, 227, .87);font-size:12px;line-height:16px;color:var(--gray000)}
.noticeSelect .using + ul li:first-child{margin:0 -16px;padding:0 16px;background-color:var(--gray000)}
.noticeSelect .using + ul li:first-child:after{content:'';position:absolute;top:0;left:0;width:100%;height:120px;background-color:var(--gray000)}

.ios .noticeSelect li > div{line-height:42px}

.regist{margin-top:20px;padding-top:20px;border-top:1px solid #ccc}
.regist em, .regist strong{display:inline-block;font-weight:normal}
.regist em{padding:0 7px;border-radius:2px;background:#7b7875;color:var(--gray000);line-height:20px}
.regist em+strong{margin-left:5px}

.infoBox.cauCont .img{display:block;text-align:center}
.infoBox.cauCont .img img{vertical-align:middle}
.infoBox.cauCont h2{display:block;margin-top:25px;line-height:1.2em;color:var(--gray090);font-size:1.000rem;font-weight:bold}

/*이용중인 알림서비스 내역 조회*/
.useAlarm{color:var(--gray090)}
.useAlarm h3{margin-top:5px;font-weight:bold}
.useAlarm .img{display:block;margin-top:25px;text-align:center}
.useAlarm .serviceBnf{margin:20px -15px 0}
.useAlarm .serviceBnf.col2{width:300px;margin:20px auto 0}
.useAlarm .serviceBnf:after{content:'';display:block;clear:both}
.useAlarm .serviceBnf li{float:left;width:33.33%;padding:0 15px;box-sizing:border-box;line-height:1.125rem}

.useAlarm .serviceBnf li:before{content:'';display:block;width:60px;height:60px;margin:0 auto 10px}
.useAlarm.sms .serviceBnf li:before{background-image:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_ico_service1_benefit.png);background-size:180px 60px}
.useAlarm.credit .serviceBnf li:before{background-image:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_ico_service2_benefit.png);background-size:360px 60px}
.useAlarm.smart .serviceBnf li:before{background-image:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_ico_service3_benefit.png);background-size:300px 60px}
.useAlarm.wiseInfo .serviceBnf li:before{background-image:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_ico_service4_benefit.png);background-size:240px 60px}
.useAlarm.wiseInfoPlus .serviceBnf li:before{background-image:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_ico_service4_benefitplus.png);background-size:180px 60px}
.useAlarm.chkCard .serviceBnf li:before{background-image:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_ico_service_chkCard.png)}
.useAlarm.push .serviceBnf li:nth-child(1):before{background-image:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_ico_service_push1.png)}
.useAlarm.push .serviceBnf li:nth-child(2):before{background-image:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_ico_service_push2.png)}
.useAlarm.ty2 .serviceBnf li:before{width:64px;height:64px;background-size:64px;background-position:0}

.useAlarm .serviceBnf li+li+li+li{margin-top:15px}
.useAlarm .serviceBnf li span{display:block;height:30px}
.useAlarm .serviceBnf li:nth-child(1):before{background-position:0px 0}
.useAlarm .serviceBnf li:nth-child(2):before{background-position:-60px 0}
.useAlarm .serviceBnf li:nth-child(3):before{background-position:-120px 0}
.useAlarm .serviceBnf li:nth-child(4):before{background-position:-180px 0}
.useAlarm .serviceBnf li:nth-child(5):before{background-position:-240px 0}
.useAlarm .serviceBnf li:nth-child(6):before{background-position:-300px 0}

span.icoRexLink:after{background-position:-31px 0}

.serviceList{border-bottom:1px solid #ccc}
.serviceList:after{content:'';display:block;clear:both}
.serviceList li{float:left;width:50%}
.serviceList li a{display:block;padding:35px 15px;text-align:center;min-height:158px}
.serviceList li:nth-child(2n) a{border-left:1px solid #ccc}
.serviceList li+li+li{border-top:1px solid #ccc}
.serviceList li a .img{display:block;width:100%;text-align:center}
.serviceList li a strong{display:block;padding:15px 0 5px;color:var(--gray090)}

/*calendar*/
.layerWrap.layerDatePicker{width:280px !important;left:50%;margin-left:-140px}
.layerWrap.layerDatePicker .popTop{height:48px;border-bottom-color:var(--yellow040)}
.layerWrap.layerDatePicker .popTop strong{padding:0;text-align:center;font-weight:bold}
.layerWrap.layerDatePicker .popCont{padding:0}
.layerWrap.layerDatePicker .lyrFixBtnArea a{display:block;line-height:49px;text-align:center;border-top:1px solid #bbb;font-size:1.000rem;font-weight:bold}
.ui-datepicker-header{position:relative;background:#eef1f2;height:50px;line-height:50px;border-bottom:1px solid #e5eaeb;text-align:center}
.ui-datepicker-header .ui-state-disabled{display:none}
.ui-datepicker-calendar{margin:3px 0}
.ui-datepicker-calendar th,.ui-datepicker-calendar td{width:40px;height:40px;text-align:center;vertical-align:middle}
.ui-datepicker-calendar .ui-state-default{display:inline-block;width:35px;height:35px;line-height:35px;color:var(--gray090)}
.ui-datepicker-calendar .ui-state-default.ui-state-highlight{background:#eef1f2;border-radius:20px; border:1px dashed rgba(0,0,0,0.87)}
.ui-datepicker-calendar .ui-state-default.ui-state-active{background:var(--yellow040);border-radius:20px; border:1px solid rgba(0,0,0,0.87);font-weight:600}
.ui-datepicker-other-month .ui-state-default,.ui-datepicker-unselectable .ui-state-default{color:#ccc}
.ui-datepicker-prev.ui-corner-all{position:absolute;left:0;top:0;width:50px;height:50px}
.ui-datepicker-prev.ui-corner-all:after{content:'';display:block;position:absolute;right:50%;top:50%;margin-top:-6px;border:1px solid transparent;border-width:6px 8px;border-right-color:var(--gray090)}
.ui-datepicker-next.ui-corner-all{position:absolute;right:0;top:0;width:50px;height:50px}
.ui-datepicker-next.ui-corner-all:after{content:'';display:block;position:absolute;left:50%;top:50%;margin-top:-6px;border:1px solid transparent;border-width:6px 8px;border-left-color:var(--gray090)}
.ui-datepicker-next.ui-corner-all span,.ui-datepicker-prev.ui-corner-all span{display:none}
.ui-datepicker-title select{height:30px;padding-right:25px;border:0;background:transparent url(https://img1.kbcard.com/cxh/ia_img/common/arr_calendar.png) no-repeat right center;background-size:20px;font-size:18px;font-weight:bold;-webkit-appearance:none}
.ui-datepicker-title select+select{margin-left:10px}
.calWrap .calendar .inpTxt1 input.hasDatepicker{background:var(--gray000)}
.calWrap .calendar .inpTxt1 input.hasDatepicker:readonly{background:#f5f5f5;color:var(--gray090)}

/* 혜택사용 */
.pointBox{border:1px solid #ccc;padding:20px;line-height:34px;letter-spacing:-0.5px}
.pointBox>label>.pointArea{display:inline-block;border:0;border-bottom:1px solid #ccc;padding:0 5px !important;width:130px;font-weight:bold;line-height:24px;height:auto; margin-right:10px;}
.pointBox>label>.pointArea:focus{padding:0 0 0 10px;border:0;border-bottom:1px solid #ccc}

.airline .infoBox{margin:0 -15px;text-align:left}
.airline .infoBox>p+p{margin-top:20px}

.bitcoinBox{background:#f4f4f4;padding:20px 15px;margin-top:10px;font-size:14px;line-height:18px;color:#666}
.bitcoinBox>strong{display:block;font-size:1.000rem;line-height:20px;color:#7f6ee3;margin-bottom:5px}

.introCont.visualBitcoin>.inner>div>.img{width:83px}
.introCont.visualBitcoin>.inner>div>.img img{width:70px;height:60px}
.introCont.visualBitcoin>.inner>div>.txt>.tit{color:#ffdb49}
.introCont.visualDonation{background:#f4f4f4}

.bitcoinList>li{display:table;width:100%;padding:15px 0;border-bottom:1px solid #ccc}
.bitcoinList>li>*{display:table-cell;vertical-align:middle}
.bitcoinList>li>.txt{font-size:13px;line-height:16px}
.bitcoinList>li>.thum{width:75px}
.bitcoinList>li>.thum img{width:60px;height:60px}

.btnBitcoin{margin:30px 0}

.donationList{margin-top:15px}
.donationList>li{position:relative}
.donationList>li+li{margin-top:8px}
.donationList>li>.inner{display:table;width:100%;padding:20px 25px 20px 10px;border:1px solid #ccc;border-bottom-color:#e9e9e9;box-sizing:border-box}
.donationList>li>.inner>*{display:table-cell;vertical-align:middle}
.donationList>li>.inner>.thum{width:80px;padding-right:20px}
.donationList>li>.inner>.thum img{width:80px;height:80px}
.donationList>li>.inner>.txt .dName{display:block;margin-bottom:5px;font-size:1.000rem;line-height:22px;color:var(--gray090);font-weight:bold}
.donationList>li>.inner>.txt p{line-height:1.500em;color:var(--gray090)}
.donationList>li>a{display:block;text-align:center;border:1px solid #ccc;border-top:0;height:45px;line-height:45px}
.donationList>li>a:after{content:'';display:inline-block;width:15px;height:13px;vertical-align:middle;margin-left:5px;background:url(https://img1.kbcard.com/cxh/ia_img/BN/btn_donation.png) no-repeat 0 0;background-size:15px 13px}
.donationList>li>.back{display:none;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;background:#f5f5f5;border:1px solid #ccc;box-sizing:border-box}
.donationList>li>.back .btn{display:table;width:100%;height:100%;text-align:center}
.donationList>li>.back .btn .inner{display:table-cell;vertical-align:middle}
.donationList>li>.back .btn a{display:inline-block;padding:0 15px;height:35px;line-height:35px;background:#6b7079;border-radius:20px;text-align:center;color:var(--gray000)}

/*카드상세*/
.cardDetailTop{padding:27px 0 130px;background:#f4f4f4;text-align:center}
.cardDetailTop .cdBtn{margin-bottom:30px}
.cardDetailTop .cdBtn a{display:inline-block;padding:0 5px;line-height:30px}
.cardDetailTop .cdBtn a.on{padding:0 14px;color:var(--g9-to-g10);background:var(--yellow040);font-weight:bold;border-radius:15px}
.cardDetailTop .tit{display:block;padding:0 15px;color:var(--gray090);line-height:27px}
.cardDetailTop .sTxt{padding:0 25px}
.cardDetailInfo{position:relative;}
.annualFee {width:220px; margin:-105px auto 0;}
.cardDetailInfo .annualFee .right a{overflow:hidden;display:inline-block;margin-bottom:10px;color:#EA580C;font-size:14px!important;line-height:15px!important}
.cardDetailInfo .annualFee .right a:after{content:"";display:inline-block;width:12px;height:15px;margin-left:3px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/icon17.png') no-repeat -37px -75px;background-size:95px auto;vertical-align:top}
.cardDetailInfo .annualFee .right a:before{content:'';position:absolute;top:34px;right:0;bottom:0;left:0}
.cardDetailInfo .annualFee img{width:100%;display:block}
.cardDetailInfo .annualFee .afBox{display:none}
.cardDetailInfo .annualFee.on img{display:none}
.cardDetailInfo .annualFee.on .afBox{display:table;width:100%;height:139px;padding:0 15px;border-radius:6px;background:#7f6ee3;box-sizing:border-box}
.cardDetailInfo .annualFee.on .afBox dl{display:table-cell;vertical-align:middle}
.cardDetailInfo .annualFee.on .afBox dl:after{content:"";display:block;height:0;clear:both}
.cardDetailInfo .annualFee.on .afBox dt,.cardDetailInfo .annualFee.on .afBox dd{width:59%;float:left;line-height:26px;color:var(--gray000);font-size:14px}
.cardDetailInfo .annualFee.on .afBox dd{text-align:right;width:41%}
.cardDetailInfo .annualFee.imgType{margin:0 auto}
.cardDetailInfo .annualFee.imgType p.right,.cardDetailInfo .annualFee.imgType img{position:relative;left:50%;width:139px;margin-left:-70px}
.cardDetailInfo .annualFee .row {width:220px; height:220px;}
.cardDetailInfo .annualFee .row:before{content:'';position:absolute;left:50%;width:100vw;margin-left:-50vw;height:55px;background:#f4f4f4;}
.cardDetailInfo .annualFee .row img{transform:translate(0, 41px) rotate(90deg); margin:0;}
#specialContainer .tabDep0 li {padding:0 2px;}

.cardDetailInfo .card_img{position:relative;}
.cardDetailInfo .cardType{margin-top:8px;text-align:center}
.cardDetailInfo .cardType span{display:inline-block;width:32px;height:24px;margin:0 1px;background-repeat:no-repeat;background-size:100% auto;background-position:0 0;vertical-align:middle;color:transparent}
.cardDetailInfo .cardType span.ico_n{width:52px;height:20px;line-height:20px;background:#e6e6e6;border-radius:2px;text-indent:0;font-size:12px;color:var(--gray090)}
.cardDetailInfo .cardType span.ico_b1{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_visa_64.png')}
.cardDetailInfo .cardType span.ico_b2{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_mastercard_64.png')}
.cardDetailInfo .cardType span.ico_b3{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_jcb_64.png')}
.cardDetailInfo .cardType span.ico_b4{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_unionpay_64.png')}
.cardDetailInfo .cardType span.ico_b5{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_americanexpress_64.png')}
.cardDetailInfo .cardType span.ico_b6{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_jcb_kworld_64.png')}
.cardDetailInfo .cardType span.ico_b7{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_unionpay_kworld_64.png')}
.cardDetailInfo .cardType span.ico_n.small{width:29px;margin-top:2px}
.cardDetailInfo ~ .reference{margin-top:0 !important}

/*26.03.30 : 카드연회비 관련*/
.annual-fee {padding:0 16px; text-align:center; margin:24px 0; position: relative;}
.annual-fee__info {display:inline-block; font-size:0.875rem; color:var(--gray090); line-height:24px;}
.annual-fee__info:after {content:''; display:inline-block; width:24px; height:24px; background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png) no-repeat center;
background-size: 20px; vertical-align: top;}
.annual-fee__cont {display:flex; gap:8px; justify-content: center; align-items: center; flex-wrap: wrap; margin-top:0.8rem;}
.annual-fee__cate {box-sizing: border-box; display: flex; align-items: center; justify-content:flex-start; gap:4px; padding:0 10px;}
.annual-fee__cate.check-card {flex:1; max-width:100%; justify-content: center;}
.annual-fee__no-fee {display:flex; justify-content: center;}
.annual-fee__no-fee .annual-fee__cate {padding:0;}
.annual-fee__won {font-size:0.75rem; color:var(--gray090); display:inline-block; margin-left:0.2rem;}
.annual-fee__ico_domestic {background:var(--gray050); border-radius: 2px; text-indent: 0; font-size: 12px; color: var(--gray000); width:28px; height:21px; display:inline-block;}
.annual-fee__ico_master { color: transparent;display:inline-block; width:32px; height:24px; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_mastercard_64.png) no-repeat 0 0; background-size:100% auto;}
.annual-fee__ico_visa { color: transparent;display:inline-block; width:32px; height:24px; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_visa_64.png) no-repeat 0 0; background-size:100% auto;}
.annual-fee__ico_jcb { color: transparent;display:inline-block; width:32px; height:24px; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_jcb_64.png) no-repeat 0 0; background-size:100% auto;}
.annual-fee__ico_union { color: transparent;display:inline-block; width:32px; height:24px; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_unionpay_64.png) no-repeat 0 0; background-size:100% auto;}
.annual-fee__ico_amexpress { color: transparent;display:inline-block; width:32px; height:24px; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_americanexpress_64.png) no-repeat 0 0; background-size:100% auto;}
.annual-fee__ico_jcbworld { color: transparent;display:inline-block; width:32px; height:24px; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_jcb_kworld_64.png) no-repeat 0 0; background-size:100% auto;}
.annual-fee__ico_unionworld { color: transparent; display:inline-block; width:32px; height:24px; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/log/64/logo_unionpay_kworld_64.png) no-repeat 0 0; background-size:100% auto;}

.cdType{padding-top:12px;border-top:1px solid #e5e5e5}
.cdType .tbsDlist1{margin-top:5px}
.cdType dt{width:50%;color:#666}
.cdType dd{width:50%}
.bfList {border-top:1px solid rgba(0, 0, 0, .16); }
.bfList li{position:relative;display:table;width:100%;min-height:60px;padding-left:72px;-webkit-box-sizing:border-box;box-sizing:border-box}/* 박진수 - 카드상세 혜택 리스트가 벌어져 padding 원복합니다. padding:16px 0 16px 72px; */
.bfList li a{display:table-cell;padding:16px 35px 16px 0;vertical-align:middle;border-bottom:1px solid rgba(0, 0, 0, .16)}
.bfList li:last-child a{border-bottom:none}
.bfList li a:after{content:"";display:block;position:absolute;right:8px;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');background-size:24px;opacity:.87}
.bfList li a strong,.bfList li a em,.bfList li a .selItem{display:inline-block;margin-right:10px;font-weight:normal}
.bfList li a .selItem{position:absolute;left:40px;top:50%;width:24px;height:24px;margin-top:-4px;-webkit-border-radius:12px;border-radius:50%;background:#7f6ee3;font-size:9px;line-height:24px;color:var(--gray000);text-align:center}
.bfList li a img{position:absolute;left:16px;top:50%;margin-top:-20px;width:40px;height:40px}

 a p{word-break:break-all}
.bfList + .contArea{padding-top:24px;border-top:1px solid rgba(0, 0, 0, .16)}

.bfList.oldData li{padding:0}
.bfList.oldData li a{padding:8px 35px 8px 16px}

.tabCont .tabBox .tabCont .bfList li a{padding:7px 15px 4px}

.contArea .btnBox.drLink{margin-bottom:32px;padding:0}
.btnBox.drLink{position:relative;margin-top:32px;padding:0 16px}
.btnBox.drLink>ul{overflow:hidden}
.btnBox.drLink>ul li{float:left;width:50%;padding-right:4px;-webkit-box-sizing:border-box;box-sizing:border-box}
.btnBox.drLink>ul li:nth-child(2n+2){padding:0 0 0 4px}
.btnBox.drLink .drBtn{display:block;padding:16px 8px 8px;border:1px solid rgba(0, 0, 0, .16)}
.btnBox.drLink .drBtn img{display:block;width:40px;height:40px;margin:0 auto 8px}
.btnBox.drLink .btnM{margin-bottom:10px}

@media screen and (max-width:374px){.btnBox.drLink>ul li a{font-size:0.813rem}}
.tabCont.couType{padding:0 15px !important;box-sizing:border-box}
.tabCont.couType .toggleList{margin:0 -15px !important}

.radioSel.eventCheck .formWrap:first-child{width:100%}
.radioSel.eventCheck .formWrap:first-child label:before{display:inline-block !important;position:absolute;left:10px;top:50%;margin-top:-12px}

.bnfCont .contArea{padding-bottom:20px}
.listType1 li>.afeeCont{position:relative}
.listType1 li>.afeeCont>strong, .listType1 li>.afeeCont>table, .listType1 li>.afeeCont>ul{position:relative}
#specialContainer .toggleList li .toggleView>.listType1>li, .bfList~.toggleList li .toggleView>.listType1>li{margin-left:-9px}
#specialContainer .toggleList li .toggleView>.listType1>li:before, .bfList~.toggleList li .toggleView>.listType1>li:before{content:none}
#specialContainer .toggleList li.noteBox .toggleView>.listType1>li, .bfList~.toggleList li.noteBox .toggleView>.listType1>li{margin-left:0}
#specialContainer .toggleList li.noteBox .toggleView>.listType1>li:before, .bfList~.toggleList li.noteBox .toggleView>.listType1>li:before{content:''}
.bnfCont .depTit4, .afeeCont .depTit4{display:block;margin:20px 0 10px;color:var(--gray090);font-weight:bold}
.bnfCont .depTit2+.depTit4, .bnfCont .depTit3+.depTit4, .afeeCont .depTit2+.depTit4, .afeeCont .depTit3+.depTit4{margin-top:0}
.bnfCont div.incBtn a{margin-top:5px}
.bnfCont table~.txtInfo{margin-top:7px}

.contArea.inpageCont{padding-bottom:30px}
.inpageCont .reference{display:block;width:auto;margin:20px 0 0;border:0 none;background:#f2f3f4}
.inpageCont .reference dl dd{padding-right:120px}
.navTit>span{display:block;margin-bottom:3px;font-size:0.688rem}

/*티타늄카드*/
.ttnCardImg{overflow:hidden;position:relative;margin-top:10px;border:1px solid #ccc}
.ttnCardImg:after{content:'';display:block;position:absolute;left:50%;top:0;width:1px;height:1000px;background:#ccc}
.ttnCardImg li{float:left;width:50%;padding:15px 15px 12px;text-align:center;box-sizing:border-box}
.ttnCardImg li+li+li{border-top:1px solid #ccc}
.ttnCardImg li img{width:100px;vertical-align:top}
.ttnCardImg li .txt{display:block;margin-top:7px}

/*미청구금액*/
.noCharge{position:relative}
.noCharge .totalInfo{position:absolute;right:0;top:-55px}
.payList{margin:10px -20px;border-top:2px solid #111}
.payList li{padding:20px;border-bottom:1px solid #ccc}
.payList li:after{content:'';display:block;clear:both}
.payList li em{float:left;color:var(--gray090)}
.payList li span{float:right;padding-left:10px;color:var(--gray090)}

/*기타결제*/
.depositInfo{display:table;width:100%}
.depositInfo dd{display:table-cell;vertical-align:middle}
.depositInfo dd.info div em{color:#eb5600}
.depositInfo dd.info .fs_2{line-height:1.000rem}
.depositInfo dd.info div+div{margin-top:7px}
.depositInfo dd+dd{text-align:right}
.depositInfo dd.info2{color:var(--gray090)}
.depositInfo dd.info2 strong{margin-right:2px}

.performanceList{margin-top:20px}
.performanceList:before{content:'';display:block;height:6px;/*border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f2f3f4*/} /* 20220119 최상림, 리스트 화면 상단 띠 영역 디자인 주석처리, https://tm.kbcard.com/CMN/DVIEW/MMBMCXHIAMKS0008?URL=MMBMCXHIAMKS0008 */
.performanceList~.botArea{margin-top:-1px}
.performanceList .statement .titBox.type2 .tit{text-align:left;line-height:1.125rem}
.performanceList .statement .titBox.type2 .tit>span{display:block;float:none;color:var(--gray090);font-weight:normal}
.performanceList .statement .titBox.type2 .tit>span+span{margin-top:10px}
.performanceList .statement .titBox.type2 .tit>span em{color:#ff6c00;vertical-align:-1px}
.performanceList .statement .stateToggle.open{padding:20px 0 0}
.performanceList .statement .stateToggle.open .more{margin-top:10px}
.performanceList .statement .stateDetail {margin:15px -15px -16px;padding:20px 0;background:#f8f9f9}
.performanceList .statement .stateDetail .inbox {padding:0 20px}

.performanceList .inbox .infoTable li{padding:15px 18px;border:1px solid #ccc;box-sizing:border-box;background:var(--gray000)}
.performanceList .inbox .infoTable li>em, .performanceList .inbox .infoTable li>span{vertical-align:middle}
.performanceList .inbox .infoTable li>span{padding-left:10px}
.performanceList .inbox .infoTable li>em span, .performanceList .inbox .infoTable li>span span{font-weight:bold}
.performanceList .inbox .infoTable li+li{margin-top:-1px}
.performanceList .infoBox.notImg{margin-top:-8px;background:var(--gray000)}

.titArea .rtArea .price{color:#ff6c00}
.titArea .rtArea .price span{font-size:0.875rem}

.titArea2{position:relative}
.titArea2 .rBtn{position:absolute;right:0;top:-10px}
.titArea2 .aFile{width:38px;height:38px;background:var(--gray000);border:1px solid #bbb;border-radius:3px;position:relative}
.titArea2 .aFile input[type='file']{width:38px;height:38px;opacity:0;position:absolute;left:0;top:0}
.titArea2 .aFile label{display:inline-block;width:38px;height:38px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_clip_24_000.png') no-repeat 50% 50%;background-size:38px auto;color:transparent}

.grayBox .cardBox .cardTxt{border-color:rgba(0,0,0,.16)}
.btnM.arrR{position:relative;text-align:left;padding-left:20px;padding-right:20px}
.btnM.arrR:after{content:'';display:inline-block;position:absolute;right:20px;top:50%;width:8px;height:13px;margin-top:-6px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24.png) no-repeat;background-size:8px 13px}

/*설정*/
.contArea .setupList{margin:0 -16px}
.depTit2.setup{margin-left:20px}
.setupList{padding-left:16px}
.setupList li{position:relative;border-bottom:1px solid #e9e9e9;font-size:1.000rem;color:var(--gray090)}
.setupList>li>a{display:block;padding:16px 40px 16px 0;line-height:1.500rem}
.setupList>li>a: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 0 0;background-size:24px}
.setupList>li>.liWrap{padding:16px 16px 16px 0;line-height:1.500rem}
.setupList>li .abTxt{position:absolute;right:40px;top:50%;line-height:1.500rem;margin-top:-0.6875rem;text-align:right}/* margin-top:-12px; 앱내 글자크기 작게 꺽쇠 열 맟추기 */
.setupList>li .flag{display:inline-block;width:40px;height:20px;margin:2px 0 0 8px;-webkit-border-radius:3px;border-radius:3px;background-color:#7f6ee3;line-height:20px;font-size:12px;color:var(--gray000);text-align:center;vertical-align:top}
.setupList>li.nBtn{padding:16px 16px 16px 0}
.setupList>li.nBtn .abTxt{right:16px;margin-top:-20px;color:var(--gray070)}
.setupList>li.nBtn .abTxt .btnS{display:inline-block}
.setupList>li.goodTouch>a:after{width:76px;height:38px;margin-top:-19px;background-image:url(https://img1.kbcard.com/cxh/ia_img/common/btn_op_onff.png);background-size:76px}
.setupList>li.goodTouch>a.on:after{background-position:0 100%}
.pushMsg{padding:20px 20px 40px;border-bottom:1px solid #ccc}
.pushMsg dl dt{margin-bottom:5px;color:var(--gray090)}
.pushMsg dl dd{line-height:20px}
.pushMsg .date{margin-top:20px;font-size:13px;color:#888}
.lineBox{display:table;width:100%;min-height:100px;padding:16px;border:1px solid #ccc; border-radius:8px;}
.lineBox p{display:table-cell;text-align:center;vertical-align:middle}
.lineBox.type2{height:auto}
.lineBox.type2 a{display:block;padding:14px 0;text-align:center;vertical-align:middle}
.lineBox2{padding:24px 16px;border:1px solid rgba(0, 0, 0, .16);}
/* 2021.11.17 asis→tobe 개선 */
.inforCheck+.lineBox2{border-top:none}

.stepArea .radioSel{padding:10px 15px;border:1px solid #ccc}
.stepArea .radioSel .formWrap{margin:0;padding:10px 5px;border:0 !important;background:var(--gray000)}
.stepArea .radioSel .formWrap.checked,.stepArea .radioSel .formWrap.checked label{border:0 !important;padding:0}
.stepArea .radioSel .formWrap.checked{padding:10px 5px}
.stepArea .radioSel .formWrap label{display:block;width:100%;height:100%;line-height:0;padding:20px 0;border-radius:100%;border:0;background:#f5f5f5;text-align:center}/* 개인화 이미지 리스트 관련 수정 /CMN/DVIEW/MOAMCXHIAOPC0002?mainCC=a */
.stepArea .radioSel .formWrap label img{width:50%}
.stepArea .radioSel .formWrap.checked label{background:var(--yellow040);padding:20px 0}
.stepArea .radioSel.col1{text-align:center}
.stepArea .radioSel.col1 .formWrap{width:25%;float:none;display:table;margin:0 auto;padding-bottom:0}
.stepArea .radioSel.col1 input[type=text][readonly]{margin-top:10px;height:auto;line-height:normal;padding:0;border:0;background:var(--gray000) !important;text-align:center;color:var(--gray090) !important;font-weight:bold}
.stepArea .radioSel.col1 .btnBox{margin-top:20px}
.stepArea .radioSel.col1 .btnBox input{width:68%;float:left}
.stepArea .radioSel.col1 .btnBox button{width:30%;float:right}
.stepArea .radioSel.type3>.formWrap.checked:before, .stepArea .radioSel.type3>.formWrap label:after{display:none}
.ios .setupList>li>a{padding:18px 40px 14px 0}
.ios .setupList>li>.liWrap{padding:18px 16px 14px 0}
.ios .setupList>li .abTxt{margin-top:-0.625rem !important} /* 220323 더보기>설정 텍스트 가운데 정렬 */
.ios .setupList>li.nBtn .abTxt{margin-top:-20px}
.ios .setupList>li .flag{line-height:22px}

.setupTit{padding:0 20px;background:#6b7079;color:var(--gray000);font-size:0.938rem;font-weight:bold;line-height:40px}
.setupTit2{margin-top:24px;padding:8px 16px;background-color:var(--gray000);color:#7da100;font-size:1.000rem;line-height:1.500em;font-weight:bold}

.cardBox.appCard .cardInfo{display:table;padding:20px;border:1px solid #ccc;box-sizing:border-box}
.cardBox.appCard .resetup{display:block;line-height:43px;text-align:center;border:1px solid #ccc;border-top:0}
.cardBox.appCard .resetup:after{content:"";display:inline-block;width:14px;height:15px;margin-left:10px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_resetup.png);background-size:14px 15px}
.cardBox.appCard .cardCheck{border:0}
.cardBox.appCard .cardCheck .cardInfo{padding-left:50px}
.cardBox.appCard .cardCheck:after{top:50%;margin-top:-12px}
.cardBox.appCard .cardType{color:#f76600;font-size:14px;margin:0 0 10px}
.cardBox.appCard .cardInfo.on{padding:19px}

.grayBox.appCardInfo{padding:20px}
.appCardInfo>dl{position:relative;padding-top:25px}
.appCardInfo>dl dt{line-height:1.125rem}
.appCardInfo>dl dd{line-height:1.000rem}
.appCardInfo>dl dd.date{position:absolute;top:0;left:0}
.appCardInfo>dl dd.info{margin-top:10px;color:#888}
.appCardInfo .cntPrice{overflow:hidden;margin:20px -20px -20px;padding:15px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.appCardInfo .cntPrice>div{display:table;width:100%}
.appCardInfo .cntPrice dl{display:table-cell;width:50%;padding:0 20px}
.appCardInfo .cntPrice dl+dl{border-left:1px solid #ccc}
.appCardInfo .cntPrice dl dt, .appCardInfo .cntPrice dl dd.cnt{display:inline-block}
.appCardInfo .cntPrice dl dt{color:#888}
.appCardInfo .cntPrice dl dd.cnt{color:var(--gray090)}
.appCardInfo .cntPrice dl dd.price{margin-top:20px;text-align:right;color:#ff6c00}
.appCardInfo .cntPrice dl dd.price em{vertical-align:-1px}

.appCardCert{text-align:center}
.tabCont.appCardCert{margin:0;padding:70px 20px}
.appCardCert .tit{display:block;text-align:center;font-weight:normal;color:var(--gray090);line-height:1.000rem}
.appCardCert .txt{font-size:0.813rem;line-height:1.1em}
.appCardCert .certArea, .appCardCert .btnArea{margin-top:40px}
.appCardCert .certArea span, .appCardCert .signArea span{display:block}
.appCardCert .certArea img{height:90px;vertical-align:top}
.appCardCert .certArea .nfcImg img{height:140px}
.appCardCert .certArea .codeNum{margin-top:10px;font-size:0.875rem;letter-spacing:2px;line-height:1.1em}
.appCardCert .certArea .txt{margin-top:20px}
.appCardCert .signArea{display:inline-block;position:relative;margin-top:30px;border:1px solid #e9e9e9;background:url(https://img1.kbcard.com/cxh/ia_img/OP/img_sample_sign.png) no-repeat center;background-size:150%}
.appCardCert .signArea img{width:240px;vertical-align:top}
.appCardCert .signArea .currSign img{width:100%;max-width:320px}
.appCardCert .signArea .name{position:absolute;right:8px;bottom:3px;font-size:0.813rem;letter-spacing:-1px}
.appCardCert .btnArea a{display:inline-block;padding:0 20px;border:1px solid #ccc;border-radius:40px;line-height:36px;vertical-align:top}
.appCardCert .btnArea a.reflash{display:inline-block;padding:0 15px}
.appCardCert .btnArea a.reflash:after{content:"";display:inline-block;width:12px;height:12px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_refresh2.png);background-size:12px;margin-left:7px}
.appCardCert .btnArea .icoLReset:before{background-position:-48px 0;vertical-align:-2px}

.waitPay .cardTxt{margin-top:-1px !important}
.waitPay .cardTxt{display:table !important;width:100%;padding:20px !important;box-sizing:border-box}
.waitPay .cardTxt>span{display:table-cell;vertical-align:middle}
.waitPay .cardTxt .info strong{font-size:1.000rem;line-height:1.1em}
.waitPay .cardTxt .info em{margin-top:15px}
.waitPay .cardTxt .price{text-align:right}
.waitPay .cardTxt .price em{margin:0;color:var(--gray090)}
.waitPay .cardTxt .price em span{margin:0;padding:0;border:0 none}
.waitPay .cardTxt.on{position:relative;z-index:10;padding:19px !important}

.franchiseList{}
.franchiseList div+div{margin-top:30px}
.franchiseList ul{overflow:hidden}
.franchiseList ul li{float:left;width:33.33%;text-align:center}
.franchiseList ul li img{width:60px;vertical-align:top}
.franchiseList ul li span{display:block;margin-top:10px;font-size:0.813rem;line-height:1.3em}

.donation{margin-bottom:-20px}
.donation ul li img{width:100%;vertical-align:top}
.donation .paging{position:absolute;left:0;bottom:10px;width:100%}
.swiperCon .paging.white span{border-color:var(--gray000)}
.swiperCon .paging.white span.on{background:var(--gray000)}
.dnImg_overTxt{position:relative}
.dnImg_overTxt img{width:100%}
.dnImg_overTxt .con{position:absolute;left:20px;right:20px;bottom:20px;color:var(--gray000)}
.dnImg_overTxt .con strong, .dnImg_overTxt .con p{text-shadow:1px 1px 1px rgba(0,0,0,0.5)}
.dnImg_overTxt .con strong+p{margin-top:5px;line-height:1.250rem}
.dnImg_overTxt .btnS{margin-top:10px;padding:6px 13px;border:2px solid var(--gray000);background:rgba(0,0,0,0.25);color:var(--gray000)}
.dnImg_overTxt .btnS .arrR:after{background-image:url(https://img1.kbcard.com/cxh/ia_img/OP/ico_arr_w.png)}

.payPWinput{padding:27px 15px;text-align:center}
.payPWinput .titTxt{display:block;margin-bottom:30px;font-size:1.063rem;font-weight:normal;color:var(--gray090)}

/*통합검색*/
.srchArea{position:relative}
.srchArea:after{content:'';display:block;clear:both}
.srchArea .srchInput{position:relative;margin-right:60px}
.srchArea .srchInput input{width:100%;height:70px;padding:23px 85px 22px 20px !important;border:0 none !important;background:#5a5d66;font-size:1.125rem;line-height:24px;color:var(--gray000) !important}
.srchArea .srchInput input::-webkit-input-placeholder{color:var(--gray000)}
.srchArea .srchInput input::-moz-placeholder{color:var(--gray000)}
.srchArea .srchInput input:-moz-placeholder{color:var(--gray000)}
.srchArea .srchInput .openArea{display:none;position:absolute;left:0;top:70px;z-index:1}
.srchArea .srchInput .kwdDim{position:fixed;top:60px;left:0;bottom:0;right:0;z-index:1;background:rgba(0,0,0,0.3)}
.srchArea .srchInput input, .srchArea .srchInput input:focus, .srchArea .srchInput .kwdDel, .srchArea .srchInput .kwdList{position:relative;z-index:2}
.srchArea .srchInput .kwdDel{overflow:hidden;position:absolute;right:50px;top:20px;width:31px;height:30px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_del.png) no-repeat 50% 50%;background-size:21px 21px;text-indent:-9999rem}
.srchArea .srchInput .kwdList{padding:0 20px;background:var(--gray000)}
.srchArea .srchInput .kwdList li+li{border-top:1px solid #ccc}
.srchArea .srchInput .kwdList li a{display:block;padding:14px 0}
.srchArea .srchInput .kwdList li a em{color:#ff6a00}
.srchArea .srchBtn{overflow:hidden;position:absolute;right:10px;top:15px;z-index:2;width:40px;height:40px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_search_y.png) no-repeat 50% 50%;background-size:20px 20px;text-indent:-9999rem}
.srchArea .voiceSearch{overflow:hidden;position:absolute;right:0;top:0;width:60px;height:70px;background:#6d7079 url(https://img1.kbcard.com/cxh/ia_img/common/ico_voice_search.png) no-repeat 50% 50%;background-size:30px 30px;text-indent:-9999rem}
.srchArea .srchInput.open{margin-right:0;z-index:13}
.srchArea .srchInput.open .openArea{display:block;width:100%}
.srchArea .srchInput.open .openArea input{color:#4d4f57}
.srchArea.mWeb .srchInput{margin-right:0}
.srchArea.mWeb .voiceSearch{display:none}
.srchArea.mApp .srchInput{margin-right:0}/* 음성 검색 삭제 */  
.srchArea.mApp .voiceSearch{display:none}/* 음성 검색 삭제 */  
.pupKwdWrap{min-height:240px}
.srchTit{height:44px;background:#eef1f2;color:var(--gray090);font-weight:bold;font-size:0.875rem;text-align:center;line-height:44px}
.pupKwdList{padding:0 20px}
.pupKwdList ol{counter-reset:num 0}
.pupKwdList ol li+li{border-top:1px solid #e9e9e9}
.pupKwdList ol li a:before{counter-increment:num;content:counter(num);display:inline-block;width:25px;margin:0 15px 0 -5px;font-size:1.125rem;text-align:center;vertical-align:-2px}
.pupKwdList ol li a:before{color:#ff6c00}
.pupKwdList ol li+li+li+li a:before{color:#888}
.pupKwdList ol li a{display:block;padding:14px 0 12px;font-size:1.063rem}

/*검색결과*/
.srchResult{background:#f4f4f4}
.srchResult .tabList{background:var(--gray000)}
.srchResult .tabCont{margin-top:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:var(--gray000)}
.srchResult .tabCont .depTit2{margin:0;padding:37px 20px 15px}
.srchResult [class^='srchList'] li{border-top:1px solid #e9e9e9}
.srchResult [class^='srchList'] li a{display:block;padding:17px 20px;line-height:1.250rem;box-sizing:border-box}
.srchResult em{color:#ff6c00 !important}
.srchResult .tabCont .moreView{border-top:1px solid #e9e9e9;text-align:right}
.srchResult .tabCont .moreView a{display:inline-block;position:relative;padding:0 35px 0 20px;line-height:45px}
.srchResult .tabCont .moreView a:after{content:'';display:inline-block;position:absolute;right:20px;top:50%;width:5px;height:8px;margin-top:-4px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr15_g.png) no-repeat;background-size:5px 8px}
.srchResult .tabCont .toggleList+.moreView{margin-top:-1px}
.srchResult .srchListCard .depTit3{margin:0;padding:10px 0 15px}
.srchResult .srchListCard .depTit3+.cardInfo{padding-bottom:10px}
.srchResult .srchListCard .cardInfo .infoTxt strong{font-weight:normal}
.srchResult .srchListCard .cardInfo .txt{color:#666;line-height:1.250rem}
.srchResult .srchListEvent li a{display:table;width:100%}
.srchResult .srchListEvent li a>span{display:table-cell;vertical-align:middle}
.srchResult .srchListEvent li a .tit{display:block;font-size:1.063rem}
.srchResult .srchListEvent li a .date{display:block;margin-top:5px;color:#888;font-size:0.813rem}
.srchResult .srchListEvent li a .thum{width:80px;padding-left:20px}
.srchResult .srchListEvent li a .thum img{width:80px;vertical-align:top}
.srchResult .srchListType2 li a{line-height:1.125rem}
.srchResult .srchListType2 li a .tit{display:block;margin-bottom:10px;color:var(--gray090)}
.srchResult .srchListType2 li a .txt{color:var(--gray090)}
.srchResult .srchListType2 li a .ctgr{display:block;margin-top:10px;color:#666;font-size:0.813rem;line-height:1.2em}

.srchResult.nodata{padding:32px 20px;margin:0;text-align:center;background:var(--gray000)}
.srchResult.nodata .img{display:inline-block;width:54px;vertical-align:middle}
.srchResult.nodata .img img{width:54px;vertical-align:top}
.srchResult.nodata .txt{display:inline-block;margin-left:8px;vertical-align:middle;text-align:left;line-height:1.375rem;letter-spacing:-1px}
.srchResult.nodata .txt em{color:var(--gray090);font-weight:bold}
@media screen and (max-width:374px){.srchResult.nodata .txt{width:200px}}

/*알리미*/
.infoBox.pushMsgImg{background:var(--gray000)}
.infoBox.pushMsgImg:before{content:'';display:inline-block;width:70px;height:70px;margin-bottom:20px;background:url(https://img1.kbcard.com/cxh/ia_img/common/img_push_msg.png);background-size:70px 70px}

.alarmCont{margin-bottom:-20px;padding-bottom:20px}
.alarmCont .sort_btn{position:relative;height:60px;background:#6b7079}
.alarmCont .sort_btn .sort{margin-right:120px}
.alarmCont .sort_btn .sort .selType1:before{content:none}
.alarmCont .sort_btn .sort .selType1.type2{border:0 none;background:transparent}
.alarmCont .sort_btn .sort .selType1.type2>a{width:100%;height:60px;padding-left:20px;line-height:60px;color:var(--gray000)}
.alarmCont .sort_btn .sort .selType1>a:before{content:none}
.alarmCont .sort_btn .sort .selType1>a:after{content:'';display:inline-block;margin-left:10px;border:1px solid transparent;border-width:7px 5px;border-top-color:var(--gray000);vertical-align:-5px}
.alarmCont .sort_btn .btn{position:absolute;top:0;right:0}
.alarmCont .sort_btn .btn a{float:left;overflow:hidden;position:relative;width:60px;height:60px;background:#5b606a;text-indent:-9999em}
.alarmCont .sort_btn .btn a[class^='ico']:after{content:'';display:block;position:absolute;top:20px;left:20px;width:20px;height:20px;background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_btn_icon.png) no-repeat;background-size:200px 200px}
.alarmCont .sort_btn .btn a.icoCalendar:after{background-position:0 -20px}
.alarmCont .sort_btn .btn a.icoTimeline:after{background-position:-21px -20px}
.alarmCont .sort_btn .btn a.icoDel:after{background-position:-42px -20px}
.alarmCont .sort_btn .btn a+a:before{content:'';display:block;position:absolute;left:-1px;top:20px;width:2px;height:20px;background:#7c8088}

.alarmCont .alarmDate{position:relative;padding:20px 15px;color:var(--gray090);font-size:1.313rem;line-height:1em}
.alarmCont .alarmDate span{position:relative;display:inline-block;padding-right:10px;background:#f4f4f4}
.alarmCont .alarmDate:before{content:'';display:block;position:absolute;left:50px;top:50%;width:100%;height:1px;background:#e5e5e5}
.alarmCont .alarmMsgList>li{position:relative;margin:0 20px;padding:20px;border-radius:3px;background:var(--gray000);box-shadow:0 1px 2px rgba(0,0,0,0.2)}
.alarmCont .alarmMsgList>li+li{margin-top:7px !important}
.alarmCont .alarmMsgList.toggleList>li{overflow:hidden}
.alarmCont .alarmMsgList.iconType>li{position:relative;margin:0 15px 0 55px;border-radius:0 3px 3px 3px;background:var(--gray000);box-shadow:0 1px 2px rgba(0,0,0,0.2)}
.alarmCont .alarmMsgList.iconType>li:before{content:'';position:absolute;left:-11px;top:0;width:11px;height:11px;background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_alarmbox.png) no-repeat;background-size:11px 11px}
.alarmCont .alarmMsgList.toggleList>li .ctgr{display:block;overflow:hidden;position:absolute;left:0;top:0;width:3px;height:9999px;text-indent:-9999rem}
.alarmCont .alarmMsgList.iconType>li .ctgr{display:block;overflow:hidden;position:absolute;left:-40px;top:0;width:20px;height:20px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_alarm.png) no-repeat;background-size:120px 20px;background-color:transparent !important;text-indent:-9999rem}
.alarmCont .alarmMsgList>li .ctgr.alm{background-color:var(--yellow040);background-position:0 0}
.alarmCont .alarmMsgList>li .ctgr.noti{background-color:#0fb38e;background-position:-20px 0}
.alarmCont .alarmMsgList>li .ctgr.news{background-color:#02aec4;background-position:-40px 0}
.alarmCont .alarmMsgList>li .ctgr.win{background-color:#7f6ee3;background-position:-60px 0}
.alarmCont .alarmMsgList>li .ctgr.evt{background-color:#ff8a00;background-position:-80px 0}
.alarmCont .alarmMsgList>li .ctgr.useCd{background-color:#4a79d8;background-position:-100px 0}
.alarmCont .alarmMsgList>li .info{display:block}
.alarmCont .alarmMsgList>li .info .tit, .alarmCont .inforCheck.type3 label .tit{display:block;color:var(--gray090);font-size:1.000rem;line-height:1.250rem}
.alarmCont .alarmMsgList>li .info .date, .alarmCont .inforCheck.type3 label .date{display:block;margin-top:5px;color:#888;font-size:0.813rem;line-height:1.1em}
.alarmCont .alarmMsgList>li .info .date span+span:before, .alarmCont .inforCheck.type3 label .date span+span:before{content:'';display:inline-block;width:1px;height:10px;margin:0 7px 0 3px;background:#e0e0e0}
.alarmCont .alarmMsgList>li .info .payInfo{color:var(--gray090)}
.alarmCont .alarmMsgList>li .con{margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5;color:var(--gray090);line-height:1.250rem}
.alarmCont .alarmMsgList>li .con dl.refer{margin-top:15px;font-size:0.813rem;line-height:1.3em;color:#666}
.alarmCont .alarmMsgList>li .con dl.refer dt:before{content:'※ '}
.alarmCont .alarmMsgList>li .con dl.refer dt{padding-bottom:5px}
.alarmCont .alarmMsgList>li .con .imgArea a{display:block}
.alarmCont .alarmMsgList>li .con .imgArea img{width:100%;vertical-align:top}
.alarmCont .alarmMsgList>li .con .evtList{margin-top:20px}
.alarmCont .alarmMsgList>li .con .tgl{margin-bottom:-10px}
.alarmCont .alarmMsgList>li .con .tgl .tglDetail{padding-top:20px;color:#666;font-size:0.813rem;line-height:1.3em}
.alarmCont .alarmMsgList>li .linkArea{overflow:hidden;margin:20px -20px -20px}
.alarmCont .alarmMsgList>li .linkArea a{display:block;height:45px;line-height:45px;border-top:1px solid #e5e5e5;text-align:center}
.alarmCont .alarmMsgList>li .linkArea a .icoRShare:after{margin-left:3px;background-position:-64px 0;vertical-align:-2px}
.alarmCont .alarmMsgList>li .linkArea.col2 a{float:left;width:50%}
.alarmCont .alarmMsgList>li .linkArea.col2 a:last-child{float:right;margin-left:-1px;border-left:1px solid #e5e5e5}
.alarmCont .termsBox.type2 .inforCheck{background:var(--gray000)}
.alarmCont .inforCheck.type3 input[type=checkbox]+label:before{top:50%;margin-top:-12px}

.alarmCont .tgl .tglBtn{margin-top:10px;overflow:hidden;height:30px;position:relative;border:0 none;background:transparent;text-align:left;text-indent:-9999px}
.alarmCont .tgl .tglBtn:after{content:'';display:block;position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_btn_icon.png) no-repeat;background-size:200px 200px}
.alarmCont .tgl .tglBtn.btnOpen:after{background-position:-63px -20px}
.alarmCont .tgl .tglBtn.btnClose{display:none}
.alarmCont .tgl .tglBtn.btnClose:after{background-position:-84px -20px}
.alarmCont .tgl.open .tglBtn.btnOpen{display:none}
.alarmCont .tgl.open .tglBtn.btnClose{display:block}

/* 단기 카드대출 */
.through{text-decoration:line-through;color:var(--gray060)}
.btnS.arrR.type2:after, .quickLink .arrR.type2:after, a .arrR.type2:after{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000_b.png) no-repeat;background-size:24px auto}
.shortCardLoan_history:before{content:'';display:block;margin:0 -15px;height:0;border-top:1px solid #ccc}
.shortCardLoan_history .tbsList1.type4{margin-top:17px}
.shortCardLoan_history div .tbsList1+.btnM{margin-top:10px}

/* 서비스 대출관리 */
.noLine{border-top:none !important}
.infoTable.spacing{border-top:1px solid #ccc;padding-top:20px !important;margin-top:20px}
.infoTable.spacing .arrR.type2{font-size:0.938rem}
.useRecord.type2{padding-top:0}
.useRecord.type2 .listBox li{display:table;width:100%}
.useRecord.type2 .listBox li+li{margin-top:8px}
.useRecord.type2 .listBox li>span{display:table-cell;padding-right:10px;color:#666;vertical-align:middle}
.useRecord.type2 .listBox li>strong, .useRecord.type2 .listBox li>a{display:table-cell;text-align:right;font-weight:normal;color:var(--gray090);vertical-align:middle}
.useRecord.type2 .listBox li .attTxt{display:block;margin-top:-2px;text-align:right;font-size:12px}
.useRecord.type2>.recordGraph>li>.inner.type2:after{background-image:none}
.inner.type2 .dBar{position:relative;margin-bottom:20px;background:var(--gray000)}
.inner.type2 .dBar .txt_01,.dBar .txt_02,.dBar .txt_03{position:absolute;bottom:-20px;left:0;color:#888;font-size:10px}
.inner.type2 .dBar .txt_02{left:50%;margin-left:-15px}
.inner.type2 .dBar .txt_03{left:100%;margin-left:-35px}

.useRecord>.recordGraph>li>.inner .dBar .uBar.type3{background:#7f6ee3}
.completeBox{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gray090);opacity:0.8;color:var(--gray000)}
.completeBox strong{display:block;padding-top:156px;background:url(https://img1.kbcard.com/cxh/ia_img/FL/bg_complete.png) center 68px no-repeat;background-size:68px 68px}
.completeBox span{display:block;margin-top:10px}
.btnLimpidity{background:none !important;border:1px solid var(--gray000);color:var(--gray000) !important}

.loanRecordList>div{padding:25px 15px}
.loanRecordList>div+div{border-top:1px solid #ccc}
.loanRecordList>div div+.btnM{margin-top:15px}

.depTit2+.srchDate{margin-top:-7px}
.useSrchResult .trsDate{display:block;margin:30px 0 10px;font-weight:normal;font-size:0.813rem;color:#888}

/* SNS 공유하기 */
.snsShare li+li{border-top:1px solid #ccc}
.snsShare li a{display:block;padding:10px 0 10px 76px;background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_share.png) no-repeat;background-size:40px 342px;height:40px;line-height:40px;background-position:20px 10px}
.snsShare li.facebook a{background-position:20px -50px}
.snsShare li.kakao a{background-position:20px -111px}
.snsShare li.band a{background-position:20px -171px}
.snsShare li.line a{background-position:20px -231px}
.snsShare li.twitter a{background-position:20px -291px}

.snsShare2{padding:16px 12px 24px;background-color:#f6f8f9;text-align:center}
.snsShare2 h2{margin-bottom:16px;font-size:1.000rem;line-height:1.500em;text-align:center}
.snsShare2 ul{overflow:hidden;display:block;width:296px;margin:0 auto}
.snsShare2 li{float:left;margin-right:40px; margin-bottom:30px;}
.snsShare2 li:nth-child(3n-3){margin-right:0}
.snsShare2 li a{overflow:hidden;display:block;position:relative;width:72px;height:24px;padding:56px 0 8px;background-repeat:no-repeat;background-position:50% 8px;background-size:40px;font-size:16px;line-height:24px}
.snsShare2 li a:after{content:'';position:absolute;bottom:0;left:0;height:8px;width:100%;background-color:#f6f8f9}
.snsShare2 li.facebook a{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/app/40/app_facebook_40.png')}
.snsShare2 li.kakao a{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/app/40/app_kakaotalk_40.png')}
.snsShare2 li.band a{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/app/40/app_band_40.png')}
.snsShare2 li.line a{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/app/40/app_line_40.png')}
.snsShare2 li.sms a{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/app/40/app_sms_40.png')}
.snsShare2 li.email a{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/app/40/app_email_40.png')}
.snsShare2 li.snsMore a{position:relative;background:none}
.snsShare2 li.snsMore a:after{content:'';position:absolute;top:8px;left:50%;width:40px;height:40px;margin-left:-20px;-webkit-border-radius:20px;border-radius:50%;background:#7f6ee3 url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_more_24_fff.png') no-repeat center;background-size:24px}
.snsShare2 li.urlcopy a{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/app/40/ico_sms_40.png')}
.snsShare2 .urlCopy{position:relative;left:50%;width:72px;margin-top:-88px;margin-left: 75px}
.snsShare2 .urlCopy input{display:none}
.snsShare2 .urlCopy button{display:block;width:72px;padding:56px 0 8px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/app/40/ico_sms_40.png') no-repeat 50% 8px;background-size:40px;font-size:16px;line-height:24px}
.snsShare2 .col4 li {margin-right:0;}
.snsShare2 .col4 li a {width:auto; font-size:14px;}

.popCont.snsShare2, .popCont.snsShare2 li a:after{background-color:var(--gray000)}
.comeUp .popCont.snsShare2{padding:16px 12px 24px;}

/* 혜택 이벤트 */
.eventBanner img{width:100%}
.starshopList .listType>ul>li>a>.txt .type,.starshopList .listType>ul>li>a>.txt .best{float:left;width:75%;overflow:hidden;font-size:13px;color:var(--gray060);text-overflow:ellipsis;line-height:17px;white-space:nowrap}
.starshopList .listType>ul>li>a>.txt .best{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_best.png) 0 center no-repeat;background-size:14px 12px;padding-left:18px}

.eventViewBox{padding:26px 0 26px 40px;text-align:left;background:#f4f4f4 url(https://img1.kbcard.com/cxh/ia_img/BN/bg_eventview.png) right bottom no-repeat;background-size:149px 84px}
.eventViewBox span{display:block;font-size:14px;color:#ff6c00}
.eventViewBox strong{display:block;font-size:18px;color:#000;margin-top:10px}

.btnShare{display:block;position:fixed;right:16px;bottom:16px;z-index:899;width:93px;height:40px;padding-left:16px;-webkit-border-radius:50px;border-radius:50px;background:#7f6ee3 url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_share_24_fff.png') no-repeat 69px center;background-size:24px;line-height:40px;color:var(--gray000);font-weight:normal;font-size:14px;-webkit-box-shadow:0 6px 6px rgba(127, 110, 227, .25)}
.btnShare .hidden{display:inline-block;position:inherit;font-size:14px;margin:0;width:auto;height:auto;overflow:inherit;line-height:40px;clip:auto}
.ios .btnShare{line-height:42px}
.infoBox.eventWin{padding:30px 20px 30px 110px;text-align:left;position:relative}
.infoBox.eventWin strong{margin-top:5px}
.infoBox.eventWin:before{content:"";display:inline-block;width:70px;height:60px;position:absolute;left:20px;top:50%;margin-top:-30px;background:url(https://img1.kbcard.com/cxh/ia_img/BN/img_eventwin.png);background-size:70px}

.franchise li{padding-left:20px}
.franchise .name{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_franchise01.png) 0 3px no-repeat;background-size:14px}
.franchise .addr{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_franchise02.png) 0 3px no-repeat;background-size:14px}
.franchise .number{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_franchise03.png) 0 3px no-repeat;background-size:14px}

.starshopList .listType>ul>li>a>.txt>.area{margin-bottom:7px}
.starshopList .listType>ul>li>a>.txt>.area:after{content:'';display:block;clear:both}
.starshopList .listType>ul>li>a>.txt .city{float:left;font-size:13px;color:#666;line-height:17px}
.starshopList .listType>ul>li>a>.txt .zone{float:left;width:75%;overflow:hidden;font-size:13px;color:#666;line-height:17px;text-overflow:ellipsis;white-space:nowrap}
.starshopList .listType>ul>li>a>.txt .zone:before{content:'';display:inline-block;height:8px;border-left:1px solid #e0e0e0;margin:0 7px}
.starshopList .listType>ul>li>a>.txt .date{margin-top:5px}
.starshopList .listType>ul>li>a>.txt>.date.type2{overflow:inherit;text-overflow:inherit;white-space:inherit}
.starshopList .listType>ul>li>a>.txt>.date.type2>em{display:inline-block}
.starshopList .listType>ul>li>a>.txt>.date>em:before{content:'';display:inline-block;height:8px;border-left:1px solid #e0e0e0;margin:0 7px 0 5px}

.benefitList .tabDep2 li.on{border:2px solid #7f6ee3}
.benefitList .listType.type2>ul>li>a{box-shadow:none;border:1px solid #ccc}

.titOn,.titOff{padding-left:14px;background:url(https://img1.kbcard.com/cxh/ia_img/BN/bg_ing_on.png) 0 center no-repeat;background-size:8px;font-size:14px;color:#666}
.titOff{background:url(https://img1.kbcard.com/cxh/ia_img/BN/bg_ing_off.png) 0 center no-repeat;background-size:8px}
.titOn+.titOff{margin-left:15px}
.ingOn,.ingOff{position:relative}
.ingOn:after,.ingOff:after{content:'';display:block;position:absolute;top:7px;right:7px;background:url(https://img1.kbcard.com/cxh/ia_img/BN/bg_ing_on2.png) 0 center no-repeat;background-size:6px;width:6px;height:6px}
.ingOff:after{background:url(https://img1.kbcard.com/cxh/ia_img/BN/bg_ing_off2.png) 0 center no-repeat;background-size:6px}

.selType1.type4{padding:0}
.selType1.type4>a{padding-left:20px;width:100%}

/* 반짝할인 */
.todayBox .inner ul:after,.todayBox .inner .today:after{content:"";display:block;height:0;clear:both}
.todayBox{background:#5041ae;color:var(--gray000);box-sizing:border-box;letter-spacing:-1px;padding:10px 0;overflow:hidden;height:72px}
.todayBox .today{display:block;width:50px;height:50px;border:1px solid var(--gray000);border-radius:30px;text-align:center;margin:0 4px 0 20px;line-height:50px;font-size:11px;color:var(--gray000)}
.todayBox .inner{width:100%;overflow:hidden;position:relative;top:-50px;left:80px}
.todayBox .inner ul{width:2000px;position:relative;left:0px}
.todayBox .inner li{float:left}
.todayBox .inner li a{display:block;color:var(--gray000);width:49px;height:50px;text-align:center}
.todayBox .inner li .month{display:block;font-size:10px}
.todayBox .inner li .day{display:block;font-size:21px}
.todayBox .inner li.focus a{color:#ffde00}
.eventDay{display:block;margin:30px 0 17px;font-size:21px;color:#7f6ee3}
.saleViewBox + .contArea.topBor{margin-top:0}
.cplOfficer{margin:30px 15px 0}
.saleViewBox{text-align:left;padding:20px 20px 20px 15px;min-height:112px;box-sizing:border-box}
.saleViewBox .center{float:right}
.saleViewBox strong{line-height:1.188rem}

.bgNone a{background:none !important}

/* 혜택 멤버십 */
.dashLine{border-style:dashed !important;position:relative;display:block !important}
.dashLine:after{content:"";display:block;position :absolute;right:20px;top:50%;width:14px;height:14px;margin-top:-7px;background:url(https://img1.kbcard.com/cxh/ia_img/common/btn_toggle.png);background-size:28px 17px}
.pdBox{padding:20px}
.starshopList .listType.thumMiddle>ul>li>a>.thum{vertical-align:middle}
.starshopList .listType.thumMiddle>ul>li>a>.thum img{border-radius:inherit}
.starshopList .listType.thumMiddle>ul{padding-top:0}
.listType.thumMiddle .endEventDisabled a .txt,.listType.thumMiddle .endEventDisabled a .thum{opacity:0.5}

.lineColor{border-top:1px solid #ccc}/* 혜택 탭박스 상단 회색 라인 */
.lineColor1{border-top:1px solid #7f6ee3}/* 혜택 탭박스 상단 보라색 라인 */
.blineColor{border-bottom:1px solid #ccc}/* 혜택 탭박스 상단 회색 라인 */
.blineColor1{border-bottom:1px solid #7f6ee3}/* 혜택 탭박스 상단 보라색 라인 */

.contArea .memberBox{border:1px solid #e9e9e9}
.memberBox{box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,0.18)}
.memberBox.noType{box-shadow:none}
.memberBox+.memberBox{margin-top:7px}
.memberBox .memberType1{display:table;padding:5%}
.memberBox .memberType1 .tit{font-size:15px;color:var(--gray090);line-height:20px}
.memberBox .memberType1 .point{display:block;text-align:right;font-size:14px}
.memberBox .memberType1 .point em{font-size:24px}

.barcodeBox{background:var(--gray000);box-shadow:none;margin-top:0 !important}
.barcode,.memberBox .coupon{display:block;border-top:1px solid #ccc;padding:10px 0;text-align:center}
.barcode img{width:197px}
.popCont .barcode{border-top:0;padding:0}

.memberBox .coupon span{padding-right:24px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_download.png) no-repeat right center;background-size:14px 13px}
.memberBox .memberType2{display:table;padding:5%}
.memberBox .memberType2 .point{display:block;font-size:14px}
.memberBox .memberType2 .point strong{padding-left:10px}

.btnDown span{padding-right:24px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_download.png) no-repeat right center;background-size:14px 13px}

.memberBox .infoTxt{vertical-align:top !important}
.memberBox .infoTxt .tit{font-size:1.000rem;padding-bottom:10px !important}
.memberBox .infoTxt .txt{color:#666;font-size:14px}
.memberBox .infoTxt .txt.stxt{font-size:13px}

.memberBox .mpointBox .pCon .txt,.memberBox .pointBox .pCon .point{display:block;text-align:left}
.memberBox .mpointBox .pCon .point{text-align:right}

.memberCon .useList li{border-bottom:1px solid #ddd}
.memberCon .useList li a{padding:20px 0;display:table;width:100%}
.memberCon .useList li a>span{display:table-cell}
.memberCon .useList li a>strong{display:table-cell;text-align:right;font-size:17px;color:var(--gray090);vertical-align:middle}
.memberCon .useList .tit{font-size:1.000rem;color:var(--gray090);letter-spacing:-1px}
.memberCon .useList .day{margin-top:10px;font-size:14px;color:#666;display:block}
.memberCon .useList .day .time:before{content:'';display:inline-block;height:8px;border-left:1px solid #e0e0e0;margin:0 5px 0 3px}
.memberCon .useList .type{font-size:14px}

.memberCon .useList.notiArea{}
.memberCon .bigArr{position:relative;right:0;top:0;margin:0 0 0 8px}
.memberCon .bigArr:after{content:'';display:inline-block;position:absolute;right:0;top:50%;width:8px;height:13px;margin-top:-4px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24.png) no-repeat;background-size:8px 13px}

.borBot{border-bottom:1px solid #ccc !important}
.borTop{border-top:1px solid #ccc !important}
.nborBot{border-bottom:none !important}
.nborTop{border-top:none !important}

.btnS.coupon{display:inline-block;line-height:1.125rem;padding:8px 14px;border-top:1px solid #ccc}
.benefitFilter .btnFilter.type2>span:after{background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr15.png) no-repeat 0 0;background-size:5px 8px;width:5px;height:8px;margin-left:8px}

/* 카드이미지 스와이프 가운데 */
.swiperCon.type2{padding:0 50px}
.swiperCon.type2 ul li div{padding:0 15px}
.swiperCon.type2 ul li div img{width:100%}

.btnRound{display:inline-block;border-radius:20px;border:1px solid #111;color:var(--gray090);font-size:14px}
.btnRound .btnCamera{padding-left:20px;background:url(https://img1.kbcard.com/cxh/ia_img/bn/ico_camera.png) no-repeat 0 center;background-size:14px 12px}
.btnRound .btnAlbum{padding-left:20px;background:url(https://img1.kbcard.com/cxh/ia_img/bn/ico_album.png) no-repeat 0 center;background-size:14px 12px}

.infoArea{padding:20px 20px}
.infoArea .totalCnt{color:#888}

/*개별 이벤트*/
.sgEvent{padding:0 15px}
.sgEvent a{display:table;width:100%;table-layout:fixed;background:var(--gray000);box-sizing:border-box;border:1px solid #cecece;padding:17px 20px;letter-spacing:-0.5px;min-height:120px}
.sgEvent a>.txt{display:table-cell;vertical-align:middle}
.sgEvent a>.txt>*{display:block}
.sgEvent a>.txt .tit{font-size:1.000rem;color:var(--gray090);line-height:20px}
.sgEvent a>.txt .date{font-size:13px;color:#888;overflow:hidden;text-overflow:ellipsis;line-height:16px;white-space:nowrap}
.sgEvent a>.thum{display:table-cell;width:80px;vertical-align:top;padding-left:7px}
.sgEvent a>.thum img{width:80px;height:80px;vertical-align:top}

/* 금융계산기 */
.divBro .inpTxt1.checked{z-index:2}
.divBro .inpTxt1+.calWrap{margin-top:-1px}
.useLimit.nborTop.bgGray{background:#eef1f2 !important;border-bottom:1px solid #e4e9eb}
.useLimit.nborTop.bgGray:before, .useLimit.nborTop.bgGray>dl:after{content:none}

/* 쿠폰함 */
.couponTab .tabDep0{background:#7f6ee3}
.couponTab .tabDep0 li a{background:#7f6ee3;color:var(--gray000)}
.couponTab .tabDep0 li.on a{background:#5443b9;color:#ffde00;font-weight:bold}
.couponTab .tabDep0 li+li{padding-left:0}
.couponTab .tabDep1 li a{background:var(--gray000)}

.couponboxList{padding-bottom:3px}
.couponboxList>ul>li{position:relative;background:var(--gray000);box-shadow:0 1px 2px rgba(0,0,0,0.18);border-right:1px solid #e9e9e9}
.couponboxList>ul>li+li{margin-top:10px}
.couponboxList>ul>li a{display:block}
.couponboxList>ul>li .couponInfor{display:table;width:100%;box-sizing:border-box;padding:20px}
.couponboxList>ul>li .couponInfor>*{display:table-cell;vertical-align:middle}
.couponboxList>ul>li .couponInfor .txtArea>*{display:block}
.couponboxList>ul>li .couponInfor .txtArea .etc{font-size:13px}
.couponboxList>ul>li .couponInfor .txtArea .brandName{color:#666}
.couponboxList>ul>li .couponInfor .txtArea .category+.brandName:before{content:'';display:inline-block;height:8px;border-left:1px solid #ccc;margin:0 7px 0 5px}
.couponboxList>ul>li .couponInfor .txtArea .tit{font-size:1.000rem;color:var(--gray090);padding-right:10px}
.couponboxList>ul>li .couponInfor .txtArea .dateInfor{font-size:13px;color:#888}
.couponboxList>ul>li .couponInfor .txtArea .dateInfor em{color:#ff6c00}
.couponboxList>ul>li .couponInfor .txtArea .dateInfor strong:before{content:'';display:inline-block;height:8px;border-left:1px solid #ccc;margin:0 7px 0 5px}
.couponboxList>ul>li .couponInfor .thum{width:80px}
.couponboxList>ul>li .couponInfor .thum img{width:80px}
.couponboxList>ul>li .couponInfor .category.type1{color:#21c6a5} /* 경품 */
.couponboxList>ul>li .couponInfor .category.type2{color:#ec527a} /* 구매 */
.couponboxList>ul>li .couponInfor .category.type3{color:#4e67fc} /* FREE */
.couponboxList>ul>li .couponInfor .category.type4{color:#0fb38e} /* 앱카드 */
.couponboxList>ul>li .couponInfor .category.type5{color:#ffa200} /* 기프트 */
.couponboxList>ul>li .barcode{padding:15px 0 20px;border:0}
.couponboxList>ul>li .couponDesign{display:block;position:relative;background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_coupon_line.gif) repeat-x 0 0;background-size:7px 3px;margin:0 15px}
.couponboxList>ul>li .couponDesign:before{content:'';display:inline-block;position:absolute;left:-17px;top:-7px;z-index:1;width:9px;height:17px;background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_coupon_left.png) no-repeat 0 0;background-size:9px 17px}
.couponboxList>ul>li .couponDesign:after{content:'';display:inline-block;position:absolute;right:-16px;top:-7px;z-index:1;width:9px;height:17px;background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_coupon_right.png) no-repeat 0 0;background-size:9px 17px}
.couponboxList>ul>li a.btnCoupon{text-align:center;height:45px;line-height:45px}
.couponboxList>ul>li .btnArea .inner{display:table;width:100%;table-layout:fixed;box-sizing:border-box;padding:10px 0}
.couponboxList>ul>li .btnArea a{display:table-cell;width:50%;position:relative;text-align:center;height:27px;line-height:27px}
.couponboxList>ul>li .btnArea a:before{content:'';display:inline-block;vertical-align:middle;margin-right:5px}
.couponboxList>ul>li .btnArea a.btnBarcode:before{width:17px;height:10px;vertical-align:0;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_barcode.png) no-repeat 0 0;background-size:17px 10px}
.couponboxList>ul>li .btnArea a.btnTel:before{width:14px;height:14px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_tel2.png) no-repeat 0 0;background-size:14px 14px}
.couponboxList>ul>li .btnArea a.btnCell:before{display:inline-block;position:inherit;top:0;margin:0 5px 0 0;width:9px;height:15px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_cell.png) no-repeat 0 0;background-size:9px 15px}
.couponboxList>ul>li .btnArea a+a{border-left:1px solid #ccc}
.couponboxList>ul>li .couponDownload{display:block;text-align:center;height:45px;line-height:45px}
.couponboxList>ul>li .couponDownload span:after{content:'';display:inline-block;width:14px;height:13px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_download.png) no-repeat 0 0;background-size:14px 13px;margin-left:10px}
.couponboxList>ul>li.use a, .couponboxList>ul>li.term a{width:100%;height:100%;background:var(--gray000);opacity:.25;filter:alpha(opacity=25);z-index:10}
.couponboxList>ul>li .badge{display:inline-block;width:80px;height:80px;position:absolute;right:20px;top:20px;z-index:20}
.couponboxList>ul>li.use .badge{background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_use.png) no-repeat 0 0;background-size:80px 80px}
.couponboxList>ul>li.term .badge{background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_term.png) no-repeat 0 0;background-size:80px 80px}
.couponboxList>ul>li.noData{background:url(https://img1.kbcard.com/cxh/ia_img/common/img_not.png) no-repeat center 20px;background-size:70px 70px;box-shadow:none}
.couponboxList.type2{margin-top:20px}
.couponboxList.type2>ul>li{box-shadow:none;border:1px solid #ccc !important}
.couponboxList.type2>ul>li .couponInfor{padding:20px 20px 15px}
.couponboxList.type2>ul>li .couponInfor .cardType, .couponboxList.type2>ul>li .couponInfor .cardNumber{display:block;font-size:11px;line-height:15px}
.couponboxList.type2>ul>li .couponInfor .cardNumber{margin-bottom:5px}
.couponboxList.type2>ul>li .couponNumber{border-top:1px solid #ccc;margin:0 20px;padding:12px 0;overflow:hidden}
.couponboxList.type2>ul>li .couponNumber strong{float:left;font-weight:normal}
.couponboxList.type2>ul>li .couponNumber em{float:right;color:var(--gray090)}
.couponboxList .formWrap{display:none}

.couponView .viewTop{padding-top:20px;background:var(--gray000)}
.couponView .viewTop.scrollFixed{left:16px !important;right:16px !important;width:auto !important}
.couponView .viewTop:after{content:'';display:block;border-bottom:1px solid #7f6ee3;margin:0 -20px}
.couponView .viewTop.noScroll:after{display:none}
.couponView .viewTop .inner{display:table;width:100%;box-sizing:border-box;padding-bottom:20px}
.couponView .viewTop .inner>*{display:table-cell;vertical-align:middle}
.couponView .viewTop .txtArea>*{display:block}
.couponView .viewTop .txtArea .brandName{font-size:13px;color:#666}
.couponView .viewTop .txtArea .tit{font-size:1.000rem;color:var(--gray090);padding-right:10px}
.couponView .viewTop .txtArea .dateInfor{font-size:13px;color:#888}
.couponView .viewTop .txtArea .dateInfor em{color:#ff6c00}
.couponView .viewTop .txtArea .dateInfor strong:before{content:'';display:inline-block;height:8px;border-left:1px solid #ccc;margin:0 7px 0 5px}
.couponView .viewTop .txtArea .txt{font-size:14px;line-height:19px;margin-top:4px}
.couponView .viewTop .thum{width:80px;line-height:0}
.couponView .viewTop .thum img{width:80px}
.couponView .viewTop .fncArea{border-top:1px solid #ccc;padding:15px 0 20px}
.couponView .viewTop .fncArea a+.barcode{padding:15px 0 0}
.couponView .viewTop .fncArea .barcode{border-top:0;padding:0}
.couponView .viewTop .campaignArea>*{padding:0}
.couponView .viewCont{margin:0 -16px;padding:0 16px}
.couponView .viewCont.type2{border-top:1px solid #ccc}
.couponView .viewCont .depTit2+.depTit3{margin-top:16px}
.couponView .campaignArea{display:block;border-top:1px solid #ccc;padding:20px 0;font-size:13px;line-height:18px}

.totalCoupon{position:relative;margin:20px 0 13px}
.totalCoupon>strong{font-size:1.000rem;color:var(--gray090)}
.totalCoupon>a{position:absolute;right:0;top:-8px}

.breakdown{background:var(--gray000);padding:30px 20px}
.breakdown strong.depTit2{display:block;border-bottom:1px solid #111;margin:0;padding-bottom:10px}

.benefitFilter.couponFilter{background:var(--gray000);border-top:1px solid #ccc;border-bottom:1px solid #ccc;z-index:100}
.benefitFilter.couponFilter>.inner>h3{color:var(--gray090)}
.benefitFilter.couponFilter .btnFilter{color:var(--gray090);border:1px solid #ccc}
.benefitFilter.couponFilter .btnFilter>span:after{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_filter_24_000.png) no-repeat 0 0;background-size:24px}
.benefitFilter.couponFilter .btnSrch,.benefitFilter.couponFilter .srchLayer>input[type="button"]{background:var(--gray000) url(https://img1.kbcard.com/cxh/ia_img/common/ico_search_g.png) no-repeat center 50%;background-size:20px 20px;border-left:1px solid #ccc}
.benefitFilter.couponFilter .srchLayer{background:var(--gray000)}
.benefitFilter.couponFilter .srchLayer>input{color:var(--gray090)}
.benefitFilter.couponFilter .srchLayer .btnSrch{position:absolute;right:10px;top:50%;margin-top:-20px;width:40px !important;height:40px !important;border-left:0 !important}
.benefitFilter.couponFilter .kwdDel{overflow:hidden;position:absolute;right:50px;top:50%;margin-top:-15px;width:31px;height:30px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_del.png) no-repeat 50% 50%;background-size:21px 21px;text-indent:-9999rem}

.fncBtn{position:relative;min-height:34px}
.fncBtn .btbEdit{position:absolute;top:0;right:0;background:var(--gray000)}
.fncBtn .btbEdit:before{content:'';display:inline-block;width:12px;height:12px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_edit.png) no-repeat 0 0;background-size:12px 12px;color:var(--gray090);margin-right:5px;vertical-align:-1px}
.fncBtn .allCheck{display:none;position:relative;background:var(--gray000);text-align:center;font-size:18px;border:1px solid #ccc;height:50px;line-height:50px}
.fncBtn .allCheck input[type='checkbox']+label:before, .fncBtn input[type='radio']+label:before{position:absolute;left:15px;top:50%;margin-top:-12px}
.fncBtn input[type='checkbox']+label{display:block}
.fncBtn input[type='checkbox']{position:absolute;left:15px;top:50%;margin-top:-12px}

.listEdit .formWrap{display:block;position:absolute;left:15px;top:50%;margin-top:-12px;z-index:10}
.listEdit .couponInfor{padding:20px 20px 20px 50px !important}
.editBtn{display:none}

/* VIP 서비스 */
.vipintro_Cont{background:#334472;padding:27px 20px;color:var(--gray000)}
.vipintro_Cont>strong{display:block;margin-bottom:10px;font-size:20px;line-height:26px;font-weight:normal}
.vipintro_Cont>p em{color:var(--yellow040);font-weight:bold}
.vipintro_Cont>.btnBox{margin-top:20px;text-align:left}
.vipintro_Cont>.btnBox>a{display:inline-block;height:30px;line-height:30px;border-radius:15px;text-align:center;color:var(--gray000);padding:0 15px;border:1px solid var(--gray000)}
@media screen and (max-width:359px){.vipintro_Cont>.btnBox>a{padding:0px 8px}}

.mileageDl{margin:15px 0 30px}
.mileageDl>dt{font-weight:bold;color:var(--gray090);padding-left:20px}
.mileageDl>dt.nobel{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_prime_noble.png) no-repeat 0 50%;background-size:15px 15px}
.mileageDl>dt.premium{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_prime_premium.png) no-repeat 0 50%;background-size:15px 15px}
.mileageDl>dt.classic{background:url(https://img1.kbcard.com/cxh/ia_img/BN/ico_prime_classic.png) no-repeat 0 50%;background-size:15px 15px}
.mileageDl>dd{padding-top:10px}
.mileageDl>dd+dt{margin-top:30px}

.vipTab .tabDep0{background:#415384}
.vipTab .tabDep0 li a{background:#415384;color:var(--gray000)}
.vipTab .tabDep0 li.on a{background:#334472;color:#ffde00}
.vipTab .tabDep0 li+li{padding-left:0}
.vipTab .tabDep1 li a{color:#000}
.vipTab .tabDep1 li.on a{color:#334472}
.vipTab .tabDep1 li.on{border-color:#334472}

.primeArea{position:relative;background:#334472;color:var(--gray000);padding:20px 20px 30px}
.primeArea .name{font-size:18px;line-height:24px;color:#ffde00;border-bottom:1px solid #5c698e;padding-bottom:10px}
.primeArea .grade{color:var(--gray000);font-size:15px;line-height:21px;margin-top:15px}
.primeArea .grade a{display:inline-block;color:var(--gray000)}
.primeArea .grade a:after{content:'';display:inline-block;width:7px;height:12px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr21_w.png) no-repeat 0 0;background-size:7px 12px;margin-left:5px;vertical-align:middle}
.primeArea .btn{position:absolute;right:20px;bottom:23px}
.primeArea .btn>a{display:inline-block;color:var(--gray000);width:67px;line-height:30px;line-height:30px;border:1px solid var(--gray000);box-sizing:border-box;border-radius:15px;text-align:center;font-size:13px;color:#ddd}
.primeArea:after{content:'';background:#f2f3f4;display:block;width:100%;height:8px;position:absolute;left:0;bottom:0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.primeArea+.primeCont{position:relative;z-index:10;margin-top:-10px}

.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:var(--gray090);word-break:break-all}
.vipCard_Intro p{margin-top:5px;color:#666}
.vipCard_Intro .swiperCon.type2{padding:0 85px}
.vipCard_Intro a{display:block}
.vipCard_Intro.type2 strong span {height:48px;padding:0 24px;vertical-align:top}
.vipCard_Intro.type2 .cardList{position:relative;padding:0}
.vipCard_Intro.type2 .cardList ul li a {max-width:160px;margin:0 auto}
.vipCard_Intro.type2 .cardList ul li div {max-width:160px;margin:0 auto;padding:0}
.vipCard_Intro.type2 .cardList ul li div img {width:100%;display:block}
.vipCard_Intro.type2 .cardList .btnPrev,
.vipCard_Intro.type2 .cardList .btnNext {position:absolute;top:68px;bottom:0;width:48px}
.vipCard_Intro.type2 .cardList .btnPrev {left:50%;margin-left:-148px}
.vipCard_Intro.type2 .cardList .btnNext {right:50%;margin-right:-148px}
.vipCard_Intro.type2 .cardList .btnPrev:after,
.vipCard_Intro.type2 .cardList .btnNext:after {content:'';position:absolute;top:50%;width:24px;height:24px;margin-top:-12px;background-repeat:no-repeat;background-size:24px;background-color:var(--gray000)}
.vipCard_Intro.type2 .cardList .btnPrev:after {right:0;background-image:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_l_24_000.png)}
.vipCard_Intro.type2 .cardList .btnNext:after {left:0;background-image:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png)}

.excellentTit{display:block;text-align:center;color:var(--gray090);font-weight:bold;border-top:1px solid #ccc;background:#eef1f2;height:30px;line-height:30px}
.vipCont.swiperCon dl{border-bottom:0}
.vipCont dl{border-bottom:1px solid #e9e9e9}
.vipCont.type2 dl{padding:0}
.vipCont dl dt{text-align:center;color:var(--gray090);font-weight:bold;border-top:1px solid #ccc;background:#eef1f2;height:30px;line-height:30px}
.vipCont dl dd .excellentCard{text-align:center;padding-top:30px}
.vipCont dl dd .excellentCard .tit{display:block;color:var(--gray090);font-size:18px;line-height:22px}
.vipCont dl dd .excellentCard .txt{color:#666;margin-top:5px}
.vipCont dl dd .excellentCard ul{display:inline-block;margin:20px auto 30px;overflow:hidden}
.vipCont dl dd .excellentCard ul>li{float:left;margin-left:12px;width:85px}
.vipCont dl dd .excellentCard ul>li:first-child{margin-left:0}
.vipCont dl dd .excellentCard ul.col4 li{margin-left:0}
.vipCont dl dd .excellentCard ul>li span{display:block;margin-top:10px;font-size:14px;color:var(--gray090)}
.vipCont dl dd .excellentCard .btnArea{display:table;width:100%;text-align:left;border-top:1px solid #ccc}
.vipCont dl dd .excellentCard .btnArea a{display:table-cell;position:relative;width:50%;font-size:1.000rem;color:var(--gray090);font-weight:bold;padding:16px 0 16px 20px}
.vipCont dl dd .excellentCard .btnArea a+a{border-left:1px solid #ccc}
.vipCont dl dd .excellentCard .btnArea a:after{content:"";display:block;position :absolute;right:15px;top:50%;width:8px;height:13px;margin-top:-6px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24.png);background-size:8px 13px}
.vipCont dl dd .primeService{text-align:center}
.vipCont dl dd .primeService ul{display:inline-block;width:318px;margin:10px auto 30px;overflow:hidden}
.vipCont dl dd .primeService ul>li{float:left;width:106px;margin-top:20px}
.vipCont dl dd .primeService ul>li:first-child{margin-left:0}
.vipCont dl dd .primeService ul>li> span{display:block;margin-top:10px;font-size:14px;color:var(--gray090)}
.vipCont dl dd .primeService>a.btnPrime{display:block;position:relative;border:1px solid #ccc;margin:0 15px 40px;color:var(--gray090);height:45px;line-height:45px;box-sizing:border-box}
.vipCont dl dd .primeService>a.btnPrime:after{content:"";display:block;position :absolute;right:15px;top:50%;width:5px;height:8px;margin-top:-4px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr15_g.png);background-size:5px 8px}
.vipCont .specialJoin{margin-bottom:-20px;border-top:1px solid #e9e9e9}
.vipCont .specialJoin:before{content:'';background:#f2f3f4;display:block;width:100%;height:8px;border-bottom:1px solid #e9e9e9}
.vipCont .specialJoin ul li>a{display:block;position:relative;padding:22px 55px 22px 15px}
.vipCont .specialJoin ul li>a:after{content:"";display:block;position :absolute;right:15px;top:50%;width:8px;height:13px;margin-top:-6px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24.png);background-size:8px 13px}
.vipCont .specialJoin ul li>a strong{display:block;font-size:1.000rem;color:var(--gray090);margin-bottom:10px}
.vipCont .specialJoin ul li>a p{color:#666;margin-top:5px}
.vipCont .specialJoin ul li.noblefiesta{padding:18px 15px;background:#5a3388 url(https://img1.kbcard.com/cxh/ia_img/BN/bg_noblefiesta.png) no-repeat right bottom;background-size:90px 60px}
.vipCont .specialJoin ul li.noblefiesta strong{display:block;color:var(--gray000);font-size:18px;line-height:20px;font-weight:normal;margin-top:-3px}
.vipCont .specialJoin ul li.noblefiesta p{color:#ffde00;font-size:1.000rem;line-height:18px;margin-top:3px}
.vipCont .specialJoin ul li .listType2 li{margin-top:0}

.dlType1{border-bottom:1px solid #ccc}
.dlType1 dt{font-size:18px;line-height:24px;color:var(--gray090);font-weight:bold;padding:15px 20px 10px}
.dlType1 dd{color:var(--gray090);padding:0 20px 15px}
.dlType1 dd p+p{margin-top:5px}
.dlType1 dd+dt{border-top:1px solid #ccc}

.travelList li{border-bottom:1px solid #ccc}
.travelList li a{display:block;position:relative;font-size:1.000rem;color:var(--gray090);padding:20px}
.travelList li a:after{content:"";display:block;position :absolute;right:20px;top:50%;width:8px;height:13px;margin-top:-6px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24.png);background-size:8px 13px}

.layerNav{display:block;position:relative;padding:16px 0 8px;background:#334472;text-align:center}
.layerNav .tit{overflow:hidden;display:-webkit-box;-webkit-box-pack:center;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:3em;padding:0 48px;color:rgba(255, 255, 255, .87) !important;font-weight:normal;font-size:1.000rem;line-height:1.500em}
.layerNav .numPaging{display:block;width:100%;margin-top:8px;font-size:1.000rem;color:rgba(255, 255, 255, .7);line-height:24px}
.layerNav .numPaging em{font-weight:bold;color:var(--gray000)}
.layerNav a{display:block;position:absolute;top:0;bottom:0;width:48px;height:80px}
.layerNav a:before{content:'';display:block;position:absolute;top:50%;right:16px;width:24px;height:24px;margin-top:-12px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_fff.png) no-repeat 0 0;background-size:24px;vertical-align:top}
.layerNav .btnPrev:before{left:16px;right:auto;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.layerNav .disabled:before{opacity:.3}
.layerNav + .bnfCont .contArea{margin-top:32px}
.layerNav + .bnfCont .contArea > ul > li{color:var(--gray090)}
.layerNav + .bnfCont .navTit{display:none}

.layerNav .btnPrev{left:0}
.layerNav .btnNext{right:0}
.travelCont{padding-bottom:20px}
.travelCont .btnArea .btnS{display:block;text-align:center}
.travelCont .btnArea .btnTel:before{content:'';display:inline-block;width:14px;height:14px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_tel2.png) no-repeat 0 0;background-size:14px 14px;margin-right:7px}

.myPrime{background:#334472;color:var(--gray000);padding:20px 20px 25px}
.myPrime .grade{display:table;width:100%}
.myPrime .grade>*{display:table-cell;vertical-align:middle}
.myPrime .grade>.icon{width:34px;padding-right:10px;line-height:0}
.myPrime .grade>.icon img{width:34px;height:33px}
.myPrime .grade>p{font-size:18px;line-height:24px}
@media screen and (max-width:359px){.myPrime .grade>p{padding-right:30px}}
.myPrime ul{border-top:1px solid #415384;margin-top:10px}
.myPrime ul li{overflow:hidden;margin-top:20px}
.myPrime ul li+li{margin-top:10px}
.myPrime ul li strong{float:left;font-weight:normal}
.myPrime ul li span{float:right;font-size:1.000rem}
.myPrime ul li span.mileage{font-size:13px}
.myPrime ul li span.mileage em{font-size:17px}

.primeInfor{display:table;width:100%;padding-top:30px}
.primeInfor>*{display:table-cell;vertical-align:middle}
.primeInfor>.tit strong{font-size:18px;line-height:24px;color:var(--gray090)}
.primeInfor>.tit .date{text-align:left;font-size:14px;margin:10px 0 0 0;background:none;border-bottom:0;padding:0}
.primeInfor>.point{font-size:18px;line-height:24px;color:var(--gray090)}

.stateToggle .tit{overflow:hidden;margin-bottom:15px}
.stateToggle .tit>strong{float:left;font-size:1.000rem;color:var(--gray090)}
.stateToggle .tit>span{float:right;font-size:14px;color:#888}
.stateToggle .primeState{padding:30px 0}
.stateToggle .primeState+.primeState{border-top:1px solid #ddd}
.stateToggle .primeState ul li{display:table;width:100%}
.stateToggle .primeState ul li+li{margin-top:15px}
.stateToggle .primeState ul li>*{display:table-cell;vertical-align:middle}
.stateToggle .primeState ul li>strong{font-weight:normal;color:#666}
.stateToggle .primeState ul li>strong .f13{display:block;font-size:14px;color:#888}
.stateToggle .primeState ul li>span{text-align:right;color:var(--gray090)}

.noteBox{width:auto !important;border-bottom:0 !important}
.popCont > .toggleList > .noteBox{margin:15px 0}
.bgGray .noteBox{background:var(--gray000) !important}
/* 박진수 유의사항 tobe로 수정 */
.toggleList>li.noteBox{position:relative;margin-top:32px;padding-top:8px;border-top:none;}
.toggleList>li.noteBox:before{content:'';position:absolute;top:0;left:0;width:100%;height:8px;border-top:1px solid rgba(0,0,0,.08);background:#f9fafc;}
.toggleList>li.noteBox>a{display:block;border-bottom:none}
.toggleList>li.noteBox>a:after{display:none;}
.toggleList>li.noteBox>a>span {position:relative;display:block;padding:32px 28px 32px 16px; font-size:0.875rem;}
.toggleList>li.noteBox.on>a span:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.toggleList>li.noteBox>a span:after{content:'';position: absolute;display:inline-block;top:30px;right:16px;width:24px;height:24px;background:none;background:url('https://img1.kbcard.com/home_re/mo/arr/24/arr-1-down.svg') no-repeat 50%;background-size:24px;opacity:.87;vertical-align:middle;}
.toggleList>li + li.noteBox{margin-top:-1px}
.toggleList>li.noteBox.on>a{background:var(--gray000);color:var(--gray090)}/* 결함 7109 조치, http://rm.kbcard.com/MKB/DVIEW/AMBMCXHDAMKCD0026  */
.toggleList>li.noteBox .toggleView{padding:0 16px 16px;background:var(--gray000)}
.toggleView>.depTit3:first-child{margin-top: 0;}/* 박진수 - first-childe 추가 : asis에 없던게 추가 됐는데 상위에 컨텐츠와 간격이 없어지는 현상이 발생 했습니다. 첫번째 depTit3를 제어하려고 하신건지 모르겠지만 수정 하겠습니다. */

.toggleList>li.noteBox .toggleView .listType1 > li,
.toggleList>li.noteBox .toggleView .listType2 > li {padding-left: 0.625rem;margin-bottom: 0.375rem;color: var(--gray060);font-size:0.813rem;line-height: 1.54;}
.toggleList>li.noteBox .toggleView .listType1 > li:before{top:0.4375rem;}


footer{padding:0 0 15px;border-top:1px solid rgba(0, 0, 0, .16);background:#f4f5f6;text-align:center}
footer:after{content:'';position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:100%;background-color:#f4f5f6} 
footer .cs{display:block;padding-top:24px;color:var(--gray090)}
footer .cs, footer .fMenu{overflow:hidden;vertical-align:top;font-size:0.875rem;line-height:1.43em}
footer .fMenu{display:inline-block}
footer .fMenu li{float:left;position:relative}
footer .fMenu li a{display:block;padding:8px 14px;color:var(--gray060)}
footer .fMenu li+li:before{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background:#ccc}
footer .addrCopy{font-size:10px;line-height:1.500rem}
footer .addrCopy address{font-style:normal}

footer .topMove{display:block;height:1.333em;margin-bottom:-8px;padding:12px 0;border-bottom:1px solid rgba(0, 0, 0, .16);font-size:0.750rem;line-height:1.333em;text-align:center;color:var(--gray060)}
footer .topMove:before{content:'';display:inline-block;border:none;width:16px;height:16px;margin:0;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_t_16_000.png') no-repeat center;background-size:16px;vertical-align:bottom;opacity:.6}
footer .sns{overflow:hidden;width:144px;margin:24px auto -16px}
footer .sns li{float:left;margin:0px 4px}
footer .sns li a{overflow:hidden;display:block;width:24px;height:24px;padding:8px;opacity:.47;font-size:1px;line-height:0;color:transparent}
footer .sns li a:after{content:'';display:block;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/main/splites_sns.png') no-repeat 0 0;background-size:auto 24px}
footer .sns li a.blog:after{background-position:0 0}
footer .sns li a.facebook:after{background-position:-24px 0}
footer .sns li a.instar:after{background-position:-48px 0}
footer .sns li img{display:none}

/* 편의서비스 index */
.svIntro{display:table;width:100%;background:#4d4f57;box-sizing:border-box;padding:32px 16px 28px;border-radius: 8px;}
.svIntro>*{display:table-cell;vertical-align:middle}
.svIntro>.thum{width:80px;padding-right:16px;text-align:center;line-height:0}
.svIntro p{color:var(--g0-to-g9) !important;font-size:1.125rem;line-height:1.500rem}
.svIntro.type2{background-color:#eef1f2}
.svIntro.type2 p{color:var(--g0-to-g9) !important}

.cardRecommend{position:relative;background:#ffd012;padding:30px 0 40px;margin-bottom:-20px}
.cardRecommend .swiperCon.type2{padding:0 95px 0 0;margin-top:15px}
@media screen and (max-width:359px){.cardRecommend .swiperCon.type2{padding:0 70px 0 0}}
.cardRecommend .swiperCon.type2 ul li div{padding:0 15px}
.cardRecommend .swiperCon.type2 ul li div a{display:table;width:100%}
.cardRecommend .swiperCon.type2 ul li div a>*{display:table-cell;vertical-align:top;word-break:initial}
.cardRecommend .swiperCon.type2 ul li div a .img{width:118px;padding-right:10px}
.cardRecommend .swiperCon.type2 ul li div a .txt>*{display:block}
.cardRecommend .swiperCon.type2 ul li div a .txt strong{font-size:13px;line-height:18px;font-weight:normal;color:var(--gray090);margin-bottom:4px}
.cardRecommend .swiperCon.type2 ul li div a .txt em{font-size:11px;line-height:17px;color:#666}
.cardRecommend .numPaging{color:var(--gray090)}
.cardRecommend .numPaging em{color:var(--gray090)}

/* 편의서비스 - 납부서비스 index */
.paymentList>ul>li{position:relative;margin-top:6px;border-bottom:1px solid #e9e9e9;background:var(--gray000)}
.paymentList>ul>li>a{display:block;position:relative;padding:24px 105px 24px 16px;background:var(--gray000);border-top:1px solid #e9e9e9}
.paymentList>ul>li>a .tit{display:block;margin-bottom:8px;font-size:1.125rem;line-height:1.500rem;color:var(--gray090)}
.paymentList>ul>li>a .tit:after{content:'';display:inline-block;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png');background-size:24px;vertical-align:top}
.paymentList>ul>li>a .txt{font-size:1.000rem;line-height:1.5;color:var(--gray090)}
.paymentList>ul>li>a:after{content:'';display:inline-block;position:absolute;right:16px;top:50%;margin-top:-40px}
.paymentList .paymentCont{display:block;padding:0 16px 24px;margin-top:-16px}
.paymentList .paymentCont .btnL{margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ios .paymentList>ul>li>a .tit{height:24px;line-height:1.688rem}

.paymentList>ul>li.imgApt>a:after{width:80px;height:80px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_apt_80.png') no-repeat 0 0;background-size:80px}
.paymentList>ul>li.imgGas>a:after{width:80px;height:80px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_gas_80.png') no-repeat 0 0;background-size:80px}
.paymentList>ul>li.imgElectric>a:after{width:80px;height:80px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_electric_80.png') no-repeat 0 0;background-size:80px}
.paymentList>ul>li.imgTel>a:after{width:80px;height:80px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_tel_80.png') no-repeat 0 0;background-size:80px}
.paymentList>ul>li.imgLand>a:after{width:80px;height:80px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_estate_80.png') no-repeat 0 0;background-size:80px}
.paymentList>ul>li.imginsurance>a:after{width:80px;height:80px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_insurance_80.png') no-repeat 0 0;background-size:80px}
.paymentList>ul>li.imgTuition>a:after{width:80px;height:80px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_scool_80.png') no-repeat 0 0;background-size:80px}
.paymentList>ul>li.imgLhsh>a:after{width:80px;height:80px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_lhsh_80.png') no-repeat 0 0;background-size:80px}
.paymentList>ul>li.imgPayment>a:after{width:80px;height:80px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_new_payment_80.png') no-repeat 0 0;background-size:80px}

.paymentList>ul>li>.eventLayer{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background:#ffd012;text-align:center;color:var(--gray090)}
.paymentList>ul>li>.eventLayer>*{display:block}
.paymentList>ul>li>.eventLayer .txt{padding-top:35px}
.paymentList>ul>li>.eventLayer .tit{font-size:22px;line-height:28px;margin-top:5px}
.paymentList>ul>li>.eventLayer .btn{margin-top:20px}
.paymentList>ul>li>.eventLayer .btn a{display:inline-block;box-sizing:border-box;height:30px;line-height:30px;font-size:13px;border:1px solid #111;color:var(--gray090);border-radius:16px;min-width:111px}
.paymentList>ul>li>.eventLayer .btn a+a{margin-left:5px}
.paymentList>ul>li>.svEvent a{display:block;height:45px;line-height:45px;text-align:center;background:var(--gray000);border:1px solid #bbb;margin:0 15px 25px}

.infoBox.lifePayment{background:#4d4f57 url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_intro_lifePayment.png') no-repeat 16px 50%;background-size:80px;padding:24px 16px 24px 112px;color:var(--gray000);text-align:left}
.lifePaymentList {margin-bottom:-20px}
.lifePaymentList>ul>li:last-child {border-bottom:0}
.lifePaymentList>ul>li>a {min-height:80px;padding:24px 104px 8px 16px;background:transparent}
.lifePaymentList>ul>li>a:after {top:16px;margin-top:0}
.lifePaymentList>ul>li>a .txt {line-height:1.5}
.lifePaymentList .paymentCont {margin-top:0}
.lifePaymentList .paymentCont .btnL {margin-top:0}

.etcService{position:relative;background:var(--gray000);margin-top:6px;border-top:1px solid #e9e9e9;padding:24px 0 0}
.etcService .swipe li{text-align:center;height:228px !important;box-sizing:border-box}
@media screen and (max-width:359px){.etcService .swipe li{height:260px !important}}

.etcService .swipe li .tit{font-size:1.125rem;color:var(--gray090);line-height:1.500rem;font-weight:normal}
.etcService .swipe li .txt{font-size:1.000rem;color:var(--gray090);line-height:1.500rem}
.etcService .swipe li .inner{padding:8px 15px 0}

.etcService .swipe li .inner.tuition .btnBox span{display:inline-block;width:113px}

.etcService .swipe li .inner .btnBox{overflow:hidden;width:225px;margin:20px auto 0}
.etcService .swipe li .inner .btnBox a{display:block;font-size:14px;border:1px solid #ccc;height:30px;line-height:30px;box-sizing:border-box}
.etcService .swipe li .inner .btnBox span+span+span{margin-top:6px}
.etcService .swipe li .inner .refer{margin-top:8px;padding:0;font-size:0.875rem;color:var(--gray060);line-height:1.333em}
.etcService .swipe li .inner .refer:before{display:none}
.etcService .numPaging{color:#666}
.etcService .numPaging em{color:#ff6c00}
.etcService.swipeInner .btnPrev:before,.etcService.swipeInner .btnNext:before{display:none}

.swipeInner .title{display:block;padding-left:15px;color:var(--gray090);font-size:1.125rem;line-height:1.500rem}
.swipeInner .btnPrev{display:block;position:absolute;left:0;top:80px;z-index:10;width:35px;height:45px}
.swipeInner .btnNext{display:block;position:absolute;right:0;top:80px;z-index:10;width:35px;height:45px}
.swipeInner .btnPrev,
.swipeInner .btnPrev.disabled,
.swipeInner .btnNext,
.swipeInner .btnNext.disabled{background-color: transparent;background-size:71px 90px}
.swipeInner .btnPrev{background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-2-left.svg) no-repeat center center;}
.swipeInner .btnPrev.disabled{background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-left.svg) no-repeat center center;opacity: .16;}
.swipeInner .btnNext{background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-2-right.svg) no-repeat center center;}
.swipeInner .btnNext.disabled{background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat center center; opacity:.16}

.swipeInner .numPaging{position:absolute;right:15px;top:24px;font-size:1.000rem;line-height:1.500rem}
.swipeInner .numPaging em{font-weight:bold}

/* 편의서비스 - 알림서비스 index */
.notiList{margin-bottom:-20px}
.notiList>ul>li{background:var(--gray000);border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;margin-top:8px}
.notiList>ul>li:last-child{border-bottom:0}
.notiList>ul>li .inner{position:relative;padding:24px 16px 24px}
.notiList>ul>li .inner:after{content:'';display:inline-block;position:absolute;right:20px;top:50%;margin-top:-35px;width:70px;height:70px;background:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_payment_list1.png) no-repeat 0 0;background-size:70px 70px}
.notiList>ul>li.sms .inner, .notiList>ul>li.credit .inner, .notiList>ul>li.smart .inner, .notiList>ul>li.wise .inner, .notiList>ul>li.chkCard .inner{padding-right:100px}
.notiList>ul>li.sms .inner:after, .notiList>ul>li.credit .inner:after, .notiList>ul>li.smart .inner:after, .notiList>ul>li.wise .inner:after, .notiList>ul>li.chkCard .inner:after{top:24px;right:16px;width:80px;height:80px;margin-top:0px;background-size:80px 80px}
.notiList>ul>li.sms .inner:after{background-image:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_sms_80.png)}
.notiList>ul>li.credit .inner:after{background-image:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_pc_alarm_80.png)}
.notiList>ul>li.smart .inner:after{background-image:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_man_80.png)}
.notiList>ul>li.wise .inner:after{background-image:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_security_80.png)}
.notiList>ul>li.chkCard .inner:after{background-image:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/80/ico_bankcheck_80.png)}
.notiList>ul>li .inner .using{display:inline-block;font-size:13px;font-weight:bold;color:#7f6ee3;margin-bottom:5px}
.notiList>ul>li .inner .using:before{content:'[';display:inline-block;color:#7f6ee3}
.notiList>ul>li .inner .using:after{content:']';display:inline-block;color:#7f6ee3}
.notiList>ul>li .inner .tit{display:block;font-size:18px;line-height:24px;color:var(--gray090);margin-bottom:8px}
.notiList>ul>li .inner .tit:after{content:'';display:inline-block;width:8px;height:24px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24_b.png) no-repeat right center;background-size:8px 13px;margin-left:10px;vertical-align:top}
.notiList>ul>li .inner .txt{display:block;font-size:1.000rem;line-height:24px;color:var(--gray090)}
.notiList>ul>li .inner .monthAmount{display:inline-block;margin-top:16px;font-size:1.000rem;color:var(--gray090);line-height:24px}
.notiList>ul>li .inner .monthAmount em{font-weight:bold;color:#ff6c00}
.notiList>ul>li .btn{margin-top:-8px;padding:0 16px 24px;text-align:center}
.notiList>ul>li .btn a{display:block;height:45px;line-height:45px;border:1px solid #bbb;background-color:var(--gray000);-webkit-border-radius:3px;border-radius:3px}
.notiList .refer{margin:20px 0 0 20px;color:var(--gray090)}

.ios .notiList>ul>li .inner .tit{height:24px;line-height:27px}

/* 편의서비스 - 해외이용종합안내 index */
.foreignuseIntro{border-top:1px solid #ccc}
.foreignuseIntro .inner{overflow:hidden}
.foreignuseIntro .inner a{display:block;float:left;width:50%;text-align:center;box-sizing:border-box;border-bottom:1px solid #ccc;background:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_foreign_use1.png) no-repeat center 45px;background-size:70px 66px;padding:120px 12px 45px;max-height:180px}
.foreignuseIntro .inner a+a{background:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_foreign_use2.png) no-repeat center 45px;background-size:70px 65px}
.foreignuseIntro .inner a+a+a{background:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_foreign_use3.png) no-repeat center 45px;background-size:70px 64px}
.foreignuseIntro .inner a+a+a+a{background:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_foreign_use4.png) no-repeat center 45px;background-size:70px 66px}


@media screen and (max-width:359px){.foreignuseIntro .inner a{max-height:210px;padding:120px 0 45px}}
.foreignuseIntro .inner a>*{display:block}
.foreignuseIntro .inner a .tit{font-size:1.000rem;color:#26282c}
.foreignuseIntro .inner a .tit:after{content:'';display:inline-block;width:8px;height:13px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24.png);background-size:8px 13px;margin-left:10px}
.foreignuseIntro .inner a .txt{font-size:13px;line-height:18px;color:#666;margin-top:5px}
.foreignuseIntro .inner a:nth-child(even){border-left:1px solid #ccc}
.foreignuseTabcont{margin:-20px 0}
.foreignuseTabcont .toggleList>li:first-child{border-top:0}
.foreignuseTabcont .toggleList>li .depTit3:first-child{margin-top:0}
.foreignuseTabcont .toggleList>li .btn a{display:block;text-align:center}
.foreignuseTabcont .toggleList>li .btn a+a{margin-top:5px}

.brandIcon{text-align:center}
.brandIcon>ul{display:inline-block;margin:5px auto 0}
.brandIcon>ul>li{float:left;width:33.33%;margin-top:15px}
.brandIcon>ul>li img{width:60px;height:60px}

/* 금융한눈에보기 */
.flIntro{text-align:center;background:#f5f5f5}
.flIntro a{display:block;padding:65px 0}
.flIntro a strong{display:block;font-size:20px;line-height:26px;color:var(--gray090)}
.flIntro a strong:after{content:'';display:inline-block;width:11px;height:18px;vertical-align:-2px;margin-left:8px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr33.png) no-repeat 0 ;background-size:11px 18px}
.flIntro a p{margin-top:15px}
.flIntro.type2{background:var(--gray000);border-top:1px solid #ccc}
.flIntro.type3{background:#1c99aa;padding:15px 10px;text-align:left}
.flIntro.type3 .inner:after{content:'';display:block;clear:both}
.flIntro.type3 .inner>div{float:left;width:50%}
.flIntro.type3 .inner>div a{display:block;position:relative;background:var(--gray000);padding:20px 0 0 20px;margin:0 5px;height:130px;font-size:18px;line-height:24px;color:var(--gray090);font-weight:bold;box-sizing:border-box}
.flIntro.type3 .inner>div a:after{content:'';display:inline-block;position:absolute;right:15px;top:25px;width:9px;height:16px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr27_b.png) no-repeat 0 ;background-size:9px 16px}
.flIntro.type3 .inner>div a span{font-size:13px;color:#666;font-weight:normal}
@media screen and (max-width:359px){
    .flIntro.type3 .inner>div a{padding:20px 0 0 10px}
    .flIntro.type3 .inner>div a:after{right:5px}
}

/* 고객센터한눈에보기 */
.csIntro_list{margin-bottom:0}
.csIntro_list>li>a{display:block;position:relative;color:var(--gray090);padding:16px 40px 16px 16px;font-size:1.000rem}
.csIntro_list li a:after{content:'';display:inline-block;position:absolute;right:12px;top:50%;width:16px;height:16px;margin-top:-8px;background:url('https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right.svg') no-repeat 0 0;background-size:16px}
.csIntro_list>li+li{border-top:1px solid #ccc}
.csIntro_list>li.depth2{font-size:1.000rem;color:var(--gray090);padding:20px 0 0 20px}
.csIntro_list>li.depth2 .listType1{margin:10px 0}
.csIntro_list>li.depth2 .listType1 li{font-size:15px;margin-top:0}
.csIntro_list>li.depth2 .listType1 li:before{top:50%;margin-top:-2px}
.csIntro_list>li.depth2 .listType1 li a{display:block;position:relative;padding:10px 40px 10px 0;color:var(--gray090)}
.ios .csIntro_list>li>a{padding:18px 40px 14px 16px}
.ios .csIntro_list>li.depth2 .listType1 li a{padding:12px 40px 8px 0}

/* 카드안내 */
.notiBox{background:#eef1f2;padding:30px 15px;color:var(--gray090)}
.notiBox strong{display:block;margin-bottom:15px;font-weight:normal;font-size:20px;line-height:26px}
.applicationCard{margin:30px -15px 0}
.applicationCard:before{content:'';display:block;boerder-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#f4f4f4;height:8px}
.applicationCard .cardInfo{color:var(--gray090)}
.applicationCard .cardInfo .btnCardApp{height:auto;margin-top:10px;line-height:35px}
.applicationCard .cardInfo .img{vertical-align:top}
.applicationCard ul{border-top:1px solid #000}
.applicationCard ul li{border-bottom:1px solid #e9e9e9;padding:20px 0}
.applicationCard.type2:before{display:none}

/* 고객자문단 */
.infoBox.left .fs5{line-height:27px}
.infoLoan.type2{background:#eef1f2}
.infoLoan.type3{background:#4d4f57}
.infoLoan.type2>p>span{background:url(https://img1.kbcard.com/cxh/ia_img/CS/bg_txtinfo2.png) left center no-repeat;background-size:70px 60px;color:var(--gray090)}
.infoLoan>p.fixing{margin:0 10px 0 30px}

.qTxt{position:relative;margin-top:30px;padding-bottom:15px;border-bottom:1px solid #e5e5e5}
.qTxt>span{position:absolute;top:0;left:0;font-weight:bold;font-size:17px;color:var(--gray090)}
.qTxt>p{padding-left:45px;font-size:17px;color:var(--gray090)}
.qTxt>p.fixing{padding-left:45px;font-size:17px;color:var(--gray090)}
.qTxt>span.icon{top:50%;width:40px;height:40px;margin-top:-25px}
.qTxt>span.icon img{width:100%;height:auto;vertical-align:top}

.eventDetail.type2{position:initial;padding:0}

/* 부동산 임대료 */
.bgType li dl{padding-left:90px;background:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_uselist1.png) 10px center no-repeat;background-size:60px;min-height:65px}
.bgType li+li dl{background:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_uselist2.png) 10px center no-repeat;background-size:60px}
.bgType li+li+li dl{background:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_uselist3.png) 10px center no-repeat;background-size:60px}
.bgType li dl dt{font-weight:bold;font-size:15px;color:var(--gray090)}
.bgType li dl dd{font-size:14px;margin-top:10px}
.cardBox.type2 .grayBox{border:1px solid #ccc;padding:20px}
.cardBox.type2 .cardTxt>span{display:block}
.cardBox.type2 .cardTxt>span a{display:inline-block;padding-right:15px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24_b.png) no-repeat right center;background-size:8px 14px}
.txtBox.type3{padding:10px 15px;border:none;border-bottom:1px solid #ccc;box-sizing:border-box}
.cardBox .cardToggle .cardTxt+.cardTxtButton{padding:0 20px 20px}
.addBox.disabled span.addTxt{background:#f2f3f4}


/* 해외이용서비스 */
.addBox .inpTxt1.type2{border:none;border-bottom:1px solid #ccc}
.addBox .inpTxt1.type2.checked label, .addBox .inpTxt1.type2.checked input{height:50px}
.cardBox .cardCheck.noCheck:after{content:none}

/*자동차대출*/
.numList{counter-reset:numList 0}
.numList>li{padding-left:16px}
.numList>li+li{margin-top:7px}
.numList>li:before{counter-increment:numList;content:counter(numList)'.';display:inline-block;width:16px;margin-left:-16px}
.numList>li+li+li+li+li+li+li+li+li+li:before{width:25px;margin-left:-25px}

/* 기타서비스 */
.cardBox.couponType{text-align:center}
.cardBox.couponType a>strong{font-size:18px}
.cardBox.couponType a>span>em{display:inline-block;margin-top:0;font-size:14px;line-height:14px;color:var(--gray090)}
.cardBox.couponType a>span>em+em{display:inline-block;padding-left:7px;margin-left:7px;border-left:1px solid #ccc}
.cardBox.couponType a>span>em strong{display:inline-block;font-weight:bold;color:var(--gray090)}
.cardBox.couponType .cardTxt.on{z-index:10}
.cardBox.couponType > .cardTxt,.cardBox.listType > .cardTxt{margin-top:-1px !important}

.cardBox.listType a.cardTxt,.cardBox.listType a.cardTxt on{padding:0 !important}
.cardBox.listType a>ul{padding:20px 14px}
.cardBox.listType a>ul li+li{margin-top:14px}
.cardBox.listType a>ul li>span{float:left;color:#888}
.cardBox.listType a>ul li>strong{float:right;text-align:right;font-weight:normal;color:var(--gray090)}
.cardBox.listType a>ul li:after{content:"";display:block;height:0;clear:both}
.cardBox.listType a{background:#f4f4f4}
.cardBox.listType a.on{background:var(--gray000)}
.cardBox.listType .cardTxt.on{z-index:10}

.tbsList1+.tbsList1{margin-top:30px}
/* 결제서비스 */
@media screen and (max-width:374px){
    .cardBox .cardTxt .txtBlock{display:block}
}

/*회원-로그인*/
.mt60{margin-top:60px}
.loginArea{position:relative;padding:45px 40px 0}
.tabList>.alarmTm{position:absolute;right:40px;top:-45px}
.tabBox.loginArea{padding:0 32px 35px}
.tabBox.loginArea > .tabCont{margin-top:0}
@media screen and (max-width:359px){
    .loginArea{padding:45px 15px 0}
    .tabList>.alarmTm{right:15px}
    .tabBox.loginArea{padding:0 12px 15px}
}
.loginTit{padding-top:45px;margin-bottom:20px;color:var(--gray090);font-size:1.500rem;line-height:1.2em;text-align:center;letter-spacing:-1px}
.loginArea .loginTit{padding:0}
.loginCon{position:relative;padding-bottom:15px}
.loginCon .btnM{background:var(--yellow040);color:var(--gray090);border-color:var(--yellow040); font-weight:600;}
.loginCon .btnM.btnGray{background:#c0c6d2 !important;border:#c0c6d2 !important}
.loginCon.type2{padding-top:50px;border-top:1px solid var(--yellow040)}
.loginCon.noSetting{padding-bottom:42px}
.loginCon.fingerPrint{padding:40px 0}
.loginCon.goodTouch{padding-top:30px}
.loginCon .alarmTm{position:absolute;right:0;top:-45px}
.loginCon.type2 .alarmTm{position:absolute;right:0;top:-46px}
.loginCon .titTxt{display:block;padding:27px 0 30px;font-size:1.125rem;line-height:1.3em;text-align:center;font-weight:normal}
.loginCon.noSetting .titTxt{padding:40px 0 17px;font-size:1.063rem}
.loginCon .inpKeypad{display:block;text-align:center}
.loginCon .inpKeypad input{display:inline-block;width:228px;border:0 none;text-align:center;background:url(https://img1.kbcard.com/cxh/ia_img/MB/bg_pw_underline.png) repeat-x 0 80%;background-size:38px 1px}
.loginCon .inpKeypad input::-webkit-input-placeholder{color:var(--gray000)}
.loginCon .inpKeypad input:-moz-input-placeholder{color:var(--gray000)}
.loginCon .inpKeypad input::-moz-input-placeholder{color:var(--gray000)}
.loginCon.fingerPrint>a~a{margin-top:10px}
.loginCon.goodTouch .cardImg{margin-top:-20px;text-align:center}
.loginCon.goodTouch .cardImg img{width:130px;vertical-align:top}
.loginCon .inpWrap.fullInp input:focus{background:rgba(0, 0, 0, 0);}/* 2.15. 결함 6859 조치, https://tm.kbcard.com/CMN/DVIEW/MOBMCXHIAMBC0001 */
.inpWrap.fullInp input:focus{position:relative}
.inpWrap.fullInp input~input{margin-top:-1px}
.inpWrap.fullInp .txtInfo~input{margin-top:7px}
.contArea.fingerPrt{position:relative;padding:0 40px}
.fingerPrt:before{content:'';display:block;height:63px;padding-bottom:30px;background:url(https://img1.kbcard.com/cxh/ia_img/MB/bg_fingerprint.png) no-repeat 50% 0;background-size:63px 63px}
.fingerPrt .img img{width:63px;vertical-align:top}
.loginCon .quickLink{margin-top:12px}
.loginCon .wTxt{font-size:1.063rem;text-align:center;margin:35px 0 20px;color:var(--gray090)}
.multiLink{overflow:hidden;border:1px solid #ccc}
.multiLink a{float:left;overflow:hidden;position:relative;width:50%;color:var(--gray090);line-height:35px;text-align:center}
.multiLink a:before{content:'';display:block;position:absolute;left:0;top:0;height:35px;width:1px;background:#ccc}
.multiLink a:first-child:before{content:none}
.loginCon .quickLink{margin-top:20px;text-align:center}
.loginCon .quickLink a{display:inline-block;float:none;width:auto;margin-top:0;padding:10px 3px;text-align:center}
.loginCon .quickLink a+a{margin-left:20px}
.loginCon .quickLink .arrR:after{width:6px;height:10px;background-image:url(https://img1.kbcard.com/cxh/ia_img/MB/ico_arrow.png);background-size:6px 10px;vertical-align:1px}
.loginCon .quickLink .only{width:100%;text-align:center}
.loginCon .quickLink br{display:none}
.loginTab{border-top:1px solid var(--yellow040);border-bottom:1px solid #ccc;text-align:center}
.loginTab ul{display:table;width:100%;overflow:hidden}
.loginTab li{display:table-cell;position:relative;vertical-align:middle}
.loginTab li a{display:block;position:relative;padding:13px 15px;line-height:1.063rem;color:#666}
@media screen and (max-width:374px){.loginTab li a{padding:13px 10px}}
.loginTab li+li:before{content:'';display:block;position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:#e5e5e5}
.loginTab li.on a{font-weight:bold;color:var(--gray090)}
.login_lockNum{padding-top:20px}
.loginIdSelect li{display:table;width:100%;box-sizing:border-box}
.loginIdSelect li>a, .loginIdSelect li>div{display:table-cell !important;height:70px;padding:20px 35px 20px 20px;vertical-align:middle;line-height:1.125rem}
.loginIdSelect li em{color:var(--gray090)}
.loginIdSelect li .info{display:block;margin-top:10px;color:#666}
.loginIdSelect li .info span+span:before{content:'';display:inline-block;margin:0 9px 0 6px;height:12px;width:1px;background:#e9e9e9}
.loginIdSelect li .info+.info{margin-top:5px}

/* PIN 로그인 */
.pinPassword {position:relative;margin-bottom:32px}
.pinPassword input[type='password'] {border:0;color:rgba(255,255,255,0)}
.pinPassword .pin_dot {position:absolute;top:50%;left:50%;margin:-8px 0 0 -96px}
.pinPassword .pin_dot span {float:left;width:16px;height:16px;margin:0 8px;background:#ccc;border-radius:50%}
.pinPassword .pin_dot span.on {background:var(--yellow040)}

.infoBox.gdTouch{display:table;width:100%;padding:27px 32px;box-sizing:border-box;background:#eef1f2 !important}
.infoBox.gdTouch .img, .infoBox.gdTouch strong{display:table-cell;padding:0 8px;vertical-align:middle}
.infoBox.gdTouch .img{text-align:center}
.infoBox.gdTouch .img img{width:54px;vertical-align:top}
.infoBox.gdTouch strong{text-align:left;color:var(--gray090);font-weight:normal}
.gdTouch_img{margin-top:30px;text-align:center}
.gdTouch_img img{width:205px;vertical-align:top}

.eventArea{position:absolute;bottom:0;width:100%;text-align:center}
.eventDetail{position:relative;padding-top:10px;background:var(--gray000)}
.eventDetail.swipeInner .btnPrev, .eventDetail.swipeInner .btnNext,.swiperCon.plusBinner .btnPrev,.swiperCon.plusBinner .btnNext{top:50% !important;margin-top:-22px;background-image:url(https://img1.kbcard.com/cxh/ia_img/common/bg_r_btn.png);background-size:71px 90px}
.swiperCon.plusBinner .btnPrev{display:block;position:absolute;left:0;top:80px;z-index:10;width:35px;height:45px;background-position:left top}
.swiperCon.plusBinner .btnPrev.disabled{background-position:0 100%}
.swiperCon.plusBinner .btnNext{display:block;position:absolute;right:0;top:80px;z-index:10;width:35px;height:45px;background-position:right top}
.swiperCon.plusBinner .btnNext.disabled{background-position:right bottom}

.eventDetail img{width:100%;vertical-align:top}
.eventDetail .paging{position:absolute;bottom:10px;width:100%}
.eventDetail .swiperCon li{position:relative}
.eventDetail .swiperCon li:after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;margin:10px 0 -10px 0;z-index:-1}
.eventDetail .swiperCon li>a{display:block}
.eventArea .eventDetail .swiperCon li a{display:block;min-height:110px}
.eventAllView{position:fixed;left:0;bottom:0;width:100%;padding:0 15px;box-sizing:border-box}
.eventAllView a.btn{display:block;height:40px;border-radius:3px 3px 0 0;background:#6d7079;color:var(--gray000);line-height:40px;text-align:center}
.eventAllView a.btn:after{content:'';display:inline-block;width:10px;height:10px;margin:0 0 0 5px;border:2px solid var(--gray000);border-width:1px 1px 0 0;transform:rotate(-45deg);-webkit-transform:rotate(45deg)}
.eventAllView .eventTab{text-align:center}
.eventAllView .eventTab ul{display:inline-block;overflow:hidden;vertical-align:top}
.eventAllView .eventTab li{float:left}
.eventAllView .eventTab li a{display:block;padding:0 25px;line-height:50px;color:#888}
.eventAllView .eventTab li.on a{color:var(--gray090)}
.eventAllView .eventList{display:none;background:#f4f4f4;text-align:left}
.eventAllView .eventList .listType>ul{padding-top:0}
.eventArea.open .eventAllView{}
.eventArea.open .eventAllView a.btn{background:var(--yellow040);color:var(--gray090)}
.eventArea.open .eventAllView a.btn:after{border-color:var(--gray090);margin:0 0 3px 5px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.eventArea.open .eventAllView .eventList{display:block}
.eventArea.open .eventAllView .eventList .listType{overflow-y:auto}
.eventArea.open .eventAllView .eventList .listType>a{margin-top:20px}
.eventArea.open .eventList .listType>ul>li:first-child{margin-top:0}
.eventArea.open .eventList .listType>ul>li>a{box-shadow:0 1px 2px rgba(0,0,0,0.2)}

/*회원가입*/
.idCheck{position:relative;margin-bottom:-1px}
.idCheck .inpTxt1{padding-right:83px}
.idCheck .inpTxt1 input{padding-right:5px}
.idCheck .rBtn{position:absolute;right:7px;bottom:8px;z-index:10;margin-top:-16px}/* top:50%; 버튼 위치 조정 */
.idCheck .rBtn button{display:inline-block;height:32px;padding:0 16px;vertical-align:top;box-sizing:border-box;background:var(--gray000);border:1px solid rgba(0, 0, 0, 0.24);-webkit-border-radius:4px;border-radius:4px;font-size:14px}

.tglBtn{display:block;height:50px;border:1px solid #ccc;box-sizing:border-box;background:#f4f4f4;color:var(--gray090);font-size:1.063rem;line-height:48px;text-align:center}
.tgl .tglDetail{display:none}
.tgl.open .tglBtn{border:2px solid var(--yellow040);background:var(--gray000);font-weight:bold;line-height:46px}
.tgl.open .tglDetail{display:block}

.lockPw .tglBtn{position:relative}
.lockPw .tglBtn:before{content:'';position:absolute;left:20px;top:50%;display:inline-block;width:24px;height:24px;margin-top:-12px;background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_form.png) no-repeat;background-size:60px 300px}
.lockPw.open .tglBtn{border:1px solid #ccc;background:#f4f4f4;font-weight:normal;line-height:48px}
.lockPw.open .tglBtn:before{background-position:0 -30px}
.lockPw.open .tglDetail{margin-top:-1px}

.depTit2.topBor3{margin:30px -15px 15px;padding:30px 15px 0;border-top:1px solid #f0f0f0}

/*My KB-카드관리*/
.boxType1{border:1px solid #ccc;background:#f2f3f4;padding:10px;line-height:20px}
.reference~.boxType1{margin-top:30px !important}

.verificationCode{position:relative;border:1px solid rgba(0, 0, 0, .16)}
.verificationCode span{display:block;width:8px;height:24px;line-height:24px;text-align:center}
.verificationCode input[type='text'], .verificationCode input[type='number'], .verificationCode input[type=tel]{border:none;height:46px;text-align:center}
.verificationCode input[type='text']:focus, .verificationCode input[type='number']:focus, .verificationCode input[type=tel]:focus{border:none;padding:8px 15px}
.verificationCode.type2{width:248px;margin:24px auto 0;border:none;font-size:28px;line-height:36px}
.ios .verificationCode span{line-height:26px}

.tbsList1 li.incInp{margin-top:-1px;padding:0}
.tbsList1 li.incInp .inpTxt1{margin-bottom:-1px}
.tbsList1 li.incInp .inpTxt1.unitType input, .tbsList1 li.incInp .inpTxt1.unitType span~span{color:var(--gray090)}
.tbsList1 li.incInp .inpTxt1.unitType span~span{padding-left:5px}
.tbsList1 li.incInp .txtInfo{margin-bottom:15px}

/*금융 - 리볼빙*/
.useInfo{padding:18px;border:1px solid #ccc;text-align:center}
.useInfo .tit{display:inline-block;padding:0 10px;border:1px solid #84ccd5;border-radius:25px;verticla-align:top;color:#02aec4;line-height:23px}
.useInfo p{margin-top:10px}
.useInfo p .fs7{vertical-align:-2px}
.contArea.topBor{margin-top:30px;border-top-color:#bbb}
.formWrap label em.fs_2{display:block;line-height:1.250rem}
.inforCheck.noMg{margin:0}

.tbsList1.changeType del{color:#888}
.tbsList1.changeType em{display:inline}

/*고객센터 - 카드/은행 영업점 안내*/
.searchArea{padding:0 30px}
.searchArea .searchBox{margin:0}
.searchArea .txtGps{position:relative;min-height:13px;margin:20px 0 25px;padding:0 0 0 90px;color:var(--gray090)}
.searchArea .txtGps button{display:inline-block;position:absolute;top:0;left:0;margin:0;padding-left:13px;background:transparent;font-size:0.938rem;line-height:1.1em;vertical-align:top}
.searchArea .txtGps button:before{content:"";display:block;position:absolute;left:0;top:50%;width:9px;height:13px;margin-top:-6px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_search.png) 100% 0;background-size:50px 21px}
.searchArea .txtGps button:after{content:'';display:inline-block;width:1px;height:13px;margin-left:8px;background:#ddd;vertical-align:-1px}
.searchArea .txtGps button~span{vertical-align:top;line-height:1.000rem}

.branchList{margin:40px 0 -20px}
.branchList .resultTxt{margin:0 20px 10px;color:var(--gray090)}
.branchInfo{position:relative;padding:20px;background:var(--gray000)}
.branchInfo .branch .brName{font-weight:normal;color:var(--gray090)}
.branchInfo .branch .brTel, .branchInfo .branch .brAddr, .branchInfo .branch .brWait{display:block;position:relative;margin-top:8px;padding-left:20px;font-size:0.875rem;line-height:1.250rem;color:var(--gray090)}
.branchInfo .branch .brTel:before, .branchInfo .branch .brAddr:before, .branchInfo .branch .brWait:before{content:'';position:absolute;top:0;left:0;width:16px;height:16px;padding:2px 4px 2px 0;background-repeat:no-repeat;background-size:16px;background-position:0 2px}
.branchInfo .branch .brTel:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_call_16_000.png')}
.branchInfo .branch .brAddr:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_map_16_000.png')}
.branchInfo .branch .brWait{display:none}
.ios .branchInfo .branch .brAddr, .ios .branchInfo .branch .brTel{padding-top:1px}

.branchList .toggleList .branchInfo{padding:20px 52px 20px 20px}
.branchList .toggleList .branchInfo a.moreInfo{position:absolute;right:0;top:0;bottom:0;width:52px}
.branchList .toggleList .branchInfo a.moreInfo{overflow:hidden;text-indent:-9999px}
.branchList .toggleList .branchInfo a.moreInfo:after{content:'';display:block;position:absolute;right:20px;top:50%;width:24px;height:24px;margin:-12px 0 0;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_plus_24_000.png);background-size:24px}
.branchList .toggleList .toggleView{padding:0}
.branchList .toggleList .mapArea img{vertical-align:top}
.branchList .toggleList .mapArea .btnMap{width:38px;height:38px;box-shadow:0 1px 2px rgba(200,200,200,0.5);background:var(--gray000)}
.branchList .toggleList .mapArea .btnMap:after{content:'';display:block;position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_btn_icon.png) no-repeat 0 -40px;background-size:200px 200px}

.branchList .toggleList li.on .branchInfo{background:#4d4f55}
.branchList .toggleList li.on .branchInfo .brName, .branchList .toggleList li.on .branchInfo .brTel, .branchList .toggleList li.on .branchInfo .brAddr, .branchList .toggleList li.on .branchInfo .distance, .branchList .toggleList li.on .branchInfo .brWait{color:var(--gray000);font-weight:normal}
.branchList .toggleList li.on .branchInfo .brTel:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_call_16_fff.png')}
.branchList .toggleList li.on .branchInfo .brAddr:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_map_16_fff.png')}
.branchList .toggleList li.on .branchInfo .brWait:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_exclamation_16_fff.png')}
.branchList .toggleList li.on .branchInfo .brWait{display:block}
.branchList .toggleList li.on .branchInfo a.moreInfo:after{right:14px;width:14px;height:2px;margin-top:-1px;background:url(https://img1.kbcard.com/cxh/ia_img/common/btn_toggle.png);background-size:28px 17px;background-position:0 100%}

.branchMap{margin-bottom:-20px;background:#f4f4f4}
.branchMap img{vertical-align:top}
.branchMap .mapArea .branchInfo{position:absolute;bottom:20px;left:15px;right:15px;z-index:100;box-shadow:0 1px 3px rgba(200,200,200,0.5)}
.branchMap .listArea{border-top:1px solid #ccc}
.branchMap .listArea li{border-bottom:1px solid #ccc}
.branchMap .branchInfo .brName{margin-right:40px}
.branchMap .branchInfo .distance{position:absolute;right:20px;top:20px}
.branchMap .btnPoint, .branchMap .btnResrch{overflow:hidden;position:relative;width:40px;height:40px;border-radius:36px;box-sizing:border-box;box-shadow:0 3px 6px rgba(0, 0, 0, 0.24);background:var(--gray000);text-indent:-9999px}
.branchMap .btnPoint:after, .branchMap .btnResrch:after{content:'';display:block;position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;background-repeat:no-repeat;background-position:center;background-size:24px}
.branchMap .btnPoint:after{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_target_24_000.png')}
.branchMap .btnResrch:after{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_rewind_24_000.png')}
.branchMap .inner .btnResrch{position:absolute;top:-56px;right:15px}

.branchInfo.fixed{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;padding:16px!important;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none!important;box-shadow:none!important}
.branchInfo.fixed .btnPoint{overflow:hidden;position:absolute;top:-56px;right:15px;width:40px;height:40px;border-radius:36px;box-sizing:border-box;-webkit-box-shadow:0 3px 6px rgba(0, 0, 0, 0.24);box-shadow:0 3px 6px rgba(0, 0, 0, 0.24);background:var(--gray000);text-indent:-9999px}
.branchInfo.fixed .btnPoint:after{content:'';display:block;position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_target_24_000.png') no-repeat center;background-size:24px}
.branchInfo.fixed .btnPoint.type2{background:#7f6ee3;-webkit-box-shadow:0 3px 6px rgba(127, 110, 227, 0.24);box-shadow:0 3px 6px rgba(127, 110, 227, 0.24)}
.branchInfo.fixed .btnPoint.type2:after{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_target_24_fff.png') no-repeat center;background-size:24px}
.branchInfo.fixed .tit{overflow:hidden}
.branchInfo.fixed .tit.flex{padding:8px 0}
.branchInfo.fixed .brName{display:inline-block;overflow:hidden;max-width:55%;margin-right:0;white-space:nowrap;text-overflow:ellipsis;font-size:1.000rem;line-height:1.500em}
.branchInfo.fixed .distance{position:inherit}
.branchInfo .distance{display:inline-block;position:inherit;margin-top:4px;font-size:0.750rem;line-height:1.333em;vertical-align:top;color:var(--gray050)}

.atmSearch .fncArea{overflow:hidden;padding:10px 20px}
.atmSearch .fncArea .srchRadius{float:left}
.atmSearch .fncArea .srchRadius>a{display:inline-block;font-size:1.000rem;line-height:20px;color:var(--gray090);height:38px;line-height:38px}
.atmSearch .fncArea .srchRadius>a:after{content:'';display:inline-block;width:8px;height:5px;background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_edge_b.png) no-repeat 0 0;background-size:8px 5px;margin-left:10px}
.atmSearch .fncArea .srchRadius>a>em{margin-left:5px;color:#ff6c00}
.atmSearch .fncArea .fncView{float:right}
.atmSearch .fncArea .fncView .switchBtn{display:inline-block;padding:0 14px 0 10px;margin-left:5px;border-radius:38px;box-shadow:0 1px 2px rgba(100,100,100,0.3);background:#eaeaea;vertical-align:top}
.atmSearch .fncArea .fncView .switchBtn span{position:relative;padding-left:20px;line-height:38px}
.atmSearch .fncArea .fncView .switchBtn span:before{content:'';display:block;position:absolute;left:0;top:50%;width:20px;height:20px;margin-top:-10px;background:url(https://img1.kbcard.com/cxh/ia_img/common/bg_btn_icon.png) no-repeat -63px -40px;background-size:200px 200px}
.atmSearch .fncArea .fncView .switchBtn span.list:before{background-position:-63px -40px}
.atmSearch .fncArea .fncView .switchBtn span.map:before{background-position:-84px -40px}
.atmSearch .compFullBg{top:106px;border-top:1px solid #ccc}
.atmSearch .compFullBg, .atmSearch .compFullBg .infoBox{background:var(--gray000)}

/*지점찾기 Layer*/
.popCont.findBranch{padding-bottom:24px}
.findBranch .tabBox{margin:0 -16px}
.findBranch .searchArea{padding:0 16px !important}
.findBranch .toggleList>li>a{height:auto;box-sizing:border-box}

/*고객센터 - 개인정보보호정책*/
.termsLink{border-top:1px solid #ccc} /* 리스트 타이틀 앞에 아이콘이 있는 경우 */
.termsLink>li{border-bottom:1px solid #e9e9e9}
.termsLink>li+li{margin:0 !important}
.termsLink>li>a{display:block;position:relative;padding:15px 15px 15px 35px;font-weight:bold;color:var(--gray090);line-height:1.250rem}
.termsLink>li>a:before{content:'';display:block;position:absolute;top:50%;left:15px;width:15px;height:15px;margin-top:-8px;background:url(https://img1.kbcard.com/cxh/ia_img/CS/ico_termslink.gif) no-repeat;background-size:15px 15px}

.contArea .toggleList{margin-left:-16px;margin-right:-16px}
.contArea .toggleList.type2{margin-left:0;margin-right:0}

.infoLoan>p>span.financeImg{background:url(https://img1.kbcard.com/cxh/ia_img/CS/img_smartphone_finance.png) left center no-repeat;background-size:70px 60px}
.smartFinance10{counter-reset:num 0;padding:30px 15px}
.smartFinance10>li{position:relative;padding-left:50px}
.smartFinance10>li+li{margin-top:30px}
.smartFinance10>li:before{counter-increment:num;content:counter(num, decimal-leading-zero);display:block;position:absolute;left:0;top:0;width:38px;height:38px;border:1px solid #ffd012;border-radius:40px;line-height:38px;color:var(--gray090);font-weight:bold;text-align:center}
.smartFinance10>li strong{display:block;padding-bottom:10px;color:var(--gray090);line-height:1.250rem}

/*이용약관*/
.container>.idxBox:first-child:before, .container .idxBox:after{content:'';display:block;height:6px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f2f3f4}
.container .idxBox:after{margin-top:-1px}
.termsCont{margin-top:30px}
.popCont.termsCont{margin-top:0;padding:0}
.popCont.termsCont>.depTit2:first-child{margin-top:0}
.toggleView.termsCont, popCont .termsCont{margin:0}
.termsCont .termTit4{margin:15px 0 10px;font-weight:bold;color:var(--gray090)}
.termsCont .date{text-align:right;color:#888}
.termsCont.anchorPoint .termsLink{margin-bottom:-30px}
.termsCont.anchorPoint>div{padding-top:30px}
.termsCont.anchorPoint>div+div{margin-top:-30px}
.termsCont p, .termsCont li{line-height:1.500rem;word-break:break-word;}/* 결함 7131, 아이폰 전용 결함 조치 내용 참조 */
.termsCont p~p, .termsCont p+ul, .termsCont p+ol, .termsCont li+li{margin-top:8px}
.termsCont li li+li{margin-top:8px}
.termsCont li li{line-height:1.429em}
.termsCont li ol, .termsCont li ul, .termsCont li p, .termsCont li ol~p, .termsCont li ul~p, .termsCont li .tbsType1{margin:8px 0 16px;font-size:0.875rem;line-height:1.429em;text-indent:0;color:var(--gray060)}
.termsCont .ol_num>li{padding-left:18px;text-indent:-18px}
.termsCont .ol_num>li .number{display:inline-block;width:18px;text-indent:0;vertical-align:top}
.termsCont .ol_circle>li{padding-left:16px;text-indent:-16px}
.termsCont .ol_half>li{padding-left:16px;text-indent:-16px}
.termsCont .ul_circle{margin-left:-2px}
.termsCont .ul_circle>li{padding-left:15px;text-indent:-15px}
.termsCont .ul_circle2>li{padding-left:14px;text-indent:-14px}
.termsCont .ul_dash>li{padding-left:10px;text-indent:-10px}
.termsCont .ul_dot>li{padding-left:20px;text-indent:-20px}
.termsCont .ul_star>li{padding-left:13px;text-indent:-13px}
.termsCont ul.cauTxt li, .termsCont p.cauTxt{padding-left:19px;text-indent:-19px;color:#888}

/*My KB - 이용한도 / 특별한도신청*/
.infoBox.addBtnType{padding:27px 15px 20px;border-top:1px solid var(--gray090);border-bottom:1px solid #e9e9e9;background:var(--gray000)}
.infoBox.addBtnType .btnArea{margin-top:18px;text-align:center}
.infoBox.addBtnType .btnArea a{display:inline-block;padding:0 15px;line-height:33px;border:1px solid #bbb;font-size:14px}

/*금융 금액입력*/
.maxBox{margin-bottom:10px;line-height:48px;text-align:center;border:2px solid var(--yellow040);box-sizing:border-box}
.maxBox em{font-weight:bold;color:var(--gray090)}

.layerWrap.calculator{position:fixed;bottom:0;margin:0 !important;width:100% !important;top:inherit !important;border-radius:0;border-top-left-radius:16px;border-top-right-radius:16px}
.layerWrap.calculator .popTop{height:56px;border:0}
.layerWrap.calculator .popTop strong{padding:16px 52px 16px 16px;font-size:1.000rem;color:var(--gray060);line-height:24px}
.layerWrap.calculator .popTop strong span{color:#02aec4;padding-left:10px;font-weight:normal}
.layerWrap.calculator .popTop strong span em{font-size:17px}
.layerWrap.calculator .popCont{height:auto!important;padding:0}
.layerWrap.calculator .popCont .sumRead{position:relative;display:block;padding:0 47px 0 0;margin:16px;margin-top:0;border:1px solid #ccc}
.layerWrap.calculator .popCont .sumRead input{text-align:right;border:0;color:#999;background:var(--gray000) !important}
.layerWrap.calculator .popCont .sumRead span{position:absolute;right:0;top:0;width:47px;line-height:50px}
.layerWrap.calculator .popCont .calculatorBox:after{content:"";height:0;display:block;clear:both}
.layerWrap.calculator .popCont .calculatorBox input[type=button]{float:left;width:33.3%;height:60px;box-sizing:border-box;border:0;border-top:1px solid #ccc;border-left:1px solid #ccc;text-align:center;font-size:24px !important;background:#f4f4f4}
.layerWrap.calculator .popCont .calculatorBox input[type=button]:nth-child(3n+1){border-left:0}
.layerWrap.calculator .popCont .calculatorBox input[type=button].delete{position:relative;font-size:1px !important;text-indent:-9999px;color:#f4f4f4;border-left:0 !important;background:#7b7875 url(https://img1.kbcard.com/cxh/ia_img/common/ico_delete.png) no-repeat center center;background-size:33px 19px}
.layerWrap.calculator .popCont .calculatorBox input[type=button].zero{float:none !important;border-left:1px solid #ccc !important}
.layerWrap.calculator .popCont .calculatorBox input[type=button].confirm{position:absolute;right:0;bottom:0;font-size:18px !important;background:var(--yellow040);font-weight:bold}

.ios .layerWrap.calculator .popTop strong{padding:18px 52px 14px 16px}

/* 카드신청 드롭다운 css */
.termsInfo:after{width:13px !important;height:8px !important;background-image:url(https://img1.kbcard.com/cxh/ia_img/common/arr_toggle.png) !important;background-size:13px 8px !important;margin-top:-4px !important}
.termsInfo.on:after{background-image:url(https://img1.kbcard.com/cxh/ia_img/common/arr_toggle_open.png) !important}
.termsView{display:none;padding:25px 20px;background:#f5f5f5;border-top:1px solid #ccc;overflow:hidden}

.psWrap{position:relative}
.psWrap .btnS{position:absolute;right:0;top:-7px}

/* 금융 */
@media screen and (max-width:359px){
    .btnBox .dLine{line-height:20px;padding:5px 0}
}

/*pc 약관 style*/
.creditList_box input[type='radio']{position:relative;width:auto;height:auto;margin:0;opacity:1}
.creditList_box label{margin-bottom:10px}
.creditList_box label:before{display:none}

.bd01_box .board{border-top:2px solid #ccc;text-align:center}
.bd01_box .board tbody th{color:var(--gray090)}
.bd01_box .board tbody th,.bd01_box .board tbody td{padding:15px 5px;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;background:var(--gray000)}
.bd01_box .board tbody tr th:first-child{border-left:0}

/* 스타샵 수정 css */
.searchTxt{padding:12px 16px;background:var(--gray000);box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.16);line-height:1.5;color:var(--gray090)}
.searchTxt span{color:var(--gray060)}
.searchTxt span em{color:var(--yellow080)}
.searchTxt span+span:before{content:'>';display:inline-block;margin-right:5px}
.detailSelect{margin:10px 4px 0 0}

/* 납부서비스 내역조회 */
.toggleView.type2{padding:30px 20px !important}
.toggleView.type2>strong{display:block;font-size:18px;color:var(--gray090);margin-bottom:17px}
.toggleView.type2>p{font-size:15px;color:var(--gray090);line-height:21px;margin-bottom:15px}
.toggleView.type2 .listType1 li{font-size:14px;color:var(--gray090)}

/*app service*/
.appService img{width:100%}
.appService .paging{position:absolute;bottom:10px;left:0;width:100%;text-align:center}

/* rotate */
.rotate > img{display:none}

/*input 유효기간*/
.validity{display:table;width:100%;vertical-align:middle}
.validity span{display:table-cell !important;padding:0 5px;text-align:center;line-height:0.938rem;vertical-align:middle}
.validity >input{display:inline;width:100%;text-align:center}
.validity >input::-webkit-input-placeholder{text-align:center}
.ios .validity span{padding-top:2px}

/* 알파원소개 swipe */
.alphaoneSwipe{margin-top:10px}
.alphaoneSwipe li{width:256px}
.alphaoneSwipe li+li{margin-left:6px}
.alphaoneSwipe li .img{display:block}
.alphaoneSwipe li .img img{width:100%;vertical-align:top}

/*event view*/
.contArea > #eventBody{padding:0 !important}
.contArea > #eventBody > .h_full{margin:0 -15px !important}


/*구데이터 출력 약관 내 테이블*/
.bd03_box .board{border-top:1px solid var(--gray090);text-align:center}
.bd03_box .board thead th{color:#444;background:#f2f3f4;border-bottom:1px solid #c9c9c9}
.bd03_box .board tbody th{color:#444;background:#f8f9f9;border-bottom:1px solid #e9e9e9}
.bd03_box .board thead th,.bd03_box .board tbody th,.bd03_box .board tbody td{padding:15px 5px;border-left:1px solid #e9e9e9}
.bd03_box .board thead tr th:first-child,.bd03_box .board tbody tr th:first-child,.bd03_box .board tbody tr td:first-child{border-left:0}
.bd03_box .board tbody td{color:var(--gray090);border-bottom:1px solid #e9e9e9}
.bd03_box .board.type2 thead th:first-child{border-right:1px solid #c9c9c9}
.bd03_box .board.type2 tbody th{text-align:left}
.bd03_box .board.type2 tbody td{text-align:right}
.bd03_box .board tr.sum th{color:var(--gray090)}
.bd03_box .board tr.sum td{color:#ff6c00}

/*쿠폰함*/
.couponApp .tbsDlist1 + .tbsDlist1{margin-top:10px;padding-top:10px;border-top:1px solid #ccc}
.couponApp.type2{border:1px solid #ccc;background:var(--gray000);padding:15px}

.cardBox .cardToggle .cardTxt.noApp:after{display:none}

/* 앱카드 지문로그인 설정 */
.infoLoan.type4{background:#eef1f2}
.infoLoan.type4>p>span>.tit, .infoLoan.type4 span{color:var(--gray090)}
.infoLoan>p>span.imgFinger{background:url(https://img1.kbcard.com/cxh/ia_img/FL/bg_finger.png) left center no-repeat;background-size:70px 60px}

/**/
.advisoryArea{margin:0 -5px}
.advisoryArea:after{content:"";height:0;display:block;clear:both}
.advisoryArea>li{float:left;width:100%;padding:0 5px;box-sizing:border-box}
.advisoryArea.col3>li{width:33%}
.advisoryArea.type2 li{text-align:center}
.advisoryArea.type2 li>label{display:block;margin-bottom:20px}
.advisoryArea.type2 li>label:before{margin-right:0}

/* 혜택조회 수정 */
.barInner ul{display:table;width:100%;table-layout:fixed}
.barInner ul li{display:table-cell;text-align:center;height:5px;background:#ccc}
.barInner ul li.on{background:var(--yellow040)}
.barInner ul li:before{content:'';display:block;width:2px;height:5px;background:var(--gray000)}
.barInner ul li:first-child:before{display:none}
.barInner.type2 ul li.on{background:#7f6ee3}

.eventDetail.swipeInner .btnPrev,.eventDetail.swipeInner .btnNext{display:block;position:absolute;top:0!important;z-index:10;width:32px;height:100%;margin:0!important}
.eventDetail.swipeInner .btnPrev{left:0;padding-right:16px}
.eventDetail.swipeInner .btnNext{right:0;padding-left:16px}
.eventDetail.swipeInner .btnPrev,.eventDetail.swipeInner .btnNext{background:none !important}
.eventDetail.swipeInner .btnPrev:before,.swipeInner .btnNext:before{content:"";display:block;position:relative;top:50%;width:32px;height:32px;margin-top:-10px;background-size:32px}
.eventDetail.swipeInner .btnPrev:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/main/arr_ban_l_32.png')}
.eventDetail.swipeInner .btnNext:before{background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/main/arr_ban_r_32.png')}

/*이벤트 상세*/
.viewWrap .viewBody.eventView{margin:0;border-bottom:none}
.viewWrap .viewBody.eventView .viewCont{background:var(--gray000)}
.viewWrap .viewBody.eventView .viewCont table{width:100%}
.viewWrap .viewBody.eventView .viewCont table td img{width:100% !important}

.viewWrap .viewBody.eventView .wish-header img{width:100% !important}
@media all and (max-width:320px){.viewWrap .viewBody.eventView .benner li a{padding-left:6.250rem !important}}
@media all and (min-width:321px) and (max-width:400px){.viewWrap .viewBody.eventView .benner li a{padding-left:6.938rem !important}}

/*이벤트 설정*/
.eventStep{overflow:hidden;padding:15px 0;border-bottom:1px solid #dedede}
.eventStep li{float:left;width:33.333%;text-align:center;text-indent:-999rem}
.eventStep li a{display:block;width:65px;height:65px;margin:0 auto;background:url('https://img1.kbcard.com/LT/cxh/images/mblhome/sub/img_event_step.png') no-repeat;background-size:257px 148px;-webkit-background-size:257px 148px}
.eventStep li:nth-child(1) a{background-position:0px 7px}
.eventStep li:nth-child(2) a{background-position:-100px 6px}
.eventStep li:nth-child(3) a{background-position:-197px 6px}
.eventStep li.on:nth-child(1) a{background-position:0px -85px}
.eventStep li.on:nth-child(2) a{background-position:-100px -85px}
.eventStep li.on:nth-child(3) a{background-position:-197px -85px}

.eventStep2{overflow:hidden;border-bottom:1px solid #dedede}
.eventStep2 li{float:left;width:50%}
.eventStep2 li a{display:block;padding:15px 0;text-align:center;font-size:13px;color:#666;line-height:1} 
.eventStep2 li .img{display:block;width:40px;height:40px;margin:0 auto 5px;background:url('https://img1.kbcard.com/LT/cxh/images/mblhome/sub/img_myEvent.png') no-repeat 0 0;background-size:80px 80px}
.eventStep2 li .my .img{background-position:0 0}
.eventStep2 li .taked .img{background-position:-40px 0}
.eventStep2 li.on a{color:var(--gray090)}
.eventStep2 li.on .my .img{background-position:0 -40px}
.eventStep2 li.on .taked .img{background-position:-40px -40px}

.eventSetN{text-align:center;margin-top:27px}
.eventSetN p{font-size:0.750rem;line-height:1.3}
.eventSet{margin-top:15px}
.eventSet dl{overflow:hidden}
.eventSet dl dt{margin:5px 0 10px 0;font-weight:bold;font-size:0.938rem}
.eventSet dl dd{display:block;float:left;width:72.5px;margin-bottom:15px}
.eventSet dl dd div{width:54px;height:65px;border:1px solid #fcaf17;border-radius:4px}
.eventSet dl dd div.select{background:var(--yellow040);box-shadow:4px 5px 0px #dedede}
.eventSet dl dd div input.chk{width:15px;height:15px;margin:5px 0 17px 5px;border:1px solid #dedede}
.eventSet dl dd div input.chk:checked:after{background-position:-2px -3px}
.eventSet dl dd div label{display:block;font-weight:bold;font-size:12px;text-align:center}
.eventSet ul{margin:8px 0 0 2px;font-size:10px;line-height:1.3}

.eventSet .bgFFF{background:var(--gray000) !important}

/* 혜택샵 이미지(탭) 플레킹 */
.imgFlexslider, .imgFlexslider ul{width:100%;height:auto;overflow:hidden}  
.imgFlexslider ul li img{width:100%}
.imgFlexslider .flex-control-nav{text-align:center}
.imgFlexslider .flex-control-nav li{display:inline-block;margin:0 2px}
.imgFlexslider .flex-control-nav li a{width:13px;height:13px;display:block;text-indent:-2000px;border-radius:10px;overflow:hidden;background:var(--gray000);border:1px solid #5b5b5b}
.imgFlexslider .flex-control-nav li a.flex-active{background:#5b5b5b} 


/* 새소식 스타일 정의 */
/* default (기본스타일 및 리뉴얼전의 화면 보정)*/
.viewCont .viewCont{margin:0;padding:0;font-size:14px;line-height:1.5} /* 상세내역 영역 */
.viewCont .viewCont p{margin-bottom:13px;color:#5b5b5b;font-size:14px;line-height:1.5}
.viewCont .viewCont p.tit{margin-bottom:8px;color:#282828;font-size:1.000rem;font-weight:bold;line-height:1.5}
.viewCont .img{position:relative}
.viewCont img{max-width:100%;vertical-align:top}
.viewCont img + .tit{position:absolute;bottom:24px;left:16px;z-index:2;color:var(--gray000)}
.viewCont img + .tit em{display:block;font-size:24px;line-height:32px}
/* table */
.viewCont .viewCont{padding:0;font-size:14px;line-height:1.5}
.viewCont .noticeWrap table,.viewCont .viewCont table{width:100%;table-layout:fixed;margin:0 0 20px;border-top:2px solid #776c61;border-bottom:1px solid #dedede}
.viewCont .noticeWrap table th.viewCont .viewCont table th{padding:7px 10px;border-right:1px solid #dedede;border-bottom:1px solid #dedede;background:#f1f2f4;color:#282828;font-size:14px;letter-spacing:-1px;text-align:center}
.viewCont .noticeWrap table td.viewCont .viewCont table td{padding:7px 10px;border-bottom:1px solid #dedede;border-right:1px solid #dedede;font-size:14px;text-align:center;word-break:break-all}
.viewCont .noticeWrap table thead th:last-child,
.viewCont .noticeWrap table tbody td:last-child, 
.viewCont .viewCont table thead th:last-child,
.viewCont .viewCont table tbody td:last-child{border-right:none}
/* list */
.viewCont .viewCont ul{margin:10px 0 20px;padding:0}
.viewCont .viewCont ul li{margin-bottom:5px;padding:0 10px 0 0;background:none;font-size:14px;line-height:1.5}
.viewCont .viewCont ul li span, .viewCont .viewCont ul li img{vertical-align:middle}
.viewCont .viewCont ul li ul{margin:5px 0 10px 10px}
.viewCont .viewCont ul li ul li{margin-bottom:5px;background:none;font-size:13px;line-height:1.5}

/* to-be 스타일 정의 */
/* Notice영역 */
.viewCont .viewCont .notice{margin:0 0 10px;padding:18px 15px;border-bottom:1px solid #dedede;background:#f7f7f7}
.viewCont .viewCont .notice p.tit{color:#282828;font-size:1.000rem;font-weight:bold;line-height:1.5}
.viewCont .viewCont .notice p{padding:0;margin:0;color:#5b5b5b;font-size:14px;line-height:1.4}
.viewCont .viewCont .notice ul{margin:0 0 -5px 0}
.viewCont .viewCont .notice ul li{margin:1px 0 5px;padding-left:9px;background:url('https://img1.kbcard.com/LT/cxh/images/mblhome/common/bul_dotBeige.png') no-repeat 0px 6px;background-size:5px;-webkit-background-size:5px;color:#5b5b5b;font-size:14px;line-height:1.4}
.viewCont .viewCont .notice p.tit + ul, .viewCont .viewCont .notice p.tit + p{margin-top:7px}
/* table */
.viewCont .viewCont .rowType, .viewCont .viewCont .colType{margin:0 0 20px;border-top:2px solid #776c61}
.viewCont .viewCont .rowType table{width:100%;table-layout:fixed;margin:0;border:none}
.viewCont .viewCont .rowType table th{padding:11px 10px;border-right:1px solid #dedede;border-bottom:1px solid #dedede;background:#f1f2f4;color:#282828;font-size:14px;letter-spacing:-1px;text-align:left}
.viewCont .viewCont .rowType table td{padding:11px 10px;border-bottom:1px solid #dedede;font-size:14px;text-align:left;word-break:break-all}
.viewCont .viewCont .rowType table td:last-child{border-right:none}
.viewCont .viewCont .colType table{width:100%;table-layout:fixed;margin:0;border:none}
.viewCont .viewCont .colType table thead th{padding:7px 10px;border-right:1px solid #dedede;border-bottom:1px solid #776c61;background:#f1f2f4;color:#282828;font-size:14px;letter-spacing:-1px;text-align:center}
.viewCont .viewCont .colType table tbody th{padding:7px 10px;border-right:1px solid #dedede;border-bottom:1px solid #dedede;font-size:14px;text-align:center}
.viewCont .viewCont .colType table tbody td{padding:7px 10px;border-right:1px solid #dedede;border-bottom:1px solid #dedede;font-size:14px;text-align:center;word-break:break-all}
.viewCont .viewCont .colType table tfoot td, .viewCont .viewCont .colType table tfoot th{padding:7px 10px;border-right:1px solid #dedede;border-bottom:1px solid #dedede;background:#f1f2f4;font-size:14px;text-align:center;word-break:break-all}
.viewCont .viewCont .colType table thead th:last-child,
.viewCont .viewCont .colType table tbody td:last-child,
.viewCont .viewCont .colType table tfoot th:last-child,
.viewCont .viewCont .colType table tfoot td:last-child{border-right:none}
.viewCont .viewCont .colType table .bdL{border-left:1px solid #dedede}
.viewCont .viewCont .colType table.thL thead th{text-align:left}
.viewCont .viewCont .colType table.tdL tbody td{text-align:left}
/* List */
.viewCont .viewCont .newsList ul{margin:10px 0 20px;padding:0}
.viewCont .viewCont .newsList ul li{margin-bottom:5px;padding:0 10px 0 10px;background:url('https://img1.kbcard.com/LT/cxh/images/mblhome/common/bul_contList01.png') no-repeat 0px 7px;background-size:5px;-webkit-background-size:5px;font-size:14px;line-height:1.5}
.viewCont .viewCont .newsList ul li span, .contList01 li img{vertical-align:middle}
.viewCont .viewCont .newsList ul li ul{margin:5px 0 10px 4px}
.viewCont .viewCont .newsList ul li ul li{margin-bottom:5px;background:url('https://img1.kbcard.com/LT/cxh/images/mblhome/common/bul_hyp.png') no-repeat 0 6px;background-size:6px 6px;-webkit-background-size:6px 6px;font-size:13px;line-height:1.5}
.viewCont .viewCont .newsList ul li ul.noneBg li{padding-left:0;background:none}
/* Button */
.viewCont .viewCont .btnWrap.mbl{display:block}
.viewCont .viewCont .btnWrap.mbl .btn{display:inline-block;min-width:56px;margin-right:7px;padding:12px 15px 12px;border:none;border-radius:3px;background:var(--yellow040);color:#282828;font-size:14px;line-height:0.938rem;font-weight:bold;text-align:center;box-shadow:1px 1px 0px #c49d00}
.viewCont .viewCont .btnWrap.mbl .btn.cancel{display:inline-block;min-width:56px;margin-right:7px;padding:12px 15px 12px;border:none;border-radius:3px;background:#dedede;color:#282828;font-size:14px;line-height:0.938rem;font-weight:bold;text-align:center;box-shadow:1px 1px 0px #ababab}
/* 첨부파일 */
.viewCont .viewCont .attFile{margin:20px 0 -20px;border-top:1px solid #dedede}
.viewCont .viewCont .attFile li{margin:0 10px;padding:0;border-top:1px dotted #dedede;background:none}
.viewCont .viewCont .attFile li:first-child{border-top:none}
.viewCont .viewCont .attFile li a{display:block;position:relative;padding:9px 0 9px 25px;font-size:11px;line-height:18px}
.viewCont .viewCont .attFile li a .icoImg.file{position:absolute;top:9px;left:0}
.t_left{text-align:left !important}
.t_right{text-align:right !important}
.t_center{text-align:center !important}


.mB17{margin-bottom:17px}

.eventSet dl.ykCheckList dd div{padding:18px 2px 0 2px;height:48px;width:50px;font-size:11px;text-align:center;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;position:relative;letter-spacing:-2px;line-height:1.125rem} 
.eventSet dl.ykCheckList dd div:before{width:13px;height:13px;margin:0;border:1px solid #dedede;border-radius:3px;position:absolute;left:5px;top:5px;content:""}
.eventSet dl.ykCheckList dd div.select{background:var(--yellow040);box-shadow:4px 5px 0px #dedede}
.eventSet dl.ykCheckList dd div.select:before{background:var(--gray000) url('https://img1.kbcard.com/LT/cxh/images/mblhome/common/bg_chk.png') no-repeat center center;background-size:15px}

/* 이벤트 상세 당첨 */
.eventWinBox{margin:15px 0 10px 0;text-align:center}
.eventWinBox img{width:185px;height:135px}

.eventStep li a{width:80px}
.eventStep li:nth-child(2) a{background-position:-94px 6px}
.list02.payList.linkNo ul li .costInfoBox .amntWrap span{color:#5b5b5b}

/* 새소식버튼관련 CSS추가 2016.08.05 */
.btnArea .kbBtn + .kbBtn{margin-left:5px;}
.kbBtn{display:inline-block;background:var(--yellow040);/* padding:10px 15px 10px; *//* font-size:13px; */font-weight:600;/* border-radius:3px; */margin-top:5px;}

/***********************************************************************************************************************************************************************/

/* 카드상품 상세 구DATA css 재정의 */
.bnfCont li .contArea p.B_rectangle.nearDepth2UL, .toggleView .vw_first_li .B_rectangle.nearDepth2UL{margin-bottom:10px;font-weight:bold;font-size:1.063rem}
.bnfCont li .contArea .nearDepth2UL~p.B_rectangle.nearDepth2UL, .bnfCont li .contArea .B_star+.nearDepth2UL, .bnfCont li .contArea .B_star+.vw_first_li .nearDepth2UL, .toggleView .vw_first_li p~div.vw_ss_list{margin-top:23px}
.bnfCont li .contArea .nearDepth2UL+p.B_rectangle.nearDepth2UL{margin-top:10px}
.bnfCont li .contArea .triangle2depth, .bnfCont li .contArea p.B_star, .toggleView .vw_first_li p.B_star{margin-left:9px;text-indent:-9px}
.bnfCont li .contArea .triangle2depth+.triangle2depth, .bnfCont li .contArea p.B_star+p.B_star, .toggleView .vw_first_li p.B_star+p.B_star{margin-top:5px}
.bnfCont li .contArea .triangle2depth+.triangle3depth{margin-top:5px;margin-left:9px}
.bnfCont li .contArea .triangle2depth+.triangle3depth+.triangle3depth,
.bnfCont li .contArea .triangle2depth+.triangle3depth+.triangle3depth+.triangle3depth,
.bnfCont li .contArea .triangle2depth+.triangle3depth+.triangle3depth+.triangle3depth+.triangle3depth,
.bnfCont li .contArea .triangle2depth+.triangle3depth+.triangle3depth+.triangle3depth+.triangle3depth+.triangle3depth,
.bnfCont li .contArea .triangle2depth+.triangle3depth+.triangle3depth+.triangle3depth+.triangle3depth+.triangle3depth+.triangle3depth{margin-left:9px}
.bnfCont li .contArea .bd02_box+ul, .bnfCont li .contArea .bd02_box+div, .toggleView .vw_first_li .bd02_box+.vw_ss_list{margin-top:10px}

/*개발 후 문제에 대한 css재정의*/
#gr3_8 .inpTxt1 .addBtn{margin-top:-1px}

.depTitBox:after{content:"";display:block;height:0;clear:both}
.depTitBox .depTit2{float:left}
.depTitBox a{float:right;margin-top:20px}

/*PC 전용 버튼 제어*/
.pcBtn_area{display:none !important} 

/* 결제예정금액 수정 */
.reInbox{background:#f8f9f9;padding-top:20px}
.reInbox .topBox{border-top:0 !important;padding:0 15px 10px !important}
.reInbox .selChoice{overflow:hidden}
.reInbox .selChoice .selType1{float:left;width:50%}
.reInbox .selChoice .selChoice_Btn{float:right;width:120px}
.reInbox .selChoice .selChoice_Btn ul li{float:left;width:50%;text-align:center}
.reInbox .selChoice .selChoice_Btn ul li a{display:block;font-size:1.000rem;line-height:50px;color:#888}
.reInbox .selChoice .selChoice_Btn ul li.on a{color:var(--gray090)}
.reInbox .selChoice .selChoice_Btn ul li.on a:after{content:'';display:block;position:relative;top:-10px;border-bottom:2px solid #590c0c}
.reInbox .moreBtn{padding:0 15px;margin-top:20px}

.reuseDetail .reSort{overflow:hidden;margin-top:-10px}
.reuseDetail .reSort+.totalCase{margin-bottom:-10px}
.reuseDetail .reSort .selType1{float:left;width:50%}
.reuseDetail .reSort .range{float:right;width:120px;border-bottom:0}
.reuseDetail .reSort .range div{display:block;overflow:hidden}
.reuseDetail .reSort .range a{display:block;float:left;width:50%;font-size:1.000rem;line-height:50px;color:#888;text-align:center;padding:0}
.reuseDetail .reSort .range a.on{color:var(--gray090)}
.reuseDetail .reSort .range a.on:after{content:'';display:block;position:relative;top:-10px;border-bottom:2px solid #590c0c}

.tbsList1 li>span.inpTxt1{float:none}

#eccTalkLinker{border:0 !important}

/*이벤트 결과 참고사항*/
.eventWin + .contArea .tbsList1 li:last-child strong{text-align:left;widthg:100%;margin-top:10px}

/* 혜택조회 수정 */
.newBenefitList{margin-top:10px}
.newBenefitList li .btnLink, .newBenefitList li>.inner{display:table;table-layout:fixed;width:100%;box-sizing:border-box;padding:20px 15px}
.newBenefitList li .btnLink strong, .newBenefitList li>.inner strong{display:table-cell;font-size:18px;line-height:24px;color:var(--gray090)}
.newBenefitList li .btnLink em, .newBenefitList li>.inner em{display:table-cell;text-align:right;font-size:18px;line-height:24px;color:#7f6ee3;font-weight:bold}
.newBenefitList>li:after{content:'';display:block;height:5px;background:#f2f3f4;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.newBenefitList li .noData{text-align:center;background:none;padding:0 0 20px 0 !important}
.newBenefitList li .btnView{display:block;height:45px;line-height:45px;text-align:center;font-size:12px;color:#888;font-size:12px}
.newBenefitList li .btnView:after{content:'';display:inline-block;width:10px;height:6px;background:url('https://img1.kbcard.com/cxh/ia_img/common/ico_close.png') no-repeat 0 0;background-size:10px 6px;margin-left:5px;vertical-align:1px}

.newBenefitList2{padding:20px 15px 0}
.newBenefitList2 li{display:table;width:100%;table-layout:fixed;box-sizing:border-box}
.newBenefitList2 li+li{margin-top:10px}
.newBenefitList2 li span{display:table-cell;font-size:15px;color:#666}
.newBenefitList2 li em{display:table-cell;text-align:right;font-size:15px;color:var(--gray090);font-weight:bold}

.contList.on{background:#f8f9f9}
.contList.on .btnView:after{content:'';display:inline-block;width:10px;height:6px;background:url('https://img1.kbcard.com/cxh/ia_img/common/ico_open.png') no-repeat 0 0;background-size:10px 6px;margin-left:5px;vertical-align:1px}

.newPM{display:table;width:100%;table-layout:fixed}
.newPM>*{display:table-cell;width:50%;font-size:22px;line-height:28px;vertical-align:middle}
.newPM>strong{word-wrap:break-word}
.newPM>em{text-align:right}

/*잠금번호서비스란*/
.infoBox.lockNum{text-align:left;position:relative;padding-left:97px}
.infoBox.lockNum:before{content:"";position:absolute;left:15px;top:50%;margin-top:-30px;display:inline-block;width:62px;height:59px;background:url(https://img1.kbcard.com/cxh/ia_img/common/img_lock_num.png);background-size:62px 59px}

/*가로 카드 이미지*/
.cardInfo .img > .rotate{display:block}

/* 지역이벤트, 반짝이벤트 추가 css unityEvt 추가 */
.infoBox.saleViewBox strong{font-size:1.313rem !important ;line-height:1.45em}
.unityEvt{font-size:14px}
@media only screen and (min-width:360px){
    .unityEvt{font-size:15px}
}
.unityEvt .depTit2{margin-bottom:4px;font-size:1.063rem;line-height:1.267em}

/* 박진수 flexBox 추가 */
.flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-box-align:center}
.flex.center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.flex.top{-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-align:start}
.flex.bottom{-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-align:center}
.flex > *{display:block !important;float:none!important}
.flex > .boxflex1{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.flexEven{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-box-align:center}
.flexEven > *{display:block !important;float:none!important;-webkit-box-flex:1;-webkit-flex:1;flex:1}
.boxflexNone{-webkit-box-flex:none !important;-webkit-flex:none !important;flex:none !important}

.web .webNone{display:none!important}

.swiperCon.appService > .js-btnPrev,.swiperCon.appService > .js-btnNext{background:none}

/*주소검색*/
#pageAddrSerch{position:relative !important}
#pageAddrSerch .fixedBArea{position:absolute !important}

/*알리미 설정 - 최재훈 */  
.pushSetting{padding:0 16px}  
.pushSetting ul{margin:24px 0}  
.pushSetting li .formWrap{position:relative;width:100%;padding-bottom:32px;text-align:center}  
.pushSetting li label span{display:block;margin-top:8px;font-size:14px;line-height:20px}  
.pushSetting li label img{width:72px;height:72px;vertical-align:top}  
.pushSetting li label{width:100%;font-size:14px;line-height:20px;color:rgba(0,0,0, .87);-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}  
.pushSetting li label:before{position:absolute;bottom:0;left:50%;margin-left:-12px;display:block}  

/* 베이직 아이콘 전용 텍스트 */
ul.basicIcon16{padding-left:0!important;margin:0!important}
.basicIcon16, .basicIcon16 > li{display:block;position:relative;margin-top:8px;padding-left:20px;font-size:0.875rem;line-height:1.250rem;color:var(--gray090)}
.basicIcon16 .img{display:block;position:absolute;top:0;left:0;width:16px;height:16px;padding:2px 4px 2px 0}
.basicIcon16 .img img{width:100%;height:auto;opacity:.87}
.ios .basicIcon16, .ios .basicIcon16 > li{padding-top:1px}

ul.basicIcon24{padding:0!important;margin:0!important}
.basicIcon24, .basicIcon24 li{display:block;position:relative;margin-top:8px;padding:2px 0 2px 32px;font-size:0.875rem;line-height:1.250rem;color:var(--gray090)}
.basicIcon24 .img{display:block;position:absolute;top:0;left:0;width:24px;height:24px}
.basicIcon24 .img img{width:100%;height:auto;opacity:.87}
.basicIcon24 a{font-size:1.000rem;text-decoration:underline}
.ios .basicIcon24, .ios .basicIcon24 > li{padding:3px 0 1px 32px}

/* 이메일 상담 */
.adviceTit{position:relative;margin:24px 0;padding-right:56px}
.adviceTit h2{overflow:hidden;font-size:18px;line-height:24px}
.adviceTit h2 b{display:inline-block;width:25px}
.adviceTit .state{margin-top:4px;font-size:14px;line-height:20px;color:var(--gray050)}
.adviceTit .btnSS{position:absolute;top:0;right:0;width:48px;height:28px;padding:0 8px;line-height:28px;font-size:12px;color:var(--gray070)}
.ios .adviceTit .btnSS{line-height:30px}

.adviceCont + .adviceTit{padding-top:24px;border-top:1px solid rgba(0, 0, 0, .16)}

.advicePop{position:fixed;bottom:-282px;left:0;z-index:9010;width:100%;padding:32px 16px 24px;background:#f2f2f2;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);transition:all 300ms}
.advicePop h3{font-size:18px;line-height:24px;font-weight:bold}
.advicePop .state{height:20px;margin-top:16px;font-size:14px;line-height:20px}
.advicePop .satisfaction{overflow:hidden;position:relative;width:240px;margin:5px auto 27px;background-color:#d9d9d9}
.advicePop .satisfaction ul{position:relative;z-index:10}
.advicePop .satisfaction li{float:left;border-width:0 4px;border-color:#f2f2f2;border-style:solid}
.advicePop .satisfaction input[type="radio"]{position:static;width:40px;height:40px;-webkit-border-radius:0;border-radius:0;border:none;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/img_star.png') no-repeat 0 0;background-size:40px;-webkit-appearance:none;appearance:none;opacity:1}
.advicePop .gauge{display:block;position:absolute;top:0;left:0;width:1px;background-color:#448aff;height:100%;transition:width 300ms ease-out}

.emailAdvice{height:120px;/* background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/img_bg_l.png'), url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/img_bg_r.png');background-size:75px 120px;background-position:0 0, 100% 0;background-repeat:no-repeat; */background-color:#f46600;color:var(--gray000);text-align:center}
.emailAdvice dl{width:33.3%;padding-top:26px}
.emailAdvice dl dd{margin-top:4px;font-size:32px;line-height:36px;font-weight:100}
.emailAdvice dl:first-child dd{font-weight:normal;color:#fffce5}

.textbyte{margin-top:4px;color:var(--gray050);font-size:12px;line-height:16px;text-align:right;transition:all 400ms ease-out}
.textbyte .fc5{opacity:.87}

/* 모바일 카드정보 조회 */
.mobilecardInfo{-webkit-perspective:600px;perspective:600px}
.mobilecardInfo .card{position:relative;width:240px;height:152px;margin:40px auto 0;-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 500ms ease-out}
.mobilecardInfo .card.flip{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}

.mobilecardInfo .front{position:absolute;top:0;left:0;z-index:900;width:240px;height:152px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.mobilecardInfo .front img{width:100%;height:auto;vertical-align:top}
.mobilecardInfo .front .info{position:absolute;left:8px;bottom:8px;width:224px;padding:4px 8px 8px;-webkit-border-radius:7px;border-radius:7px;background-color:rgba(0, 0, 0, .24);color:var(--gray000);text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}
.mobilecardInfo .front .info .date{font-size:12px;line-height:16px}
.mobilecardInfo .front .info .dbc4{position:absolute;top:-68px;right:0;padding:0 4px;-webkit-border-radius:4px;border-radius:4px;background-color:rgba(0, 0, 0, .24);color:var(--gray000)}
.mobilecardInfo .back{position:absolute;top:0;left:0;width:240px;height:152px;padding-top:16px;-webkit-border-radius:8px;background-color:var(--yellow040);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.mobilecardInfo .back:before{content:'';display:block;height:36px;margin-bottom:16px;background-color:rgba(0, 0, 0, .1)}
.mobilecardInfo .back .sign{display:inline-block;width:120px;height:24px;background:var(--gray000) url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/img_kb_pattern.png') repeat 0 0;background-size:9px}
.mobilecardInfo .back .sign img{width:auto;height:20px;margin-top:2px;vertical-align:top}
.mobilecardInfo .back .cvc{display:inline-block;min-width:70px;height:24px;margin-left:4px;padding:0 6px;-webkit-border-radius:3px;border-radius:3px;background-color:rgba(0, 0, 0, .24);color:var(--gray000);line-height:24px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}

.mobilecardInfo button{height:40px;margin-top:40px;padding:7px 16px;-webkit-border-radius:20px;border-radius:20px;border:1px solid rgba(0, 0, 0, .24);background-color:var(--gray000);font-size:14px;line-height:24px}
.mobilecardInfo button img{display:inline-block;width:24px;height:24px;margin-left:-4px;vertical-align:top}
.ios .mobilecardInfo button{padding:8px 16px 6px}
.ios .mobilecardInfo button img{margin-top:-1px}
.ios .mobilecardInfo .back .cvc{line-height:26px}

/* 도난분실보상신청 */
.billingArea{margin-top:32px}
.billingArea .totalInfo{margin-top:0px;padding:0 16px 16px}
.billingArea .totalInfo .totalCnt{font-size:0.875rem !important;line-height:1.429em}
.billingArea .totalInfo .totalCnt em{font-weight:bold;color:rgba(0,0,0, .87)}
.billingArea .allCheck{position:relative;padding:12px 16px;background-color:#f8f9f9;border-top:1px solid rgba(0,0,0, .16)}
.billingArea .allCheck label{padding-left:33px}
.billingArea .allCheck label:before{display:block;position:absolute;left:16px;top:50%;margin-top:-12px}
.billingArea .moreBtn a{background:none;border-top:1px solid #ccc}
.ios .billingArea .allCheck label:before{margin-top:-14px}

/* 앱카드 오프라인 가맹점 */    
.offline{position:relative;padding:32px 0;background-color:var(--gray000)}    
.offline:after, .online:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#d8d8d8}    
.offline img{width:100%;height:auto}    
.offline h3{margin:0 0 24px 0;font-size:18px;line-height:24px;letter-spacing:-0.2px;color:rgba(0,0,0 .87);text-align:center}    
.offline .tabBox+div{margin:16px 16px 0 16px ;padding-top:16px;border-top:1px solid #e9e9e9}    
.offline .tabCont>ul li,.online .tabCont>ul li{display:inline-block;width:21%;height:21%;margin-left:2.6%}    
.online{position:relative;padding:32px 0;background-color:var(--gray000)}    
.online img{width:100%;height:auto}    
.online .franch li{display:inline-block;width:21%;margin-left:2.2%}    
.online h3{margin:0 0 24px 0;font-size:18px;line-height:24px;letter-spacing:-0.2px;color:rgba(0,0,0 .87);text-align:center}    
.offline .tabCont, .online .tabCont{margin:16px -16px 0}

/* PUSH수신동의 팝업 */
.pushPop{padding-top:8px}
.pushPop h3{margin-bottom:40px;text-align:center}
.pushPop .txt{margin-bottom:24px;padding:0 16px}
.pushPop .txt li{margin-top:8px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_check_24_purple_b.png') no-repeat right 0;background-size:24px}
.pushPop .flex{margin:32px -16px 0}
.pushPop .btnL{-webkit-border-radius:0;border-radius:0;-webkit-box-flex:2;-webkit-flex:2;flex:2}
.pushPop .btnL.btnWgray{-webkit-box-flex:1;-webkit-flex:1;flex:1}

/* 로그인 리뉴얼 */
/*패스워드 버튼*/
button.passCircle{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/login/img_oval_off.png) repeat-x 0 0;background-size:32px 16px}
button.passCircle.on{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/login/img_oval_on.png) repeat-x 0 0;background-size:32px 16px}

/*로그인 영역*/
.loginArea.new2017{padding:72px 32px 72px}
.loginArea.new2017 .loginCon{position:relative;padding-bottom:0px}
.loginArea.new2017 .loginCon .fullInp input{border:none;padding:0}
.loginArea.new2017 .loginCon .fullInp div{position:relative;height:64px}
.loginArea.new2017 .loginCon .fullInp div label{position:absolute;left:0;top:20px;font-size:1.000rem;line-height:24px;letter-spacing:-0.2px;color:var(--gray050);z-index:3}
.loginArea.new2017 .loginCon .fullInp input{position:absolute;left:0;bottom:0;border-bottom:1px solid rgba(0,0,0, .24) !important;box-sizing:border-box;z-index:1}
.loginArea.new2017 .loginCon .fullInp input:focus{border-bottom:1px solid rgba(0,0,0, 1) !important;color:#000}

@keyframes move{
    0%{top:20px;font-size:1.000rem;line-height:24px}
    100%{top:8px;margin-tcjhoop:0;font-size:12px;line-height:16px}
}
@-webkit-keyframes move{
    0%{top:20px;font-size:1.000rem;line-height:24px}
    100%{top:8px;margin-tcjhoop:0;font-size:12px;line-height:16px}
}
@media screen and (max-height:568px){
    .loginArea.new2017{padding-top:56px}
}

/*하단 버튼영역*/
.quickLink.new2017{position:absolute;left:0;bottom:32px;width:100%;text-align:center}
.quickLink.new2017 a{display:inline-block;float:none;width:auto;padding:0px;margin:0;font-size:14px;line-height:20px;color:var(--gray050);text-decoration:underline}
.quickLink.new2017 a:first-child{position:relative}
.quickLink.new2017 a:first-child:after{position:absolute;top:50%;right:-8px;display:block;content:'';width:1px;height:9px;margin-top:-4px;background-color:rgba(0,0,0, .47)}
.quickLink.new2017 a:last-child{margin-left:8px}
.quickLink.new2017.one a:after{display:none}

.quickLink.downward {text-align:center}
.quickLink.downward a {float:none; display:inline-block; width:auto; margin-top:0}
.quickLink.downward .arrR:after {margin-left:4px; transform:rotate(90deg); -webkit-transform:rotate(90deg)}


/*공인인증*/
.loginArea.new2017 .loginCon.gongin>img{display:block;width:216px;height:216px;margin:8px auto 0 auto}
/*굿 터치*/
.loginArea.new2017 .loginCon.goodTouch>img{display:block;width:216px;height:216px;margin:40px auto 0 auto}
.loginArea.new2017 .loginCon.goodTouch img.card{width:160px;height:100px}
.loginArea.new2017 .loginCon.goodTouch{padding-top:0px;text-align:center}
.loginArea.new2017 .loginCon.goodTouch button{position:relative;width:112px;height:16px;margin-top:48px}
.loginArea.new2017 .loginCon.goodTouch button:after{content:'';position:absolute;top:-16px;left:-16px;bottom:-16px;right:-16px}

/* 지문인증*/
.contArea.fingerPrt2{padding:0 24px}
.fingerPrt2 button{display:block;width:120px;height:120px;margin:56px auto 56px auto;background:transparent}
.fingerPrt2 button.fingerBtn{position:relative;width:120px;height:120px;
    background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/login/img_fingerprint_off.png) no-repeat 0 0;background-size:120px 120px}
.fingerPrt2 button img{position:absolute;bottom:0;left:0;width:120px;height:120px;z-index:2}
.fingerPrt2 button.fingerBtn div{position:absolute;overflow:hidden;bottom:0;left:0;width:120px;height:0px;-webkit-animation:finger 7s linear infinite;animation:finger 7s linear infinite}
.fingerPrt2 button.fingerBtn div.on{height:120px;animation:none}
.fingerPrt2 p{width:100%;margin-top:96px;font-size:1.000rem;line-height:24px;letter-spacing:-0.2px;color:rgba(0,0,0, .87);text-align:center}

@keyframes finger{
    0%{height:0px}
    100%{height:120px}
}

@media screen and (max-width:320px){
    .fingerPrt2 p{margin-top:56px}
}

/*잠금번호*/
.contArea.jamPass{margin-top:120px;padding:0 24px;text-align:center}
.contArea.jamPass p{font-size:1.000rem;line-height:24px;letter-spacing:-0.2px;color:var(--gray060)}
.contArea.jamPass button{position:relative;width:176px;height:16px;margin:48px 0 24px}
.contArea.jamPass button:after{content:'';position:absolute;top:-16px;left:-16px;bottom:-16px;right:-16px}

/* 스크롤 영역 */
.scrollArea{padding-right:8px;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-box-sizing:border-box;box-sizing:border-box}
.scrollArea::-webkit-scrollbar{width:4px}
.scrollArea::-webkit-scrollbar-thumb{border-radius:3px;background-color:rgba(0, 0, 0, .16)}

/* 펫코노미 서비스 */
.petRecommend{display:block;margin:0 -16px;padding:24px 50px !important ;background-color:var(--gray000)}
.petRecommend li{text-align:center}
.petRecommend li strong{display:block;margin-bottom:16px}
.petRecommend li a{display:block;text-align:right}
.petRecommend li a span{position:relative;display:inline-block;text-align:right;padding-right:28px;font-size:1.000rem;line-height:24px;color:var(--gray090)}
.petRecommend li a span:after{content:'';position:absolute;top:0;right:0;width:24px;height:24px;display:block;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png') no-repeat 100% 50%;background-size:24px 24px}

/* KB 스타클럽 */
.img_kbClub{display:block;width:100%;max-width:327px;height:222px;margin:32px auto 0 auto}
.kbClub_lvl{margin-top:16px}
.kbClub_lvl>li{position:relative;margin-bottom:32px}
.kbClub_lvl>li img{position:absolute;top:0;left:0;width:80px;height:80px}
.kbClub_lvl>li ul{padding-left:96px}
.kbClub_lvl>li ul li{color:rgba(0,0,0,.60)}
.kbClub_lvl>li ul li span{display:inline-block;width:58px;color:var(--gray090)}
.kbClub_lvl>li ul.primium li span{width:100px}

.listdl1{border-top:1px solid #000}
.listdl1 dt{text-align:center;padding:14px 0;background-color:#f2f3f4}
.listdl1 dd{display:table;width:100%;min-height:56px;box-sizing:content-box;border-top:1px solid #dadada;border-bottom:1px solid #dadada;text-align:center}
.listdl1 dd span{display:table-cell;vertical-align:middle;color:var(--gray060)}

.maestro{position:relative;margin-top:16px}
.maestro .listdl1{width:40%}
.maestro:before{content:'';position:absolute;top:50%;left:50%;width:40px;height:1px;margin-left:-20px;background-color:#2daccc}
.maestro:after{content:'';position:absolute;top:50%;left:50%;width:7px;height:7px;margin:-4px 0 0 10px;border-width:1px;border-style:solid;border-color:#2daccc #2daccc transparent transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}

/* 카드사용 안심서비스 */
.tagSum{overflow:hidden}
.tagSum span, .tagSum .add{float:left;display:inline-block;position:relative;margin:0 16px 16px 0;padding:6px 34px 6px 10px;background-color:#6b7079;-webkit-border-radius:3px;border-radius:3px;font-size:14px;line-height:20px;color:var(--gray000);vertical-align:top}
.tagSum span a{overflow:hidden;display:block;position:absolute;top:0;right:0;width:32px;height:32px;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;color:transparent}
.tagSum .add{min-width:60px;padding-right:10px;border:1px dashed #6b7079;background-color:transparent;text-align:center;color:#6b7079}

.ios .tagSum span, .ios .tagSum .add{padding-top:7px;padding-bottom:5px}

.selList{overflow:hidden;margin:-4px}
.selList li{float:left;display:table;width:33.3%;padding:4px;-webkit-box-sizing:border-box;box-sizing:border-box}
.selList li button{display:table-cell;width:100%;height:40px;border:1px solid rgba(0, 0, 0, .16);background-color:var(--gray000);text-align:center;font-size:14px;line-height:20px}
.selList li button[title="선택됨"]{border:2px solid var(--yellow040)}

/* 연회비 리스트 추가 */
.yearPayList{margin:0 -16px 0 0}
.yearPayList > li{overflow:hidden;position:relative;padding:12px 0 12px 72px!important;border-bottom:1px solid rgba(0,0,0, .16);-webkit-box-sizing:border-box;box-sizing:border-box}
.yearPayList > li:last-child{border-bottom:0}
.yearPayList li > img{position:absolute;top:50%;left:0;width:48px;height:36px;margin-top:-18px}
.yearPayList li .ico_n.small{position:absolute;top:50%;left:0;width:48px;height:20px;margin-top:-18px;padding:8px 0;line-height:20px;background:#dcdfe5;border-radius:2px;text-indent:0;font-size:12px;color:var(--g9-to-g10);text-align:center}
.yearPayList li ul{float:none;width:100%;margin-top:0 !important}
.yearPayList li{overflow:hidden;width:100%}
.yearPayList li li:last-child strong{font-size:14px;color:var(--gray060)}
.yearPayList strong{font-size:14px;line-height:24px;float:left;width:50%;font-weight:bold}
.yearPayList em{font-size:14px;line-height:24px;float:right;width:35%;padding:0 24px 0 0;text-align:right}
.yearPayList li > .ico-img  {position: absolute; top: 50%; left: 0; width: 48px; height: 36px; margin-top: -18px;}
.yearPayList li > .ico-img img {width:100%;}


/* 단기카드대출 리뉴얼 추가 */
.inputType2_wrap{position: relative;margin-bottom:40px;padding-top:20px;text-align:right;font-size:18px}
.inputType2_wrap .txt1{text-align:right;color:var(--gray060);font-size:1.000rem !important}
.inputType2_wrap .txt2{position:relative;font-size:20px !important;margin-bottom:8px}
.inputType2_wrap .widInput{display:block}
.inputType2_wrap input[type="text"]{height:56px;padding:0;border:none;border-bottom:1px solid rgba(0,0,0,.16);background:none;font-size:20px !important;line-height:56px;font-weight:bold}
.inputType2_wrap > a> span {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.infoExp2_wrap .infoTxt1{padding-right:23px;position:relative;margin-bottom:15px}
.infoExp2_wrap .infoTxt1:after{content:'';position:absolute;right:0;top:50%;margin-top:-9px;width:18px;height:18px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png) no-repeat left center;background-size:18px}
.infoExp2_wrap .infoTxt2{overflow:hidden;margin-bottom:15px}
.infoExp2_wrap .infoTxt2 dl{float:left;min-width:80px;margin-right:16px;text-align:left}
.infoExp2_wrap .infoTxt2 dl:last-child{margin-right:0}
.infoExp2_wrap .infoTxt2 dl dt{color:var(--gray060)}
.infoExp2_wrap .infoTxt2 dl dt .qInfoBtn{width:24px;height:24px;margin:0 0 0 -4px;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;vertical-align:top;opacity:.6}
.infoExp2_wrap .infoTxt2 dl dd .interest{font-size:1.125rem;color:#01a0c7}
.layerWrap.calculator .popCont .sumRead input[type="text"]::-webkit-input-placeholder{text-align:right}

/* 통합 조회 리스트 */
.service_logo ul li img{width:auto;height:16px;vertical-align:sub}

/* 통합 조회 상세 */
.combineArea{margin:32px 0 0}
.combineArea .totalCnt{overflow:hidden;margin:0 0 16px 0}
.combineArea .totalCnt .depTit3, .combineArea .totalCnt .tit{float:left;margin:0;font-size:1.000rem;line-height:1.5em}
.combineArea .totalCnt .sum{float:right;color:var(--gray070);font-size:0.875rem}
.combineArea .totalCnt .totalLabel{display:block;font-size:1.000rem;line-height:1.5em;color:var(--gray090)}
.combineArea .totalCnt .totalCash{display:block;margin:4px 0 0 0;font-size:2.13rem;font-weight:normal;color:var(--yellow080);line-height:1.25em}
.combineArea .totalCnt .totalCash em{font-size:1.500rem;line-height:1.33em}

.combineArea * + .detailList{margin-top:16px}
.combineArea .detailList li{margin:0 0 8px 0}
.combineArea .detailList li:last-child{margin-bottom:0}
.combineArea .detailList li .subInfo.type2{padding-top:8px}
.combineArea .myAsset{margin:0 8px}

.combineArea .myAccList{border-top:1px solid #333}
.combineArea .myAccList > li{padding:24px 8px;border-bottom:1px solid rgba(0,0,0,.16)}

.combineArea .mainInfo .tit{font-size:1.250rem;line-height:1.4em;font-weight:normal}
.combineArea .mainInfo .desc{color:var(--gray070);font-size:0.875rem;line-height:1.43em}

.combineArea .subInfo{font-size:0.875rem;line-height:1.43em}
.combineArea .subInfo .label{color:var(--gray070)}
.combineArea .subInfo .info{color:var(--gray090)}

.combineArea .subInfo.type2{font-size:1.000rem;line-height:1.500em}
.combineArea .subInfo.type2 .label{color:rgba(0,0,0.87)}

.combineArea .subInfo.rowType .label{display:block;text-align:right}
.combineArea .subInfo.rowType .info{display:block;text-align:right}

.combineArea .subInfo.colType{overflow:hidden}
.combineArea .subInfo.colType .label{float:left}
.combineArea .subInfo.colType .info{float:right;text-align:right}

/* 카드추천하기 고객용 상단 */
.eventBox{padding:43px 0 40px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/bg_favorCard.png) no-repeat center top;background-size:cover;text-align:center}
.eventBox .title{width:206px;height:auto}
.eventBox .desc{margin:14px 0;color:var(--gray000)}
.eventBox .btn{display:inline-block;padding:0 16px;margin:0 3px;line-height:35px;border:1px solid var(--gray000);border-radius:18px;color:var(--gray000)}

/* Scene 모니터링 */
.swiperCon.attachImg .swiper li{position: relative;display: flex;justify-content: center;align-items: center;border: 1px solid rgba(0, 0, 0, .1);overflow: hidden;height: 175px !important;box-sizing: border-box}
.swiperCon.attachImg .swiper li a img{max-width:100%;max-height:100%}
.swiperCon.attachImg .swiper li .btnDel{position: absolute;right: 10px;top: 10px;width: 24px;height: 24px;background:rgba(256, 256, 256, .5) url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_close_24_000.png') no-repeat 50% 50%;background-size: 24px auto;color: transparent}

.searchWrap{padding:28px 16px 32px;background:var(--gray000)}
.searchWrap .lottieImg{padding-top:52px;color:var(--gray090)}
.inputGroup{border-bottom:2px solid #212121;overflow:hidden;padding:0 8px 10px 16px}
.inputGroup input{font-size:1.000rem !important;float:left;height:24px;width:80%;padding:0;line-height:24px;border:0}
.inputGroup button{font-size:0;float:right;overflow:hidden;width:24px;height:24px;text-indent:-2000px;background-color:var(--gray000);text-align:center}
.inputGroup button::before{content:'';display:block;width:14px;height:14px;margin:0 auto;background:var(--gray000) url(https://img1.kbcard.com/cxh/ia_img/common/ico_search.png) no-repeat 0 100%;background-size:auto 14px}

/* 선불카드 관리 - 텍스트형 에러 */
.errorBox{padding:32px 0 16px 0}
.errorBox .txtInfo{margin-top:0;font-size:1.000rem;line-height:1.5;font-weight:600}
.errorBox .txtInfo:before{top:1px}
.errorBox dd{padding-top:4px;font-size:0.875rem;color:var(--gray060);line-height:1.43}

/* 선불카드 이용내역 조회 */
.paymentInquiry .date{margin-right:0}
.paymentInquiry .cardBox{margin-top:16px}
.paymentInquiry .cardBox .cardTxt{padding:0;border:0}
.paymentInquiry .cardBox .cardTxt strong{font-weight:bold}
.paymentInquiry .cardBox .cardTxt .info{margin-top:16px}
.paymentInquiry .cardBox .cardTxt .useSummary{margin-top:15px}
.paymentInquiry .cardBox .cardTxt .useSummary dt{float:left;font-size:0.875rem}
.paymentInquiry .cardBox .cardTxt .useSummary dd{float:right;color:var(--yellow080);font-size:1.000rem;line-height:1.4}
.paymentInquiry .cardBox .cardTxt .useSummary dd em{display:inline;color:inherit;font-size:20px;font-weight:bold;vertical-align:-2px;opacity:0.87}
.paymentInquiry .cardBox .cardTxt .useSummary:after{content:'';display:block;clear:both}

.paymentInquiry .useInfor .useDetail{padding-top:32px}
.paymentInquiry .useInfor .useDetail .sort{padding:0 16px 16px 16px}
.paymentInquiry .useInfor .useDetail .totalCase{margin-top:0}
.paymentInquiry .useInfor .useDetail .totalCase span{color:#000}
.paymentInquiry .useInfor .useDetail .totalCase em{color:var(--gray060)}
.paymentInquiry .useInfor .useDetail .totalCase strong{color:var(--yellow080);font-weight:normal}
.paymentInquiry .useInfor .useDetail .totalCase>.amt{color:#000}
.paymentInquiry .useInfor .useDetail .totalCase>.amt dd{font-weight:bold}

.paymentInquiry .historyList li .usage .info{color:var(--gray060);font-size:14px}
.paymentInquiry .historyList.type2 li{padding:16px}
.paymentInquiry .historyList.type2 li .usage .tit{font-size:1.000rem;line-height:1.5}

/* 신속발급 추가*/
.quickIssuBtn{position:fixed;right:16px;bottom:24px;width:56px;height:56px;border-radius:50%;background-color:#f2513d;z-index:10;background-image:url("https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/32/ico_quickIssuBtn_32.png");background-repeat:no-repeat;background-position:50% 50%;background-size:32px 32px;box-shadow:0 1px 10px 0 rgba(0,0,0,0.16)}
.quickIssuBtn span{overflow:hidden;position:absolute;display:block;top:0;right:-10px;width:1px;height:1px}
.fixedBArea .quickIssuBtn{position:absolute;top:-80px;bottom:auto}

.quickIssuList>li{display:table;width:100%;padding:16px 0;border-bottom:1px solid #ccc}
.quickIssuList>li>*{display:table-cell;vertical-align:middle}
.quickIssuList>li>.txt{font-size:1.000rem;line-height:1.500em}
.quickIssuList>li>.thum{width:75px}
.quickIssuList>li>.thum img{width:64px;height:64px}

/* 고객센터 모바일 금융약관 */
.termsTxt {padding:32px 16px 8px 16px}

/* 온라인 추천 사이트 */
.recommend_col3 {margin:32px 0; overflow: hidden; position: relative}
.recommend_col3 dl {float:left}
.recommend_col3 dl dt {padding:0 0 16px 0; text-align:center; font-size:20px; color: #151515; font-weight: bold; line-height: 28px}
.recommend_col3 dl dd ol {border-top: #000 solid 1px; counter-reset: recommendList}
.recommend_col3 dl dd ol li {padding: 15px 0; border-bottom: #e1e1e1 solid 1px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; font-weight:bold}
.recommend_col3 dl dd ol li:before {counter-increment: recommendList; content: counter(recommendList) " "; }
.recommend_col3 dl dd ol li a {padding-left: 16px; font-weight:normal}
.recommend_col3 dl dd ol li:last-child a {padding-left: 10px}
.recommend_col3 dl dd ol li.sp {color:#6a5bc2}
.recommend_col3 dl dd ol li.sp a {color:#6a5bc2}
.recommend_col3 .slick-arrow {position: absolute; top: 0; z-index: 10; width: 28px; width: calc(50% - 50px); height: 28px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-size:20px auto; background-color:var(--gray000)}
.recommend_col3 .slick-arrow.slick-disabled {opacity: 0}
.recommend_col3 .slick-prev {left: 0; background-image: url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_l_24_000.png');  background-position: 90% 50%}
.recommend_col3 .slick-next {right: 0; background-image: url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png'); background-position: 10% 50%}

/* 190110_철회항변설문조사_Mob CSS */
.retraction li:last-child {margin-bottom:8px}
.retraction .qTxt {margin-top:32px; padding:0 0 16px 16px; border-bottom:none}
.retraction .qTxt > span {font-size:1.000rem; font-weight:normal}
.retraction .qTxt > p {padding-left:0; font-size:1.000rem; letter-spacing:-0.2px; line-height:1.5}

/* 2019 리볼링 체험하기 슬라이더 */
.sliderBox {position:relative; padding:44px 0 0 0}
.sliderBox .ratioNum {position:absolute; width:56px; height:24px; top:-38px; left:50%; margin:0 0 0 -28px; border-radius:12px; background:var(--gray090); box-shadow:0 3px 4px 0 var(--gray020); color:var(--gray000); font-size:12px; text-align:center}

.sliderBox .ratioNum:after {content:''; position:absolute; bottom:-4px; left:50%; width:0; height:0; margin:0 0 0 -4px; border:4px solid #000; border-top-width:4px; border-color:transparent transparent var(--gray090) var(--gray090); box-shadow:0 3px 4px 0 rgba(0, 0, 0, .16); transform:rotate(-45deg)}
.sliderBox .ratioNum.left {left:0; margin-left:0; text-align:center !important}
.sliderBox .ratioNum.left:after {margin-left:-12px}
.sliderBox .ratioNum.right {left:auto; right:0; text-align:center !important}
.sliderBox .ratioNum.right:after {margin-left:5px}

.sliderBox .ratioLabel {position:relative; display:table; width:100%; margin:16px 0 0 0; font-size:12px; line-height:16px}
.sliderBox .ratioLabel p {position:absolute; top:0; width:14%; margin-left:-7%; box-sizing:border-box; text-align:center}
.sliderBox .ratioLabel p:nth-child(1) {left:0; width:15%; margin-left:0; text-align:left}
.sliderBox .ratioLabel p:nth-child(2) {left:19%}
.sliderBox .ratioLabel p:nth-child(3) {left:34%}
.sliderBox .ratioLabel p:nth-child(4) {left:50%}
.sliderBox .ratioLabel p:nth-child(5) {left:67%}
.sliderBox .ratioLabel p:nth-child(6) {left:82%}
.sliderBox .ratioLabel p:nth-child(7) {right:0; width:15%; margin-left:0; text-align:right}

.sliderWrap .btnBox {margin-top:44px}

.sliderBox .ui-widget.ui-widget-content {position:relative; width:auto; height:8px; margin:0 10px; border:0; border-radius:0}
.sliderBox .ui-widget.ui-widget-content:before,
.sliderBox .ui-widget.ui-widget-content:after {content:''; position:absolute; top:0; height:8px; border-radius:5px; z-index:1}
.sliderBox .ui-widget.ui-widget-content:before {left:0; right:-10px; background:rgba(0, 0, 0, .08); }
.sliderBox .ui-widget.ui-widget-content:after {left:-10px; width:20px; background:#7f6ee3; z-index:-1}
.sliderBox .ui-slider .ui-slider-range {position:absolute; display:block; top:0; left:0; height:100%; border-radius:5px; background:#7f6ee3; background:-moz-linear-gradient(left, #7f6ee3 0%, #6eb6e3 100%); background:-webkit-linear-gradient(left, #7f6ee3 0%, #6eb6e3 100%); background:linear-gradient(to right, #7f6ee3 0%, #6eb6e3 100%); z-index:3}

.sliderBox .ui-state-default,
.sliderBox .ui-widget-content .ui-state-default,
.sliderBox .ui-widget-header .ui-state-default {position:absolute; top:50%; width:20px; height:20px; margin:-10px 0 0 -10px; border:1px solid #dfdfdf; border-radius:50%; background:var(--gray000); box-sizing:border-box; z-index:100; cursor:pointer}

/* 2019 중금리론 심사탈락 고객 소개 대출 안내 */
.affiliatesList_wrap {margin:16px 0 32px 0}
.affiliatesList_wrap .lineBox2 {padding-bottom:16px}
.affiliatesList_wrap .lineBox2 + .lineBox2 {margin-top:8px}
.affiliatesList_wrap .lineBox2 img {display:block;height:20px}
.affiliatesList_wrap .lineBox2 .loanInfo {margin:8px 0 0 0}
.affiliatesList_wrap .lineBox2 .loanInfo dt {color:var(--gray090);font-weight:bold;font-size:1.000rem;line-height:1.500em}
.affiliatesList_wrap .lineBox2 .loanInfo dd {margin:4px 0 0 0}
.affiliatesList_wrap .lineBox2 .loanInfo_box {display:flex;margin:16px 0 0 0}
.affiliatesList_wrap .lineBox2 .loanInfo_box dl {position:relative;display:table;margin:0 0 0 8px;padding:0 0 0 9px;line-height:20px;vertical-align:top}
.affiliatesList_wrap .lineBox2 .loanInfo_box dl:after {content:'';position:absolute;top:3px;left:0;width:1px;height:10px;background:rgba(0, 0, 0, .16)}
.affiliatesList_wrap .lineBox2 .loanInfo_box dl:first-child {margin-left:0;padding-left:0}
.affiliatesList_wrap .lineBox2 .loanInfo_box dl:first-child:after {display:none}
.affiliatesList_wrap .lineBox2 .loanInfo_box dt, .affiliatesList_wrap .lineBox2 .loanInfo_box dd {display:table-cell;vertical-align:top}
.affiliatesList_wrap .lineBox2 .loanInfo_box dt {padding:0 4px 0 0;color:var(--gray060)}
.affiliatesList_wrap .lineBox2 .loanInfo_box dd {color:#01a0c7}
.affiliatesList_wrap .lineBox2 .loanInfo_box .limit dd {color:var(--yellow080)}
.affiliatesList_wrap .lineBox2 .btnBox {margin-top:16px}
.affiliatesList_wrap .lineBox2 .lawInfo {margin:16px 0 0 0;color:var(--gray060);font-size:12px;text-align:right}

/* 디지털청구서 신청 팝업 */
.layerWrap.comeUp .popCont.digitalBill {padding:0}
.layerWrap.comeUp .popCont.digitalBill>p {padding:24px 16px}

.digitalBill .billingList li label {padding-right:0}
.digitalBill .billingList li label strong {color:#f46600}
.digitalBill .billingList li label .info2 {margin-top:8px}

/* 본인인증 - 중앙이미지 */
.certnImg {text-align:center}
.certnImg .img {display:inline-block; width:80px; height:80px}
.certnImg .img img {width:100%; vertical-align:top}

/* MyKB_이용한도 */
.useLimit .contArea .graphInfo.type2 {padding-top:0; border-top:0}
.graphInfo.type2 .titArea {position:relative}
.graphInfo.type2 .rtArea {top:0; right:0; width:auto}
.graphInfo.type2 .prc1:before,
.graphInfo.type2 .prc2:before {content:'';display:inline-block;width:16px;height:16px;margin-right:8px;border-radius:16px;vertical-align:-2px}
.graphInfo.type2 .prc1:before {background:#7f6ee3}
.graphInfo.type2 .prc2:before {background: url(https://img1.kbcard.com/cxh/ia_img/MK/bg_pattern2.png) repeat 0 0;background-size: 4px}

/* 배경색 투명 */
.bgTrans {background:transparent}

/* 2019 내 주변 스타샵 */
.starshopView>.viewTop>.tit{font-size:24px;line-height:28px;font-weight:normal;letter-spacing:-1px;margin:4px 0 4px;word-break:break-all;}
.starshopView>.viewTop>.pointRe {font-size:14px;line-height:1.43}
.starshopView>.viewTop>.benefit{margin-top:4px}

.starshopList .fncArea {display:table;width:100%;margin:0;padding:16px 0;table-layout:fixed}
.starshopList .fncArea .fncView{float:right;width:auto}
.starshopList .fncArea .fncView:after{content:'';display:block;clear:both}
.starshopList .fncArea .fncView .switchBtn{display:block;float:left;background:#7f6ee3;color:var(--g0-to-g9);width:auto;height:40px;padding:0 15px 0 16px; line-height:40px;text-align:center;border-radius:20px;vertical-align:middle}
.starshopList .fncArea .fncView .switchBtn+.switchBtn{display:none}
.starshopList .fncArea .fncView .btnPoint,
.starshopList .fncArea .fncView .btnRemap{position:relative;display:block;float:left;margin-right:5px;width:40px;height:40px;border-radius:100%;box-shadow:0 1px 1px 0 rgba(0, 0, 0, .18);background:var(--gray000)}
.starshopList .fncArea .fncView .btnPoint:after,
.starshopList .fncArea .fncView .btnRemap:after {content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px}
.starshopList .fncArea .fncView .btnPoint:after {background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_target_24_000.png');background-size:100%}
.starshopList .fncArea .fncView .btnRemap:after {background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_rewind_24_000.png');background-size:100%}

/* 지도타입 > 가맹점 정보 레이어 */
.starshopList .mapType .listType>ul>li {position:relative}
.starshopList .mapType .listType>ul>li>a>.thum {padding-top:16px}
.starshopList .mapType .listType>ul>li .btnClose {position:absolute; right:10px; top:8px; width:24px; height:24px; background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_close_24_000.png') no-repeat 50% 50%; background-size:24px auto; color:transparent}

/* 가맹점 상세 > 가맹점 이미지 */
.starshopView>.viewCont .shopImg {margin:20px -16px 0 -16px; padding:0 16px}
.starshopView>.viewCont .shopImg .cardBox {margin:0 -16px; padding:0 16px 0 16px}
.starshopView>.viewCont .shopImg ul li {width:auto; margin-left:8px}
.starshopView>.viewCont .shopImg ul li img {width:84px; height:72px}

/* 가맹점 상세 > 가맹점 이미지 레이어 팝업 */
.layerWrap.photoWrap .shopImg ul li img {vertical-align:bottom}
.layerWrap.photoWrap .shopImg.swiperCon.plusBinner .btnPrev,
.layerWrap.photoWrap .shopImg.swiperCon.plusBinner .btnNext {top:0 !important; height:100%; margin-top:0; background:none}

.starshopView>.viewCont .recommCont {border-bottom:0}

/* iOS Face ID 로그인 */
.contArea.faceIDlogin {padding:0 24px}
.faceIDlogin p {margin-top:104px;font-size:1.000rem;line-height:24px;letter-spacing:-0.2px;color:rgba(0,0,0, .87);text-align:center}

.faceId_chk {position:relative;display:block;width:120px;height:120px;margin:56px auto 56px auto;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/img/login/img_faceid_off.png) no-repeat; background-size:120px 120px; overflow:hidden}
.faceId_chk span {position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:100%;-webkit-animation:faceId 7s linear infinite;animation:faceId 7s linear infinite}
.faceId_chk img {position:absolute;bottom:0;left:0;width:120px;height:120px;z-index:2}
@media screen and (max-width:320px){
    .faceIDlogin p {margin-top:56px}
}

/* 카드 이용대금 명세서 */
.cardStatement .statement .date{margin-top:16px}
.cardStatement .cardBox + .cardBox{margin-top:16px}
.cardStatement .cardBox.type2 .cardTxt{position:absolute;top:10px;left:auto; right:10px;width:40px;height:40px;padding:0;text-align:right;font-size:1px;color:transparent;box-sizing:border-box}
.cardStatement .cardBox.type2 .cardTxt:after {top:9px;right:9px;}
/* .cardStatement .cardBox.type2 .cardToggle.on {border-top:1px solid #ccc;} DEFC-0000002481 */
.cardStatement .cardBox.type2 .cardToggle.on .cardTxt {padding-top:0; border-top:none;}
.cardStatement .cardBox.type2 .cont{padding:24px 16px}
.cardStatement .cardBox.type2 .cont h4 .num{display:inline-block;height:20px;margin:2px 0 0 4px;padding:0 8px;border-radius:10px;background-color:#60584c;line-height:20px;font-size:12px;color:var(--g0-to-g9);vertical-align:top}
.cardStatement .cardBox.type2 .cont a{position:relative;z-index:3}
.cardStatement .cardBox.type2 .cont .sum{display:block;margin-top:4px;font-size:20px;line-height:28px;font-weight:normal}
.cardStatement .cardBox.type2 .cont .notice{overflow:hidden;display:inline-block;margin-top:24px;font-size:0.875rem;line-height:1.429em;color:var(--gray070)}
.cardStatement .cardBox.type2 .cont .notice:after{content:'';display:inline-block;width:20px;height:20px;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;vertical-align:top;opacity:.6}
.cardStatement .cardBox.type2 .cont .btnBox{overflow:hidden;margin-top:24px}
.cardStatement .cardBox.type2 .cont .btnBox .btnSS{float:left;width:112px;padding:0;margin-right:8px}
.cardStatement .cardBox.type2 .cardToggle.on{padding-top:1px}
.cardStatement .cardBox.type2 .cardToggle.on .cardTxt{padding:0}
.cardStatement .cardBox.type2 .toggleView{position:relative;z-index:3}
.ios .cardStatement .cardBox.type2 .cont h4 .num{margin-top:1px}
.ios .cardStatement .cardBox.type2 .cont .notice:after{margin-top:-1px}

.cardStatement .statement .icoReport{position:absolute;top:10px;right:0;padding:3px 15px;border:1px solid rgba(0,0,0,.16);border-radius:16px;font-size:14px;line-height:24px;}
.cardStatement .statement .icoReport:before{content:'';display:inline-block;width:24px;height:24px;margin-right:4px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_graph_24_000.png') no-repeat center;background-size:24px;vertical-align:bottom}
.cardStatement .statement .subList{margin-top:16px;margin-bottom:0;padding-top:16px;border-top:1px solid rgba(0,0,0,.16);font-size:0.875rem;line-height:1.429em}
.cardStatement .statement .subList dt{display:inline;padding-right:0}
.cardStatement .statement .subList dd{display:inline;color:var(--gray070)}
.cardStatement .statement .stateSum.type4 > em{margin-bottom:40px}

.cardStatement .tbsList1.type4{margin-top:0;padding:20px 0}
.cardStatement .tbsList1.type4 li{padding:4px 0}
.cardStatement .tbsList1.type4 ul{font-size:0.875rem;line-height:1.429em;color:var(--gray060)}
.cardStatement .tbsList1.type4 ul + ul{font-size:1.000rem;line-height:1.5;color:var(--gray090)}
.cardStatement .titBox + .tbsList1{margin-top:16px}

.cardStatement .benefit{margin-top:16px;padding:24px 8px 0;border-top: 1px solid rgba(0,0,0,.87)}
.cardStatement .benefit .tbsList1.type4{padding:0}
.cardStatement .benefit .tbsList1.type4 ul:first-child{margin-bottom:12px}
.cardStatement .benefit .tbsList1.type4:nth-child(2) ul:first-child{margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.16)}
.cardStatement .benefit .btnL.btnWhite{margin-top:20px}
.cardStatement .benefit .btnL.btnWhite, .cardStatement .benefit .tbsList1.type4 ul:first-child{display:none}
.cardStatement .benefit + .moreBtn{margin:24px 0 -24px;border-top:1px solid rgba(0,0,0,.16)}
.cardStatement .benefit + .moreBtn a{opacity:.6}
.cardStatement .cardStatementBtn{padding-bottom:24px}
.cardStatement .cardStatementBtn li + li{margin-top:8px}
.cardStatement .cardStatementBtn a{display:block;position:relative;padding:16px 32px 16px 16px;border:1px solid rgba(0,0,0,.24);background:var(--gray000)}
.cardStatement .cardStatementBtn a:after {content: '';display:inline-block;position:absolute;right:8px;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; }
.cardStatement .cardStatementBtn a .number{font-size:0.875rem;line-height:1.429em;color:var(--gray060)}
.cardStatement .cardStatementBtn a .money{display:block;margin-top:4px;font-weight:normal}

.cardStatement .tbsList1.type4.bgGray{background:#fafafa!important;padding:24px 8px 24px 10px;border-bottom:1px solid rgba(0,0,0,.16)}
.cardStatement .tbsList1.type4.bgGray ul{font-size:0.875rem;line-height:1.429em;color:var(--gray060)} 
.cardStatement .tbsList1.type4.bgGray strong{color:var(--gray090)}

/* 카드 안내 신청 리스트 배너 추가 */
.listbnr .swiperCon img {width:100%; height:auto;}
.listbnr .swiperCon .paging {margin:0; position: absolute;bottom: 10px; right: 0px;left:0;}
.listbnr .swiperCon .paging span {width: 8px;height: 8px;opacity: 1;border:none;background: var(--gray000)}
.listbnr .swiperCon .paging span.on {background: #000}

.swiperCon.plusBinner .btnPrev,
.swiperCon.plusBinner .btnNext {display: block;position: absolute;top: 0!important;z-index: 10;width: 32px;height: 100%;margin: 0!important;opacity: 0;}
.swiperCon.plusBinner .btnPrev:before,
.swiperCon.plusBinner .btnNext:before {content: "";display: block;position: relative;top: 50%;width: 32px;height: 32px;margin-top: -10px;background-size: 32px;}

/* 카드 마케팅 및 이용 권유 안내 팝업 */
.cardMarketing ul {max-width:296px; margin:0 auto;}
.cardMarketing ul:after {content:''; display:table; clear:both;}
.cardMarketing li {position:relative; float:left; width:33.33%; padding:0 12px; text-align:center; box-sizing:border-box;}
.cardMarketing p {position:relative; color:var(--gray060); font-size:12px; line-height:1.33;}
.cardMarketing p:before {content:''; display:block; width:64px; height:64px; margin:0 auto 8px auto; background-repeat:no-repeat; background-size:cover;}
.cardMarketing p:after {content:'+'; position:absolute; top:20px; right:-20px; width:16px; height:24px; color:var(--gray060); font-size:1.000rem; line-height:24px; text-align:center;}
.cardMarketing li:last-child p:after {display:none;}
.cardMarketing .cashbag:before {background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/64/ico_cashbag_64.png');}
.cardMarketing .sale:before {background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/64/ico_sale_64.png');}
.cardMarketing .event:before {background-image:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/visual/64/ico_event_64.png');}

/* PC약관 대응 */
.termsView_pc .formRad{position:relative;margin:16px 0 8px}
.termsView_pc .formRad label{padding-left:30px}
.termsView_pc .formRad label:before{left:0 !important}
.termsView_pc .tblV{border-top:1px solid var(--gray090);text-align:center;font-size:0.875rem;line-height:1.429em}
.termsView_pc .tblV tbody th{color:var(--gray090);text-align:left;border-right:1px solid #c9c9c9;background:#f2f3f4}
.termsView_pc .tblV tbody th, .termsView_pc .tblV tbody td{padding:15px 5px;border-bottom:1px solid #c9c9c9;border-left:1px solid #e9e9e9}
.termsView_pc .tblV tbody td div{word-break:break-all}
.termsView_pc .tblV tbody tr th:first-child{border-left:0}

/* 실시간평가 거래 응답지연 안내 그래프 */
.barGraph.delay {height:28px; padding:4px; border:2px solid var(--yellow040); border-radius:19px; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}
.barGraph.delay .bar {height:16px; background:var(--yellow040); border-radius:19px; -webkit-animation:delayGraph 4s infinite linear; animation:delayGraph 4s infinite linear;}

@keyframes delayGraph {
	0% {width:0;}
	100% {width:100%;}
}

.testText{color:var(--gray000);}

/* 쉬프트론 */
.useList1.wType02 li .lCon {width:40%;}
.useList1.wType02 li .rCon {width:60%;}
.titArea>.rtArea {letter-spacing: -0.5px;word-spacing: -0.5px;}

/*talkback 리스트 이전 다음 버튼 - 접근성 전용*/
.js-btnPrev,.js-btnNext{position:absolute;top:0;z-index:1;width:16px;height:100%;color:transparent;background:var(--gray000);overflow:hidden}
.js-btnPrev:before,.js-btnNext:before{content:'';display:block;position:absolute;top:50%;margin-top:-4px;border:1px solid transparent;border-width:5px 7px}
.js-btnPrev{left:0}
.js-btnPrev:before{border-right-color:#999;left:-3px}
.js-btnNext{right:0}
.js-btnNext:before{border-left-color:#999;right:-3px}
.todayBox .js-btnPrev,.todayBox .js-btnNext{background:none}
.myCard > .swiperCon{overflow:visible !important}
.myCard > .swiperCon > .js-btnPrev,.myCard > .swiperCon > .js-btnNext{background:#eef1f2;opacity:1}
.myCard > .swiperCon > .js-btnPrev{left:-16px}
.myCard > .swiperCon > .js-btnNext{right:-16px}
.myCard > .swiperCon > .js-btnNext:before, .myCard > .swiperCon > .js-btnPrev:before{display:none}

.cardAppReport > div > .js-btnPrev,.cardAppReport > div > .js-btnNext{background:none}
.swiperCon.appService > .js-btnPrev,.swiperCon.appService > .js-btnNext{background:none}

.jmark{position:relative}
.jmark .swipePrev, .jmark .swipeNext{position:absolute;top:0;width:15px;height:100%;color:transparent;overflow:hidden}
.jmark .swipePrev:before, .jmark .swipeNext:before{content:'';display:block;position:absolute;top:50%;margin-top:-4px;border:1px solid transparent;border-width:5px 7px;z-index:99}
.jmark .swipePrev{left:0}
.jmark .swipeNext{right:0}
.jmark .swipePrev:before{left:-3px;border-right-color:#000}
.jmark .swipeNext:before{right:-3px;border-left-color:#000}

.mEvent .mEvtSlide .btnPrev,.mEvent .mEvtSlide .btnNext, .js-btnPrev, .js-btnNext, .jmark .swipePrev, .jmark .swipeNext, .swiper-container .btnPrev, .swiper-container .btnNext{opacity:0}


/* 단기카드대출 증액신청
https://tm.kbcard.com/MKB/DVIEW/MMBMCXHIAMKS0021
http://tm.kbcard.com/MKB/DVIEW/AMBMCXHDAMKCD0007
 */
.tbsList1 .unitType2_m label {display:flex; align-items:center; padding-top:7px !important;}
.tbsList1 .unitType2_m label span {flex:2; color:var(--gray060) !important;}
.tbsList1 .unitType2_m label input {flex:3; border-bottom:0px; padding-right:37px !important;}

/* 220127 asis→tobe 개선 - 카드신청 연간소득 버튼 줄바꿈 문제로 간격 수정 */
.ios .radioSel.radio-line-break>.formWrap label, .ios .radioSel.radio-line-break>.formWrap a{padding:2px 34px 0;}

/* 220211 asis→tobe 개선 - 안내문구 가운데 정렬 */
.infoBox.notImg.centerBox {margin-left:0;}

/* 220214 asis→tobe 개선 - 체크박스 들여쓰기 클래스 추가 */
.form-indent input[type='checkbox']+label, .form-indent input[type='radio']+label {padding-left:36px; text-indent:-36px;}

/* 22-02-17 박진수 - 영역 분리(toggle박스 하단에 텍스트 들어가는 경우 분리 시킴) */
.division {position:relative;margin-top:32px;padding-top:32px;}
.division:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 8px;border-top: 1px solid rgba(0,0,0,.08);background: #f9fafc;}

/* 220223 asis→tobe 개선 - 알파원카드 카드유형선택 선택완료 버튼 고정 */
.stiky-btn {position:sticky; bottom:20px; box-shadow:0 7px 4px 5px var(--gray000);}

/* 220225 asis→tobe 개선 - 카드안내, 신청 안드로이드 테이블 라인 */
.bdl-d1d1d1{border-left:1px solid #d1d1d1;}

/* 220225 asis→tobe 개선 - 로그인 화면 sns로그인하기 텍스트 숨기기 */
.blind {overflow:hidden; position:absolute; width:1px; height:1px; font-size:1px; line-height:0; margin:-1px; clip:rect(0 0 0 0);}

/* 220307 asis→tobe 개선 - 카드안내, 신청 안드로이드 테이블 라인(알파원카드) */
.tbsType1 .cellLine {border-left: 1px solid #d1d1d1 !important;}

/* 220321 asis→tobe 개선 - 하이라이트 추가 */
.high-light li a {-webkit-tap-highlight-color:rgba(0,0,0,0.3) !important;}

/* 220321 asis→tobe 개선 - 카드신청>카드선택 셀렉트 간격 조정 */
.cardList2.pdl0 > ul > li .corver.radio {padding-left:0;}
.cardList2.pdl0 > ul > li .corver .radio1 {right:0;}

/* 220324 asis→tobe 개선 - 온라인 약관.정책 테이블 */
.tbsType1 ul li {word-break:break-all;}

/* 2022-03-26 바로출금결제잔액조회 (결함DEFC-0000008350) */
.toggleList li.linkType a { padding: 1.5rem 3.75rem 1.5rem 1rem; font-weight: 600; }
.toggleList li.linkType a::after { width:16px; background-position:50% 50%; }

/* 2022-03-26 해외 온라인 안전결제 (결함DEFC-0000008385) */
.cardTxt.center .center.row { height:130px; }
.cardTxt.center .center.row img { transform:rotate(-90deg) translateX(-20%); }

.howService li { height:112px; }

/* 2022-03-28 타사카드분실신고 (결함DEFC-0000008314) */
.termsBox .termsList { padding:0; }
/*.termsBox .termsList li { height:50px; } 2022-04-08 채무조정 성실상환자 이용동의 (결함DEFC-0000009207) */
.termsBox .termsList ~ .allCheck { width:calc(100% - 32px); margin: 16px; }

/* 2022-03-29 펫코노미 서비스 (결함DEFC-0000008528) */
.accountList li em { font-weight: 600; text-align:left; }
.accountList li span { color: var(--gray090); font-weight: 400; }

.petRecommend li a span { line-height:1; padding-right: 16px; }
.petRecommend li a span::after { top:50%; margin-top:-12px; width:8px; background-size:20px 20px; background-position:50% 50%; }

.tabList.autoType {display:block;width:100%;overflow:scroll !important;font-size:0;}
.tabList.autoType::-webkit-scrollbar { display:none; }
.tabList.autoType .tabDep1 { display:block !important; width:auto !important; overflow:visible !important; min-width:100%; height:48px; font-size:0; white-space:nowrap; }
.tabList.autoType .tabDep1::after { display:none; }
.tabList.autoType .tabDep1 li { flex:1; display:inline-block; justify-content:center; align-items:center; float: none !important; width:auto !important; min-width:25%; height:100%; font-size:0; border:0; }
.tabList.autoType .tabDep1 li a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-bottom:1px solid #ddd; padding: 8px; }
.tabList.autoType .tabDep1 li.on:after { bottom:1px; height:2px; } /* 2022-04-01 수정 */
.tabList.autoType .tabDep1 li.on a { font-weight: 600; }
.tabList.autoType .tabDep1 > .bar { bottom:0; }

/* 2022-03-29 개인정보처리방침 (DEFC-0000008543) */
.termsLink>li>a { padding-left:24px; }
.termsLink>li>a:before { left:0; }

/* 2022-03-29 카드안내/신청 (결함DEFC-0000008513) */
.fc4 { color:var(--gray090) !important; }
.cardDetailInfo .annualFee .right a { color:var(--gray090); }

/* 2022-03-29 월드스타샵상세 (결함DEFC-0000008615) */
.starshopView>.viewTop>.tit {color:var(--gray090);}
.starshopView>.viewTop>.img {margin:16px 0;}
.starshopView>.viewTop>.img img{display:block; width:100%;}
.starshopView>.viewTop .shopInfor { margin-top:16px; }
.starshopView>.viewTop .shopInfor>li{display:table;width:100%;layout:fixed;margin-top:8px; color:var(--gray090); text-align:left;}
.starshopView>.viewTop .shopInfor>li>*{display:table-cell}
.starshopView>.viewTop .shopInfor>li>strong{font-weight:normal;width:95px; color:var(--gray090); font-weight:600;}

/* 2022-03-29 새소식 (결함DEFC-0000008541) */
.newList li a { opacity:1; }

/* 2022-03-29 FAQ (결함DEFC-0000008540) */
#sortFaq .toggleList>li>a>span { padding-left:0; } /* 결함DEFC-0000008540 충돌개선 */

/* 2022-03-29 고객정보변경 (결함DEFC-0000008525) */
.addBox .addBtn.col2 > span:first-of-type { text-align:left; }
.addBox .addBtn.col2 > span:last-of-type { text-align:right; }

/* 2022-03-29 아이디 인증 (결함 DEFC-0000008494) */
.login-wrap .infoBox {padding:0;background:transparent;}
.login-wrap .btnM {background: var(--yellow040); color: var(--gray090); border-color: var(--yellow040);}
.login-wrap .pw {margin-top:8px;}

/* 2022-03-30 이용대금명세서 (결함 DEFC-0000008055) */
.statement.type5{margin-top:-1px;padding-top:0}
.statement.type5:after{display: none;}
.statement.type5 .toggleList>li:first-child {border-top: 1px solid #e9e9e9;}
.statement.type5 .toggleList>li.noteBox:before {border-top: 1px solid #e9e9e9;}
.statement + .statement .toggleList > li.toggleItem:first-child {border-top:0;} /* 디자인 QC */

/* 2022-03-30 증액가능한도 - 이용전확인 라인 (결함 DEFC-0000008500) */
.toggleList>li.noteBox.bar {margin: 2.5rem -1rem 0; padding: 0 1rem;}

/* 2022-03-31 회원가입 체크박스 높이 수정 */
.termsBox.terms-join .termsList li {height:auto; padding:6px 0;}
.termsBox.terms-join .other .formWrap label{height:40px !important;}

/* 2022-03-31 국내이용 분할납부 (결함 DEFC-0000008503) */
.cardBox.cardBox-pd .cardTxt {padding: 22px 16px 16px 16px;}
.cardBox.cardBox-pd.payType .tit {padding-left:40px;}
.cardBox.cardBox-pd.payType .info {margin-left:0;}

/* 2022-03-31 자동차할부 input,select 폰트 크기 수정 */
.tbsType2 .selType1.type2 a {font-size:16px}
.inpTxt1.unitType label input {font-size: 18px;color: var(--gray090) !important;}

/* 2022-04-01 결제예정금액 구분선 (결함 DEFC-0000008773) */
.statement.bar {position:relative; margin-top: 32px;padding-top:32px;}
.statement.bar:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 8px; border-top: 1px solid rgba(0,0,0,.08); background: #f9fafc;}
.statement.bar:after {display:none;}

/* 2022-04-03 강소미요청 */
.inpTxt1.unitType label > span { position:relative; }
.inpTxt1.unitType label > span > .fc8.right { bottom:auto; top: 0; }

/* 2022-04-04 tbsType1 첫번째 라인 삭제 (결함 DEFC-0000008803) */
.tbsType1.no-after:after {display: none;}
.tbsType1.no-after thead th:first-child, .tbsType1.no-after tbody th:first-child, .tbsType1.no-after tbody td:first-child {border-left:none;}

/* 2022-04-04 결제예정금액 (결함 DEFC-0000008989) */
.filter { padding-left: 16px; }
.filter .btnFilter { width: 48px; background-position: center center; }


/* 2022-04-12 디자인변경요청건 (결함 DEFC-0000009004) */
.introCont>.inner>div>.img { width:64px; vertical-align:top; box-sizing:border-box; }
.introCont>.inner>div>.img img { width:64px; }


/* 2022-04-13 카드안내·신청 (DEFC-0000009006) */
.btnBox.drLink > ul { overflow:visible; }
.btnBox.drLink .drBtn { border-radius:8px; border:0; box-shadow:0 2px 8px 0 rgba(0,0,0,.16); padding: 24px 8px 16px 8px; }
.btnBox.drLink .drBtn img { width:48px; height:48px; }


/* 2022-06-08 FAQ 챗봇 배너 추가 */
.totalsch-qd {
  position: relative;
  margin: 0 0;
  background-color: #f9fafc;
}

.totalsch-qd:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 1rem;
  width: 3.25rem;
  height: 3.25rem;
  transform: translateY(-50%);
  background: url(https://img1.kbcard.com/home_re/mo/img/common/img-char-kiki-03.svg) no-repeat 0 0;
  background-size: 3.25rem;
}

.totalsch-qd__link {
  display: block;
  padding: 2rem 1rem 2rem 5.25rem;
}

.totalsch-qd__link > span {
  position: relative;
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.totalsch-qd__link > span:after {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat 0 0;
  background-size: 1.5rem;
  vertical-align: top;
}

/*221026 : [새소식] 신용카드개인회원 표준약관 개정 안내*/
.viewCont .hyphen_listN.po_r {padding-left:5px;}
.viewCont .hyphen_listN.po_r > li {padding: 0 0 0 110px !important;}

/* 다크모드 이미지 숨김 */
.img-dark {display:none !important}

/*230915 : [금융] 카드대출 신청 시 신분증 진위확인 프로세스 추가*/
.selectList.split {border-radius:4px; border:1px solid #ccc;}
.selectList.col4.split li {box-sizing:border-box; display:block; height:auto;}
.selectList.col4.split li a {display:block; box-sizing: border-box; padding: 10px 30px 10px 10px;}
.comeUp .selectList.col4.split li.on a:after {width:14px; height:14px; background-size:14px; -webkit-background-size:14px; margin-top:-7px; right:9px;}
.selectList.col4.split li:nth-child(4n)  {border-right:none;}

/* 24.06.24 : 상세 리스트 신규 생성 */
.info-list dl{display:flex;justify-content:space-between;margin-bottom:6px;font-size:0.875rem}
.info-list dt{color: var(--gray060);}
.info-list__divider{margin-top:10px;padding-top:8px;border-top:1px solid #e2e2e2;}

/* 접근성 */
.swiper-next,
.swiper-prev {position:absolute;top:0;right:0;z-index:2;width:40px;height:100%;background-color:transparent;opacity:0;}
.swiper-prev {left:0;right:auto;background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-2-left.svg) no-repeat center center;}
.swiper-next{background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-2-right.svg) no-repeat center center;}
.a11y .swiper-next, .a11y .swiper-prev{opacity:1}
.a11y .btnPause,
.a11y .swiper-pagination-bullets{display:none!important;}

/* 25.04.24 : 자동차금융 main-box 외 */
.is-bg {content: ''; width: 100%; height: 100%; background-color: #f7f7fa; background-repeat: no-repeat; background-image: linear-gradient(to bottom, white 0%, #f7f7fa 290px, #f7f7fa 240px, #f7f7fa 100%);}
.is-bg .reference {background: var(--gray000);}
.main-box {padding: 24px 16px; border-radius: 12px; background-color: var(--gray000); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .16);}
.prd-fnc-list > li {position: relative; border-bottom: 1px solid #ebebeb; padding-bottom: 24px; margin-bottom: 16px;}
.prd-fnc-list li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.prd-fnc-list li .btnL {height: 32px; font-size: 14px; line-height: 32px; padding: 0 12px; border-radius: 4px;}
.prd-fnc-list__tit {margin-bottom: 0; font-size: 16px; line-height: 24px; font-weight: 600 !important;}
.prd-fnc-list__tit .btn-txt {position: relative; font-size: 16px; line-height: 24px; font-weight: 600 !important;}
.prd-fnc-list__tit .btn-txt:after {content: ''; width: 16px; height: 16px; margin: -2.5px 0 0 4px; background: url(https://img1.kbcard.com/home_re/mo/arr/16/arr-1-right-b.svg) no-repeat 0 0; background-size: 100% auto;}
.prd-fnc-list__desc {margin-top: 8px; font-size: 14px;}
.prd-fnc-box {overflow: hidden; position: relative; display: flex; align-items: center; margin-top: 24px;}
.prd-fnc-box__cnt {position: relative; width: 100%;}
.prd-fnc-box__cnt > li {float: left; width: 50%; font-size: 14px; line-height: 22px;}
.prd-fnc-box__cnt > li.prd-fnc-box__full {width: 100%;}
.prd-fnc-box__tit {color: var(--gray060);}
.prd-fnc-box__btn {align-self: flex-end;}
.prd-fnc-box__num > span {font-size: 18px; line-height: 24px;}
.prd-fnc-box--block .prd-fnc-box__cnt > li {width: 100%;}
.prd-fnc-box--block .prd-fnc-box__cnt > li > p {display: inline-block; margin-right: 16px;}
.prd-fnc-box--block .prd-fnc-box__cnt > li > p.mid-line {margin-right: 0;}
.prd-fnc-box__comment {margin: 24px 0 -8px; padding-top: 16px; font-size: 12px; line-height: 20px; border-top: 1px solid #ebebeb;}