@charset "utf-8";
/** 	2.17. 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:1rem;line-height:1.500em;color:var(--gray090);-webkit-tap-highlight-color:rgba(0,0,0,0.3)}/* 2022-04-12 ARS이용안내 (결함DEFC-0000009146) */
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: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;display:none}
.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}    
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:#767676;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:100%;height:auto;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 !important}/*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:1rem !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:#f76900 !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:#ff0000 !important}/*빨강*/
.fc15{color:#01a0c7 !important}/*시안*/
.fc16{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}
.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}

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

.pl32{padding-left:32px !important}

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

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

.btNone, .noLine{border-top:none !important}
.bt1{border-top:1px solid var(--gray090)}

.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}
.underLine{text-decoration:underline}

/*width*/
.w25{width:25% !important}
.w60 {width:60px !important}
.w50{width:50% !important}
.wp100{width:100% !important}
img[width="80"]{width:80px}
img[width="215"]{width:215px}

.bgTrans{background:transparent !important}
.bgGray{background:#f4f4f4 !important}
.bgWhite{background:#fff !important}
.bgWgray{background:#f4f4f4 !important}

.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}
.col5 li{width:20% !important}

.bodySkip{position:absolute;top:-1000px;left:0;width:100%;background:rgba(0, 0, 0, .16)}

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

/* contetnt */
#content, #Wrap > .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}

/*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: var(--gray090); font-size: 0.875rem; line-height: 1.25rem;}

/* 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:1rem;line-height:1.500em}
.depTit2 + .depTit3{margin-top:0}
.depTit3.flex h3{font-size:1rem;font-weight:bold}
.depTit3.flex span{font-size:0.875rem;font-weight:normal}
.depTit3.link, .depTit3 .link{position:relative;display:inline-block;padding-right:28px;}
.depTit3.link:after, .depTit3 .link:after{content:'';position:absolute;right:0;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 right center;background-size:24px;}

/* 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: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']+label.focus,
/*input[type='radio']+label.focus,label:focus{border:1px dotted #ea002c}*/
input[type='checkbox']+label, 
input[type='radio']+label{display:inline-block;/*letter-spacing:-1px;*/cursor:pointer;line-height:24px;font-size:16px;letter-spacing:-.2px;color:var(--gray090)} /* 현업 수정사항 중 해당 영역 자간 수정요청 yjs */
input[type='checkbox']:checked+label,
input[type='radio']:checked+label{color:var(--gray090);font-weight:600}

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='checkbox']:disabled+label, 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;}
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;margin:5px auto;-webkit-border-radius:12px;border-radius:12px;background-color:#ddd;transition:all 300ms}
input.toggle:after{content:'';display:block;position:absolute;top:7px;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}
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-indecx: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:#767676}

/*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}
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:#fff !important}
input.fs_2{font-size:18px !important}
.inpTxt1, .selType1{position:relative;display:block;width:100%;box-sizing:border-box}
.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{position:absolute;left:0;top:0;display:table;width:104px;height:46px;padding-left:15px} asis*/
.inpTxt1 label, .selType1 label, .inpTxt1 > .label{display:block;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{padding-right:40px;background:none;border-bottom:2px solid var(--gray030);font-size:18px;line-height:28px}
.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}
.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}

.inpTxt1 input[type=password][readonly]{background:#fff!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}
.formList+.formList{margin-top:-1px}

/* .inpTxtSizeup .inpTxt1, .inpTxtSizeup .selType1{padding:0 0 0 139px} asis*/
.inpTxtSizeup .inpTxt1 label, .inpTxtSizeup .selType1 label{width:124px}

.inpTxt1.inpBirthDate:after{margin-left:56px}
.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;top:50%;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;}

.selType1{position:relative}
.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:1.000rem}
.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(--gray070);}

.flex .selType1.type2 > a {border-bottom:1px solid rgba(0, 0, 0, .08)}

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

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

.radioSel{-webkit-box-sizing:border-box;box-sizing:border-box}
.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:after, .radioSel>.formWrap a:after, .cardBox.type4 > .cardTxt: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)} */
.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:before{content:'';position:absolute;top:-1px;bottom:-1px;left:-2px;width:1px;background:var(--gray090)} */
.radioSel>.formWrap.checked label{border:2px solid var(--gray090) !important;background:var(--gray000);z-index:2}
.radioSel>.formWrap.checked label, .radioSel>.formWrap.checked a{height:48px;color:var(--gray090);border-color:var(--gray090);background-color:var(--gray000);}
.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%}

/* .radioSel.col2>.formWrap:nth-child(2n+1),
.radioSel.col3>.formWrap:nth-child(3n+1),
.radioSel.col4>.formWrap:nth-child(4n+1){border-left:1px solid #ccc} */

/* .radioSel.col2>.formWrap:nth-child(2n+1).checked,
.radioSel.col3>.formWrap:nth-child(3n+1).checked,
.radioSel.col4>.formWrap:nth-child(4n+1).checked{border-left-width:2px!important} */

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

/* 정보제공동의 */
/* .inforCheck{position:relative;border:1px solid rgba(0, 0, 0, .16);padding:17px 16px 17px 49px;margin:32px 0 40px;border-radius: 8px;}
.inforCheck .formWrap{position:absolute;top:50%;left:16px;width:24px;height:24px;margin-top:-12px;min-height:0;line-height:0}
.inforCheck a{display:block;position:relative;padding-right:16px}
.inforCheck a:after{content:"";display:block;position :absolute;right:-8px;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 type1 깨짐 https://rm.kbcard.com/FNC/DVIEW/MFAMCXHIAFLCD0021?targetServiceId=MFAMCXHIAFLCD0014 */
.inforCheck{position:relative;margin:32px 0 40px}
.inforCheck .inner{padding:16px 16px 16px 48px}
.inforCheck .formWrap{position:absolute;top:0;left:0;width:100%;height:100%;}
.inforCheck .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 .formWrap.checked:before{border-color:rgba(0,0,0,.87);}
.inforCheck .inner .formWrap.checked + a,
.inforCheck .inner .formWrap.checked label{font-weight:600}
.inforCheck .formWrap input[type='checkbox'], 
.inforCheck .formWrap input[type='radio']{top:50%;left:16px;margin-top:-12px;}
.inforCheck .formWrap label{position:absolute;top:0;left:0;width:100%;height:100%;}
.inforCheck .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.type2{padding:0 16px}
.inforCheck.type2 .formWrap {left:0}
.inforCheck.type2>.inner{position:relative;padding:14px 16px 14px 32px} 
.inforCheck.type2>.list li a:after{right:8px}
 박진수 - 전체동의 수정 inforCheck type1 깨짐 https://rm.kbcard.com/FNC/DVIEW/MFAMCXHIAFLCD0021?targetServiceId=MFAMCXHIAFLCD0014 */
.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 .formWrap label:before{top:16px;margin:0}

/* 정보제공동의 링크 없는 경우 */
/* .inforCheck.type3>.inner{position:relative;padding:14px 16px 14px 48px} 
.inforCheck.type3 .formWrap{position:relative;width:auto;height:auto;left:0;font-size:1.000rem;line-height:20px}
.inforCheck.type3 input[type='checkbox']+label:before, 
.inforCheck input[type='radio']+label:before{position:absolute;left:-32px;top:50%;margin-top:-12px}
    박진수 체크타입 일괄 수정*/
.inforCheck.type3{padding:0;margin:0}
.inforCheck.type3 .formWrap{position:static;}
.inforCheck.type3 label{position:relative;width:auto;height:auto;}
.inforCheck.type3 input[type='checkbox']+label:before, 
.inforCheck.type3 input[type='radio']+label:before{left:-32px}
.inforCheck.type3 input[type='checkbox']{top:20px;margin-top:0}
.inforCheck.type3 .txt{font-size:13px;line-height:16px;color:#999}

/*    
.inforCheck.type4{border-radius: 8px 8px 0 0;border-width: 1px 1px 0 1px;}
.inforCheck.type4:after {content:'';position: absolute;bottom:0;left:16px;right:16px;height:1px;background-color:rgba(0, 0, 0, .16)}
.inforCheck.type4 .formWrap label{line-height:1.5em;text-indent:-32px}
박진수 체크타입 일괄 수정*/
.inforCheck.type4 .formWrap{position:static;width:auto;height:auto;min-height:24px;margin:0 0 0 -2px}
.inforCheck.type4 .formWrap input{top:28px;}
.inforCheck.type4 .formWrap label{position:relative;}
.inforCheck.type4 .formWrap label:before{left:-32px}
.inforCheck.type4 .lineBox2 {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}

/* 정보제공동의 -전체동의포함 */
.termsBox .allCheck label:after{content:'';position:absolute;top:0;left:0;margin:0;width:100%;height:100%}
.termsBox .allCheck + .termsList{border-top:1px solid rgba(0,0,0,.16)}
.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.type2{padding: 0 16px;border:1px solid rgba(0,0,0,.16);border-radius: 8px;}
.termsBox.type2 .allCheck{position:relative;padding:16px 16px 16px 32px;font-size:16px;color:var(--gray090);vertical-align:middle}
.termsBox .allCheck + .termsList label:before{background-image:url(https://img1.kbcard.com/home_re/mo/ico/16/ico-check-on.svg);background-size:16px;background-position:center;opacity:.24;}
.termsBox.type2 .termsList{padding:16px 0}
.termsBox.type2 .termsList li{margin:0}
.termsBox.type2 .termsList>li+li{border-top:none}
.termsBox.type2 .termsList>li .sTit{display:block;font-size:16px;color:var(--gray090);font-weight:normal}
.termsBox.type2 .termsList>li div.spec{padding:0 20px 15px}
.termsBox.type2 .termsList>li div.spec .formWrap{margin:15px 30px 0 0}
.termsBox.type2 .termsList>li.spec{padding:20px}
.termsBox.type2 .termsList>li.spec>ul>li{float:left;margin:15px 30px 0 0}
.termsBox.type2 .termsList>li.spec>ul>li:last-child{margin-right:0}
.termsBox.type2 .termsList>li.spec>ul:after{content:'';display:block;clear:both}
.termsBox.type2 .inforCheck{border:0;margin:0;padding:0}
.termsBox.type2 .bot_info {padding:0 !important;}*/
.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:8px 0}
.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;}
.termsBox > .inforCheck.type3{margin: 0 -16px;}

/* 전체동의 - 새로운 UI */
/* 박진수 전체동의 벙벙함 수정 - 디자인에 맞게 변경 - UI termsBox 통합
.termsBox.type3{position:relative;padding: 0 16px;border:1px solid rgba(0,0,0,.16);border-radius: 8px;}
.termsBox.type3 .inforCheck.type2 > .inner{padding:0 0 0 32px}
.termsBox.type3 .inforCheck .formWrap{ display:none}
.termsBox.type3.input .inforCheck .formWrap{display:block;top:12px;z-index:2;margin:0}
.termsBox.type3 .inforCheck{border:0;margin:0;padding:0}
.termsBox.type3 .allCheck{position:relative;padding:16px 16px 16px 32px;font-size:16px;color:var(--gray090);vertical-align:middle}
.termsBox.type3 + .termsBox.type3 .termsList{padding-top:0;border-top:none}
.termsBox.type3 .allCheck + .termsList{border-top:1px solid rgba(0,0,0,.16)}
.termsBox.type3{position:relative;padding: 0 16px;}
.termsBox.type3 .allCheck label{position:relative;padding:16px 16px 16px 32px;font-size:16px;color:var(--gray090);vertical-align:middle}
.termsBox.type3 .allCheck input{top:16px}
.termsBox.type3 .allCheck label:before{display:block;position:absolute;left:0;top:50%;margin-top:-12px}
.termsBox.type3 .allCheck label:after{content:'';position:absolute;top:0;left:0;margin:0;width:100%;height:100%}
*/

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

/* 박진수 전체동의 UI 수정 
.termsBox.channel{overflow:hidden;padding:8px 16px 16px;border:1px solid rgba(0, 0, 0, .16)}
.termsBox.channel .allCheck{position:relative;padding:12px 0}
.termsBox + .termsBox.channel:before{content:'';position:absolute;top:0;left:16px;right:16px;z-index:2;height:1px;background-color:rgba(0, 0, 0, .16)}
.termsBox .other .inforCheck.noLink{padding:8px 16px 8px 0}
*/
.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 label{position:static;width:100%;height:auto;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}

.inforCheck.noLink{margin:0}
.inforCheck.noLink label{position:relative;width:auto;height:auto;padding:16px 16px 16px 48px;vertical-align:top;}
.inforCheck.noLink label span{display:table-cell;vertical-align:middle}
.inforCheck.noLink .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}

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

/*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-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}
.ui-datepicker-calendar .ui-state-default.ui-state-active{background:var(--yellow040);border-radius:20px}
.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;z-index:1;} /* z-index https://tm.kbcard.com/MKB/DVIEW/MMBMCXHIAMKC0003 */
.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;z-index:1;} /* z-index https://tm.kbcard.com/MKB/DVIEW/MMBMCXHIAMKC0003 */
.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{position:absolute;left:0;top:0;width:1px;height:1px;font-size:1px;margin-left:-1px;color:transparent}
.ui-datepicker-title select{height:30px;padding-right:25px;border:0;background:transparent url(https://img1.kbcard.com/home_re/mo/ico/24/ico-1-calendar.svg) no-repeat right center;background-size:24px;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)}

/*달력*/
.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 rgba(0, 0, 0, .08);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 .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}

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

/* 본인인증(공통) */
.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 .depTit3 + .radioSel {margin-top:4px}
.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%}
.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:rgba(0, 0, 0, .08)}
.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)}

.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-top:32px;padding:10px 16px;background:var(--gray090);border-radius:24px;color:var(--gray000);border:0;text-align:center;font-size:14px;line-height:20px} asis*/
.addBox .addBtn button{position:relative;top:auto;right:auto; margin-top: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 button:after{content:'';position:absolute;top:-1px;left:-1px;width:100%;height:100%;border:1px solid #dcdfe5} */
.addBox .addBtn.col2:after{content:"";display:block;height:0;clear:both}
.addBox .addBtn.col2 > span{float:left;width:50%}
/* .addBox .addBtn.col2 > span+span{margin-left:-1px;border-left:1px solid #ccc} asis*/
.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(--gray070);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}

/* button */
.btnBox{text-align:center;margin-top: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}
.btnBox > span, .btnBox > a{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-right:6px}
.btnBox > span:last-child, .btnBox > a:last-child{margin:0}
.btnBox .btnL{margin-top:0}
.btnBox.noneFlex{display:block;text-align:left}
.btnBox.noneFlex > span, .btnBox.noneFlex > a{display:inline-block}
.btnBox.noSpace{margin:0}
.btnBox[class*="col"]{display:block}

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

/* 라운드 버튼 */
.roundBtn{display:inline-block; padding:7px 16px; border:1px solid rgba(0, 0, 0, .16); border-radius:20px; background:var(--gray000); color:var(--gray090); font-size:1rem; line-height:1.5rem;}
.roundBtn:after{display:none;}
.roundBtn.type2{padding:0 27px; color:var(--gray000); line-height:35px; border-radius:18px; background:#6d7079}
.roundBtn.type2: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}

.btnWhite{background:#fff !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:#ebebeb !important}
.btnDgray{background:#7b7875 !important;color:#fff !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}

.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}
.btnL.type2{padding:11px 16px;line-height:24px}
.btnL.type2 .icon{display:inline-block;width:24px;height:24px;vertical-align:top}
.btnS.icon{position:relative;padding-right:32px!important}
.btnSS.icon{position:relative;padding-right:29px!important}

.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.dimmed{background-color:var(--gray010) !important;color:#aab0b8;border:1px solid #c6cbd0 !important}
.btnBox .btnM.dimmed{background:var(--gray010);color:#aab0b8}
.btnBox .btnGray.dimmed,.fixedBArea .btnGray.dimmed{background:var(--gray010);color:#aab0b8}
.btnBox .btnWhite.dimmed,.fixedBArea .btnWhite.dimmed, .fncArea .btnWhite.dimmed{border-color:#c6cbd0;background:var(--gray010);color:#aab0b8}

.btnS.arrR{display:inline-block;position:relative;padding:4px 35px 4px 14px;font-size:0.875rem;text-align:left;line-height:24px}/*padding:10px 35px 6px 14px - https://tm.kbcard.com/SVC/DVIEW/MSAMCXHIASVC0008 */
.btnS.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{position:relative;padding:0 56px 0 16px;text-align:left}
.btnL.arrR.btnBnf{line-height:56px;}/* 4957결함, 해당 부분 추가, http://tm.kbcard.com/MKB/DVIEW/AMBMCXHDAMKCD0004 */
.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}

.moreBtn a{display:block;padding:13px 0 11px;background:#eee;text-align:center;color:#858585}
.moreBtn a span{display:inline-block;font-size:14px;line-height:16px}/* line-height:24px */
.moreBtn a span:after{content:"";display:inline-block;width:16px;height:16px;background:url('https://img1.kbcard.com/home_re/mo/arr/16/arr-1-down.svg');background-size:16px;vertical-align:top;transition:transform 300ms}
.moreBtn.type2 a{padding:12px 0;background:var(--gray000);color:inherit}
.moreBtn.type2 a span{font-size:14px}
.moreBtn.up a span:after,
.moreBtn.close a span:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}

.noteBox{width:auto !important;border-bottom:0 !important}
.popCont > .toggleList > .noteBox{margin:15px 0}
.bgGray .noteBox{background:#fff !important}

/* 베이직 아이콘 전용 텍스트 */
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{opacity:.87}

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{opacity:.87}
.basicIcon24 a{font-size:1rem;text-decoration:underline}

/*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:#ff0000 !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:#ff0000 !important;font-size:14px}

ul.txtInfo{display:block;padding-left:0}
ul.txtInfo:before{display:none}
ul.txtInfo>li{position:relative;display:block;margin-top: 0.5rem;padding-left:20px;color: var(--gray090);font-size:0.875rem;line-height:1.375rem;font-weight: 300 !important;}
ul.txtInfo.gray>li, .popCont ul.txtInfo.gray>li{color:var(--gray060)}
ul.txtInfo.red>li, .popCont ul.txtInfo.red>li{color:#ff0000}
ul.txtInfo.blue>li, .popCont ul.txtInfo.blue>li{color:var(--gray060)}
ul.txtInfo>li>a, .popCont ul.txtInfo>li>a{color:#ff0000}

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

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

/* 앞에 특정 문자열 붙은 리스트 */
.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}

/* list */
.listType1{color:var(--gray090)}
.listType1 > li{position:relative;padding-left: 0.75rem;margin-bottom: 0.5rem;color: var(--gray090);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)}
.listType1.gray >li:before{background-color:var(--gray060)}

.listType2 > li{position:relative;padding-left: 0.75rem;margin-bottom: 0.5rem;color: var(--gray090);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 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}

/* toggle list */
.toggleList>li:first-child{border-top:1px solid rgba(0,0,0,.08)}
.toggleList>li{width:100%;background:var(--gray000)}
.toggleList>li>a{position:relative;display:table;width:100%;border-bottom:1px solid rgba(0,0,0,.08);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;}/* 2022-04-07 윤지원요청 (결함DEFC-0000009184) */
.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>li.on .toggleView .sTit{display:block;margin:20px 0 10px}
.toggleList>li.on .toggleView .sTit:first-child{margin-top:0}
/* 박진수 유의사항 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 16px 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.noteBox>a>span.ico_note{padding-left:35px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_info_24.png) no-repeat 7px center;background-size:24px} */
.toggleList>li.noteBox.on>a{color:var(--gray090)}
.toggleList>li.noteBox .toggleView{padding:0 16px 16px;background:var(--gray000)}
.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 */
.contArea .toggleList{margin-left:-16px;margin-right:-16px}
.toggleList .toggleView .tbsType1:after{background-color:#f9fafc;}

.toggleList>li.noteBox .toggleView .listType1 > 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;}

/* 20220125 
/cxh/jsp/mblhomeIa/ovsRmtc/view/ovsRmtcMain.jsp */
.toggleList>li.noteBox_ty1:before{width:calc(100% + 32px) !important; margin-left:-16px !important;}

.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/LT/cxh/kbcard_img/common/arr/arr_down_24_000.png');background-size:24px}
.toggleList.type2>li.on>a{background:inherit;color:inherit}
.toggleList.type2>li.on>a:after{right:0;height:24px;width:24px;margin-top:-12px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_up_24_000.png');background-size:24px}
.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}

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

.lineLinkList li, .contArea a.lineLink{border:1px solid #ccc}
.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}
a.lineLink{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
a.lineLink+a.lineLink{margin-top:-1px}

/* basic_list */
.basic_list{margin-bottom:-20px}
.basic_list li{margin:0 16px}/* 2021.11.17 asis→tobe 개선 */
.basic_list>li>a{display:block;position:relative;color:var(--gray090);padding:16px 40px 16px 16px;font-size:1.08rem}
.basic_list li a:after{content:'';display:inline-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') no-repeat 0 0;background-size:24px}
.basic_list>li+li{border-top:1px solid #ccc}
.basic_list>li.depth2{font-size:1.000rem;color:var(--gray090);padding:20px 0 0 20px}
.basic_list>li.depth2 .listType1{margin:10px 0}
.basic_list>li.depth2 .listType1 li{font-size:15px;margin-top:0}
.basic_list>li.depth2 .listType1 li:before{top:50%;margin-top:-2px}
.basic_list>li.depth2 .listType1 li a{display:block;position:relative;padding:10px 40px 10px 0;color:var(--gray090)}
.contArea .basic_list li{margin:0}

/* .basic_list.imgLeft li{margin-left:16px} asis*/
.basic_list.imgLeft li{margin:0 16px}
.basic_list.imgLeft li:last-child{border-bottom:1px solid #ccc}
.basic_list.imgLeft li>a .con{position:relative;padding-left:48px;margin-top:8px}
.basic_list.imgLeft li>a .con .desc{margin-top:4px;font-size:0.875rem;line-height:1.43;color:var(--gray070)}
.basic_list.imgLeft li>a .con .icon{position:absolute;left:-16px;top:50%;display:inline-block;width:48px;height:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}

.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, .comeUp .selectCard{margin-left:-16px;margin-right:-16px}
.comeUp .selectList {margin-left:0;margin-right:0}/* https://tm.kbcard.com/SVC/DVIEW/MSAMCXHIASVC0008?mainCC=a */
.comeUp .selectList li{height:56px}
.comeUp .selectList li:last-child{border-bottom:none}
.comeUp .selectList li a{position:relative;padding:24px 44px 24px 16px}
.comeUp .selectList li.on {background:#f9fafc}
.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{padding:16px 44px 16px 16px;border:none}
.comeUp .selectCard > .cardTxt.on {background-color:#f9fafc}
.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}
.layerWrap#cardListPopup2 .popCont {padding:0}

/*명세서*/
.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 .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}

/* 새로운 카드선택 UI */
/* .comeUp .cardBox.type4{margin-right:-16px} asis*/
.comeUp .cardBox.type4{margin:0 -16px}
/* .comeUp .cardBox.type4 > .cardTxt{margin-top:0;padding:16px 44px 16px 0;border:none;border-bottom:1px solid rgba(0,0,0,.16)} asis*/
.comeUp .cardBox.type4 > .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{padding:16px 44px 16px 0;border:none;border-bottom:1px solid rgba(0,0,0,.16)} asis*/
.comeUp .cardBox.type4 > .cardTxt.on{border:none;border-bottom:1px solid rgba(0,0,0,.16)}
.comeUp .cardBox.type4 > .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.on:before{content:'';position:absolute;top:50%;right:32px;width:1px;height:8px;margin-top:-2px;background:#0066ff;transform:rotate(-44deg)} asis*/

/* 공인인증 리스트 */
.certificateList>ul>li{overflow:hidden;position:relative;margin-top:16px;border:1px solid rgba(0, 0, 0, .24);border-radius:8px}
.certificateList>ul>li:first-child{margin:0}
.certificateList>ul>li>a{display:block;padding:16px 16px 16px 80px;box-sizing:border-box}
.certificateList>ul>li .name{display:block;font-size:1.000rem;line-height:19px;font-weight:bold;color:var(--gray090)}
.certificateList>ul>li .ico{position:absolute;left:0;top:50%;margin-top:-32px}
.certificateList>ul>li .ico img{width:64px;height:64px}
.certificateList>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>ul>li.checked {border-color:var(--gray090)}
.certificateList>ul>li.checked>a{padding:16px 28px 16px 80px;background:var(--gray000)}
/* .certificateList>ul>li.checked .ico:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid var(--yellow040);-webkit-border-radius:32px;border-radius:32px;-webkit-box-sizing:border-box;box-sizing:border-box} */
/* .certificateList>ul>li.checked .ico:after{content:'';position:absolute;top:-4px;left:-4px;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(61, 68, 138, .24), 0 0 3px rgba(30, 68, 138, .12);box-shadow:0 1px 3px rgba(61, 68, 138, .24), 0 0 3px rgba(30, 68, 138, .12)} */
.certificateList>ul>li.disabled .name, .certificateList>ul>li.disabled>a>ul>li em{color:var(--gray060)}
.certificateList>ul>li>a>ul{margin-top:8px}
.certificateList>ul>li>a>ul>li{color:var(--gray070)}
.certificateList>ul>li>a>ul>li:after{content:'';display:table;clear:both}
.certificateList>ul>li>a>ul>li span{float:left;display:block;width:64px}
.certificateList>ul>li>a>ul>li em{display:block;padding-left:64px;color:var(--gray090)}
/* .contArea .certificateList>ul>li{margin-right:-16px} *//* 결함 6485 */
.tabCont .certificateList{margin-top:-8px}

/*카드 선택*/
.cardBox{background:var(--gray000)}
.cardBox .cardSel,.cardBox .cardCheck,.cardBox .cardToggle{position:relative}
.cardBox .cardSel{margin-bottom:-1px}
.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 .inpTxt1 {margin-top:48px}
.cardBox .calendar .inpTxt1 {margin-top:0} /* https://tm.kbcard.com/MKB/DVIEW/MMBMCXHIAMKC0003 */
.cardBox .cardTxt{position:relative;display:block;padding:16px 40px 16px 16px;border:1px solid rgba(0, 0, 0, .16);border-radius:8px;z-index:1}
.cardBox .cardTxt.on{border-color:var(--gray090); border-width:2px;}/*https://rm.kbcard.com/SVC/DVIEW/MSAMCXHIASVC0008?mainCC=c*/
.cardBox .cardTxt+.cardTxt{margin-top:16px}
.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 div.cardTxt + div.cardTxt{margin-top:-1px}
.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:#ff0000 !important}
.cardBox .cardCheck,.cardBox .cardToggle{margin-top:16px}
.cardBox .cardCheck:first-child,.cardBox .cardToggle:first-child{margin-top:0}
.cardBox .cardCheck{border:1px solid #ccc;border-radius:8px}
.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 .cardTxt{padding-left:60px;border:0}
.cardBox .cardToggle{overflow:hidden;margin-top:16px;border:1px solid var(--gray030);border-radius:8px}
.cardBox .cardToggle .toggleView{display:none;background:#f9fafc}
.cardBox .cardToggle .toggleView .tbsList1{border-top:0}
.cardBox .cardToggle .cardTxt{border:0}
.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);backface-visibility:visible;transform:rotate(0deg);transition:100ms}
.cardBox .cardToggle.on{border-width:2px;border-color:var(--gray090)}
.cardBox .cardToggle.on .cardTxt{padding-top:15px}
.cardBox .cardToggle.on .cardTxt:after{top:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:-webkit-transform 200ms;transition:transform 200ms}
.cardBox .toggleItem .toggleView{padding:0 16px}
.cardBox .toggleItem .toggleView .tbsList1 li:last-child{border-bottom: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.fs_2{font-size:12px!important}
.cardBox span.state.type2{background:#e5e5e5}
.cardBox .cardToggle.end .cardTxt, .cardBox .cardToggle.end .cardTxt .txt, .cardBox .cardToggle.end .cardTxt strong, .cardBox .cardToggle.end .cardTxt span{color:#888!important}

.cardUI .img{width:80px}
.cardUI .img + div{overflow:hidden;padding-left:16px;-webkit-box-flex:1;-webkit-flex:1;flex:1}
.cardUI .img + div p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cardUI .brandImg, .cardBox .cardTxt .brandImg{display:inline-block;height:24px;font-size:0.875rem;color:var(--gray070)}
.cardUI .brandImg img, .cardBox .cardTxt .brandImg img{width:32px}
.cardUI .info, .cardBox .info{display:inline-block;font-size:0.875rem;line-height:24px;color:var(--gray060)}
.cardUI .info.divider, .cardBox .info.divider {display: block;margin-top: 15px;padding-top: 11px; border-top: 1px solid #e2e2e2;}
.cardUI .cardTxt{position:relative;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}

.contArea .cardUI.type2 {margin-right:-16px;}
.depTit3 + .cardUI.type2 li:first-child .cardTxt {padding-top:0;}
.cardUI.type2 .cardTxt {padding:24px 0;}
.cardUI.type2 .img{width:120px;}
.cardUI.type2 .flag.evt{margin: 10px 0 0 0;padding: 2px 4px 1px 4px;border: 1px solid #614cc2;border-radius: 2px;background: var(--gray000);color: #614cc2;font-size: 0.75rem;line-height: 0.9375rem;}
.cardUI.type2 .info {display:block;margin:10px 0 0 0;font-size:1rem;line-height:1.5rem}
.cardUI.type2.top li:first-child .cardTxt{padding-top:32px;}
.cardUI.type2.top .cardTxt{-webkit-align-items: start;align-items: start;-webkit-box-align: start;}
.cardUI.type2 .img + div strong {display:block;} /*210215 추가*/

/*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}
.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; min-width:5.625rem; 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}

.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.type5{}
.tbsList1.type5 li{margin-top:16px; padding:0;border:none}
.tbsList1.type5 li:first-child {margin-top: 0;}
.tbsList1.type5 li>span{color:var(--gray090)}
.tbsList1.type5 li ul li>span{color:var(--gray070)}
.tbsList1.type5 li.inBox{margin-top:24px; padding-top:24px; border-top:1px solid #d1d1d1;}
.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{padding:0; line-height:20px;}
.tbsList1.type5 li.inBox ul li > span,
.tbsList1.type5 li.inBox ul li > strong{color:var(--gray070)}

.layerTbl table{border-top:1px solid #ccc}
.layerTbl table tbody td{text-align:center}
/* .layerTbl table tbody td:last-child .formWrap{border-right:0}
.layerTbl table tbody td:first-child .formWrap{border-right:1px solid #ccc} */
.layerTbl table tbody td .formWrap{position:relative}
.layerTbl table tbody td .formWrap input{position:absolute;left:0}
.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}

/*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-top:1px;box-sizing:border-box} asis*/
.tabDep0 li{display:table;float:left;width:50%;padding:4px 2px;box-sizing:border-box}
/* .tabDep0 li a{position:relative;display:table-cell;padding:0 10px;height:50px;background:#6d7079;color:var(--gray000);text-align:center;vertical-align:middle} asis*/
.tabDep0 li a{position:relative;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:var(--gray090);color:#ffde00;font-weight:bold} asis*/
.tabDep0 li.on a{color:var(--gray090);border:1px solid rgba(0, 0, 0, 0.6);font-weight:600}/*400*/
.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;}

.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 a:after{content:'';position:absolute;top:-6px;left:-6px;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--yellow040) url('https://img1.kbcard.com/home_re/mo/ico/24/ico-checkbox-on.svg') no-repeat center;background-size:1.5rem;transform:scale(0)} */
.tabDep2.type2 li.disabled a{color:var(--gray050)}
.tabDep2.type2 li.on a{background-color:var(--gray000);color:var(--gray090);border-color:var(--gray090)}
.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{height:47px}
.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}

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

/*infomation*/
/* .infoBox{padding:24px 16px;background:#eef1f2;text-align:center;border-radius: 8px;} asis*/
.infoBox{margin:32px 16px 0;padding:24px 16px;background:#eef1f2;text-align:center;border-radius: 8px;}
.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 0;background:var(--gray000);color:var(--gray060)}
.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}

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

.lineBox{padding:1rem;background:var(--gray000);border: 1px solid rgba(0, 0, 0, 0.16);border-radius: 0.5rem;}
.grayBox{padding:1.5rem 1rem;background:var(--gray010);border:1px solid var(--gray010);border-radius: 0.5rem;}

/*문의처*/
.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}

/* layer popup */
/* 레이어팝업 통합 */
.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{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: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{}

.layerWrap .popCont{position:relative;height:100%;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, .layerWrap.fullLayer .popCont.type2{padding:0}
.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}
.layerWrap .popCont .btnBox.type2{margin:20px 0 0} /* 팝업 하단에 버튼 좌우하단 여백 있는 경우 */
.layerWrap .popCont .btnBox.type2>.btnM{height:35px;line-height:35px}
.layerWrap .popCont .reference.type1{margin:40px -20px 0;display:block;width:auto}
.layerWrap .popCont .toggleView > ul > li{color:var(--gray090)}
.layerWrap .popCont + .btnBox{z-index:9002;margin-top:0}
/* .layerWrap .popCont + .btnBox .btnWhite{border:none !important;border-top:1px solid rgba(0, 0, 0, .16) !important} */
.layerWrap .popCont .depTit3, .layerWrap .popCont .depTit2{color:var(--gray090);font-size:1.000rem;line-height:1.500em;font-weight:normal}
.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 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.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}
.layerWrap.fullLayer .popCont{padding:24px 16px;color:var(--gray090)}
.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}/* 공통 박진수 - 선택 팝업 레이아웃 수정  */
.layerWrap.comeUp .popCont.type2{padding:0}/* 공통 박진수 - select box UI 좌우 여백 */
.layerWrap.comeUp .popCont.type2 > .layerTbl{margin: 0!important}
.layerWrap.comeUp .popCont .tabList{margin:0 -16px}
.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.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;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/LT/cxh/kbcard_img/common/ico/basic/24/ico_close_24_000_b.png') 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 .popClose{top:28px} */
.layerWrap.fullLayer .popClose{top:16px}/*DEFC-0000001654*/

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

/*완료페이지 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(--gray070);line-height:38px}

/* 20220121 modify 
https://tm.kbcard.com/SVC/DVIEW/MSDMCXHIAORCR0004  */
.notImg_ty1:before {margin-left:-28px;}

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

/* 내역없음 */
.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}

.boxType1{border:1px solid #ccc;background:#f2f3f4;padding:10px;line-height:20px}
.reference~.boxType1{margin-top:30px !important}

/*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 > span {flex: 1;}
.fixedBArea > span + span {margin-left:0.5rem}
.fixedBArea.col2 > span .btnL {width:100%;}
.fixedBArea .btnL.dLine{height:auto;line-height:normal;font-size:0.938rem;padding:12px 0}
.fixedBArea .btnGray{background-color:#dcdfe5 !important;border:none !important;color:var(--gray090)}
.fixedBArea .btnBox, .fixedBArea .btnBox > span, .fixedBArea .btnBox > a{flex:1;margin:0}

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

/* footer */
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:#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}

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

/* 스와이퍼 */
.swiperCon{overflow:hidden;position:relative}
.swiperCon .btnPrev, .swiperCon .btnNext{display:block;position:absolute;top:0!important;z-index:10;width:32px;height:100%;margin:0!important}
.swiperCon .btnNext{right:0;padding-left:16px}
.swiperCon .paging{display:block;overflow:hidden;position:absolute;bottom:7px;right:16px;height:9px;text-align:center}
.swiperCon .paging span{display:inline-block;width:6px;height:6px;border:1px solid #000;border-radius:7px;text-indent:-9999px;opacity:.6}
.swiperCon .paging span+span{margin-left:4px}
.swiperCon .paging span.on{background:#000}

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

/*이용약관*/
.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}
.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}

/* 다른 인증방법 선택 */
.quickLink {text-align:center}
.quickLink a {float:none; display:inline-block; width:auto; margin-top:0; box-sizing:border-box;text-align:left;line-height:1.000rem}
.quickLink .arrR, a .arrR{display:inline-block;position:relative;font-size:0.875rem;text-align:left;line-height:24px}
.quickLink .arrR:after {content:'';display:inline-block;position:static;width:24px;height:24px; margin:0 0 0 4px; transform:rotate(90deg); -webkit-transform:rotate(90deg); background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png) no-repeat;background-size:24px auto; vertical-align:top;}

/* 로그인 선택 리스트 */
.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:72px;margin:0 auto;padding:16px 0 0;line-height:1.125rem;letter-spacing:-.2px;text-align:center}
.loginTypeSel li a:before{content:'';display:block;width:32px;height:32px;margin:0 auto 4px;background-repeat:no-repeat;background-position:center;background-size:32px}
.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')}

/* titArea common.css 내용 추가 */
.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}

/* asis→tobe 개선 - 테이블내 라인 추가 */
.tbsType1 .cellLine {border-left: 1px solid #d1d1d1 !important;}

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

/* 220225 asis→tobe 개선 - 매출전표 가맹점 정보 수정 */
.list-info + .list-info.info-noline {margin-top:0; padding-top:0; border-top:0;}
.list-info + .list-info.info-noline > li:first-child {margin-top:0;}

/* 2022-03-29 해외송금서비스 (결함DEFC-0000008522) */
.comeUp .cardBox.type4 > .cardTxt.on:after { right:16px; width:24px; height:24px; background-size:24px; }


/* 2022-04-12 겟백서비스 back버튼 추가 (강소미요청) */
.urgent.get100Wrap .topHead h1 { height:79px !important; }
.urgent.get100Wrap .topHead h1 > img { width:220px !important; margin:8px auto; }
.urgent.get100Wrap .topHead .qInfoBtnWrap .qInfoBtn { margin: -29px 0 0 -46px !important; }
.urgent.get100Wrap .topHead .backBtn { top:50% !important; transform:translateY(-50%); }
/* 2022-04-12 겟백서비스 menu버튼 수정 (강소미요청) */
.urgent.get100Wrap .topHead .headerMenu { top:50%; transform:translateY(-50%); }

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

/* 다크모드 이미지 숨김 */
.img-dark {display:none !important}
 
/* 접근성 */
.swiper-next,
.swiper-prev {position:absolute;top:0;right:0;z-index:2;width:40px;height:100%;border:0;background:url(https://img1.kbcard.com/home_re/mo/arr/24/arr-1-right.svg) no-repeat center;opacity:0;}
.swiper-prev {left:0;right:auto;transform:rotate(-180deg);}
.swiper-next[class*="disabled"],
.swiper-prev[class*="disabled"]{display:none;}
.a11y .swiper-next, .a11y .swiper-prev{opacity:1}
.a11y .swiper-button-control,
.a11y .swiper-pagination-bullets{display:none!important;}