@charset "utf-8"; 
/* @import url('https://rm.kbcard.com/CMN/mobile/css/dark.css');  */

:root {
  /*== Gray Color ==*/
  --gray000:#121315;
  --gray005:#1c1d21;
  --gray010:#26282c;
  --gray015:#36393e;
  --gray020:#3d4046;
  --gray030:#484b51;
  --gray040:#696e76;
  --gray050:#8c949e;
  --gray060:#aab0b8;
  --gray070:#c6cbd0;
  --gray080:#dde1e4;
  --gray090:#eff2f7;
  --gray100:#f7f7fa;
  --gray110:#ffffff;
  /* 예외 케이스 */
  --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:#f76900;
  --yellow020:#ff8f00;
  --yellow030:#ffa100;
  --yellow040:#ffbc00;
  --yellow050:#ffcc00;
  --yellow060:#ffd743;
  --yellow070:#ffe17c; /* 강조 뱃지 */
  --yellow080:#ff8f00; /* 알림/중요정보 */
  /*== Semantic Color ==*/
  --red020:#ffb7a9;
  --red050:#ff5436; /* 경고/부정 */
  --blue060:#279fff; /* 긍정, 선택 */
  --vip050:#334158; /* VIP */
  --violet050:#6d6bdd;
  --violet020:#c4c3f1;
  /*== badge bg (성격) ==*/
  --badge-bg-pink:#b84b7f;
  --badge-bg-orange:#b85712;
  --badge-bg-brown:#6b5337;
  --badge-bg-green:#4d7736;
  --badge-bg-emerald:#147a6d;
  --badge-bg-blue:#4069c0;
  --badge-bg-violet:#4c4bba;
  /*== badge color (성격) ==*/
  --badge-color-pink:#ffe8fd;
  --badge-color-orange:#feece1;
  --badge-color-brown:#fef7e7;
  --badge-color-green:#e6ffe5;
  --badge-color-emerald:#dafefa;
  --badge-color-blue:#f9f9f9;
  --badge-color-violet:#efeefe;
  --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;
}
/* common css - asis 재정의 */
.topHead {background:var(--gray005);}
.topHead .headerMenu .hmBtn {filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(250%) contrast(100%);}
#header [class*="header__btn--"]:not(.header__btn--cancel, .header__btn--totalmn, .header__btn--back, .header__btn--close) {filter:none;}
#header .header__btn--cancel {border-color:var(--gray070);}
.main #header .header__btn--servicecenter {background:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-2-chatbot.svg) no-repeat;}
.main #header .header__btn--notice {background:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-2-alarm.svg) no-repeat;}
.main #header .header__btn--search {background:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-2-search-main.svg) no-repeat;}
/* layout */
.pay3 .cont-area {background:var(--gray005);}
.pay3 .article + .article:before {background-color: var(--gray015); border-color: var(--gray015);}
/* common */
body {color: var(--gray090);}
.color-orange3 {color:var(--yellow010) !important;}
/* box */
.box {background:var(--gray020);}
/* title */
.tit-form {color:var(--gray070);}
.tit-dep3 {color:var(--gray090);}
/* text */
.txt-refer {color:var(--gray060);}
/* tabs */
.tabs__menu > li a {color:var(--gray070);}
.tabs__menu > li.on a {color:var(--gray090);}
.tabs__menu > li.on a:after {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-down.svg);}
.tabs__menu--arr-s > li.on a:after {background-color:transparent;}
/* tab-scroll */
/* tab 2depth */
/* tab w/ arrow */
.tabs__menu--arr-s > li a {color:var(--gray090); background-color:var(--gray015);}
.tabs__menu--arr-s > li a::after {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-down.svg);}
/* tabs 일괄 */
.sticky-area .tabs__menu > li a, 
.tabs__menu--rblack > li a, 
.tabs__menu--rblack-s > li a, 
.tabs__menu--radius > li a, 
.totalsch-result .scroll-wrap .tabs__menu > li a {background:var(--gray020); border-color:var(--gray020); color:var(--gray070);}
.sticky-area .tabs__menu > li.on a, 
.tabs__menu--rblack > li.on a, 
.tabs__menu--rblack-s > li.on a, 
.tabs__menu--radius > li.on a, 
.totalsch-result .scroll-wrap .tabs__menu > li.on a {background-color:var(--gray080); border-color:var(--gray080); color:var(--gray010);}
/* tab panel */
/* steps */
.steps__count {color:var(--gray090);}
/* checkbox */
.chk-all.on::after {border-color:var(--gray090);}
.chk--btn-blt > .radio-box input:checked + label, 
.chk--btn-blt > .check-box input:checked + label {border-color:var(--gray090);}
.chk--btn-blt > .radio-box label, 
.chk--btn-blt > .check-box label {border-color:var(--gray040);}
.chk--btn label {color:var(--gray070); border:.1rem solid var(--gray040); background-color:transparent;}
.chk--btn input:checked + label {color:var(--gray090); background:transparent; border:.2rem solid var(--gray090);}
.chk--btn-blt > .check-box input + label:before, 
.chk--btn-blt > .check-box--chk input + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-checkround-off.svg);}
.chk--btn-blt > .check-box input + label > p.mt4, 
.chk--btn-blt > .radio-box input + label > p.mt4 {color:var(--gray090);}
.check-box__detail {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg);}
.pay3 .chk-all__body .check-box__detail {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-right.svg) no-repeat 100% .3rem;}
/* check radio btn*/
/* check radio 일괄 */
.radio-box label:before, 
.list-history--rdo a:before, 
.chk-card .radio-box label span:before, 
.card-radio--etc .card-radio__item:before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-radio-off.svg);}
/* 버튼형 radio 자간 */
/* switch */
.switch--txt-inline input:checked + label {background-color:var(--yellow050);}
/* Button */
.btn--yellow {color:var(--gray010) !important;}
.btn--black {color:var(--gray010); background:var(--gray090);}
.btn--gray {color:var(--gray010); background-color:var(--gray110); border:.1rem solid var(--gray080);}
.btn--gray-line {color:var(--gray010); background-color:var(--gray110); border-color:var(--gray020);}
.btn--full {border-color:var(--gray030); background-color:var(--gray030);}
.btn--gray-line:disabled,
.btn--gray-line.disabled,
.btn--black-line:disabled,
.btn--black-line.disabled {background-color:var(--gray005) !important;}
.btn--radius:disabled {background-color:var(--gray005) !important;}
.btn--radius.btn--black {color:var(--gray010); background:var(--gray090)}
.badge-main__white {background:var(--gray005);}
.badge-main__green {color:var(--gray110);}
.badge-main__orange {color:var(--gray110);}
.badge-main__violet {color:var(--gray110);}
.badge-balloon {color:var(--gray110);}
.btn-txt--line,
.totalsch-recent .btn-all,
.fixed-area .pop-personal__btn {border-color: var(--gray090); color: var(--gray090);}
.btn,
.btnArea a,
.btn--arr.btn--s,
.btn--black-line,
.btn--gray-line {background: var(--gray030); border: 0; color: var(--gray090);}
.btn--light {background:var(--gray020);}
.btn-txt {color:var(--gray090);}
.btn:disabled, .btn.disabled {color:var(--gray050) !important;}
.btn--arr::after, 
.btn--arr-b::after, 
.btn--arr-t::after, 
.btn--arr-span::after {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/20/arr-1-right.svg) no-repeat;}
/* Text Field */
.form-field--textarea textarea::placeholder {color:var(--gray050); font-weight: 300;}
.form-field--textarea .form-field__obj {background-color: var(--gray005); border-color: var(--gray040);}
.form-field--textarea .form-field__count {color: var(--gray050);}
.form-field--textarea .form-field__chk-num {color: var(--gray090);}
.txt-commont,
.txt-info-simple {color:var(--gray070);}
.txt-info-simple::before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/20/ico-info2.png);}
.txt-commont > .list-blt > li {color:var(--gray070);}
/* 카드 select */
.slt-box--card {background-color:transparent; border-color:var(--gray040);}
.slt-box--card .card-box__desc > span {color:var(--gray070);}
/* 카드 select 바틈시트 목록 */
.cards-select li.on,
.cards-select li.sub-object.on {background-color:transparent; background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-2-check.svg) !important;}
/* Input Search type  */
.form-field__btn--reset {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-close-reset.svg); filter:none;}
/* input Calendar type */
.form-field--flex input[type=date] {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-1-calendar.svg) !important;}
/* Badge */
.badge {color:var(--gray090); background:var(--gray040);}
.badge__line {border:.1rem solid var(--gray060); background-color:var(--gray010);}
.badge__dark_orange {color:var(--gray110); background-color:var(--badge-main-orange);}
.badge__pink {color:var(--badge-color-pink); background:var(--badge-bg-pink);}
.badge--orange {color:var(--badge-color-orange); background:var(--badge-bg-orange);}
.badge--brown {color:var(--badge-color-brown); background:var(--badge-bg-brown);}
.badge--green {color:var(--badge-color-green); background:var(--badge-bg-green);}
.badge__emerald {color:var(--badge-color-emerald); background:var(--badge-bg-emerald);}
.badge--blue {color:var(--badge-color-blue); background:var(--badge-bg-blue);}
.badge--purple {color:var(--badge-color-violet); background:var(--badge-bg-violet);}
.badge-main__white {color:var(--gray040); background:var(--gray110);}
.badge-main__green {color:var(--gray110); background:var(--badge-main-green);}
.badge-main__orange {color:var(--gray110); background:var(--badge-main-orange);}
.badge-main__violet {color:var(--gray110); background:var(--badge-main-violet);}
.badge-balloon {color:var(--gray110); background:var(--gray050);}
.badge-balloon::after {border-top: 6px solid var(--gray050);}
/* 링크형 */
.list-link__item > a {background-image:none;}
.list-link__item > a::after {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg) no-repeat;}
.list-info--link .list-info__link::after,
.list-box--more .btn-wrap {border-color:var(--gray030);}
.list-info--link .list-info__link::after,
.list-box--more .list-info .list-info__desc::after {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-right.svg)}
.list-box--more .btn-more--arr span {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-down.svg); color:var(--gray090);}
.list-box--more .btn-more--arr span.active {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-down.svg); color:var(--gray090);}
/* 정보전달형 */
.pay3 .list-info .list-info__tit,
.pay3 .list-info--s .list-info__tit,
.pay3 .list-info--ss .list-info__tit {color:var(--gray070);}
.pay3 .list-info__desc .btn-txt:not(.btn-txt-s).btn--arr::after {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-right.svg); filter:none;}
.list-blt > li {color:var(--gray090);}
/* 설정형 */
/* 블릿형 사이즈 */
.pay3 .list-blt > li {color: var(--gray090);}
.pay3 .list-blt--ss > li {color: var(--gray070);}
/* 아코디언 라인타입 */
.accordions--note .accordions__view .list-blt > li {color:var(--gray070);}
.accordions__tit::before, 
.accordions--note .accordions__tit::before {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-down.svg) right 50% no-repeat;} 
.btn-more--arr > span {color:var(--gray090); background:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-down.svg) right 50% no-repeat;}
.chk-all--re .chk-all__head .check-box__toggle {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-down.svg) no-repeat center !important;}
.accordions--multi .accordions__item .accordions__tit::before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-1-plus.svg);}
.accordions--multi .accordions__item.on .accordions__tit::before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/16/ico-1-minus.svg);}
.accordions__item > .accordions__tit::before {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-down.svg) right 50% no-repeat;}
.accordions__item.on > .accordions__tit::before,
.pop-wrap--bottom-up .accordions__item.on > .accordions__tit::before {filter:none; background:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-up.svg) right 50% no-repeat;}
.article.cont__btm .accordions--note .accordions__tit::before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-down.svg)}
.article.cont__btm .accordions--note .accordions__item.on .accordions__tit::before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-up.svg)}
/* 리스트 - 더보기형 */
/* 말풍선 툴팁 */
.pay3 .btn-question::before,
.pay3 .tit-dep3 .tooltip-qmark,
.pay3 .tooltip {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/20/ico-help.svg);}
.tooltip-wrap {background:var(--gray040); color:var(--gray090);}
.tooltip-wrap:before {border-bottom-color: var(--gray040);}
.tooltip-wrap--multi .tooltip__arr {background:var(--gray040);}
.tooltip-wrap--multi .tooltip-close {filter:none;}
/* scroll UI */
/* filter buttons */
.pay3 .tabs_menu--filter {background-color: var(--gray020);}
.pay3 .tabs_menu--filter .highlight {background-color:var(--gray040);}
.pay3 .tabs_menu--filter button {color: var(--gray060);}
/* box shadow */
.box--shadow3 {background-color:var(--gray005);}
.box--shadow3.box--dark3 {background-color: var(--gray015);}
/* toast */
.toast {color:var(--gray090); background-color:var(--gray040);}
/* popup */
/* .pop-container {background:var(--gray005);}
.pop-wrap--bottom-up .pop-container,
.pay3 .pop-container,
.pay3 .fixed-area,
.pay3 .pop-wrap--bottom-up .pop-container {color:var(--gray090); background:var(--gray005);}
.fixed-area {box-shadow: 0 -1.6rem 1.6rem 0 var(--gray005);}
.pop-wrap--alert .pop-container,
.pop-wrap--alert .fixed-area,
.pop-wrap--alert .cont-area {background-color:var(--gray015);}
.pop-wrap--alert .fixed-area {box-shadow:0 -1.6rem 1.6rem 0 var(--gray015);} */
/* .pop-wrap.pop-wrap--alert.pay3 .pop-header, 
.pop-wrap.pop-wrap--alert.pay3 .pop-inner, 
.pop-wrap.pop-wrap--alert.pay3 .pop-inner .cont-area, 
.pop-wrap.pop-wrap--alert.pay3 .fixed-area.btn-wrap {background-color:var(--gray015); box-shadow:none;}  */
.pop-wrap, 
.pay3.pop-wrap {background-color:rgba(0, 0, 0, 0.5);}
.pop-header .ico-info {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/40/ico-popup-alarm.svg);}
.pop-wrap .pop-container,
.pop-wrap .fixed-area,
.pop-wrap .cont-area,
.pop-wrap--alert .cont-area {color:var(--gray090); background-color:var(--gray015);}
.pop-wrap .fixed-area {box-shadow:0 -1.6rem 1.6rem 0 var(--gray015);}
.pop-wrap--bottom-up .pop-container,
.pop-wrap--full .pop-container, 
.pop-wrap--bottom-up .cont-area,
.pop-wrap--full .cont-area, 
.pop-wrap--bottom-up .fixed-area,
.pop-wrap--full .fixed-area,
.fixed-area {color:var(--gray090); background:var(--gray005);}
.pop-wrap--bottom-up .fixed-area,
.pop-wrap--full .fixed-area,
.fixed-area {box-shadow:0 -1.6rem 1.6rem 0 var(--gray005);}
.pop-wrap:not(.pop-wrap--full):not(.pop-wrap--bottom-up) .pop-header + .pop-inner .cont-area {color:var(--gray090);}
.pop-wrap--bottom-up .pop-container > .pop-close .pop-close__btn {filter:none;}
.pop-wrap--bottom-up .pop-container > .pop-close:not(.pop-close__chk) .pop-close__btn::after{background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-2-close.svg);}
.pop-wrap--bottom-up .pop-container > .pop-close__chk .pop-close__btn {filter:none;}
/* no-data */
.no-data::before {filter:none; background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/40/ico-list-nodata.svg);}
.no-data p {color:var(--gray090);}
/* error */
.feedback--error:before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/48/ico-empty-error.svg);}
/* succes */
/* chart */
/* 비교그래프 */
/* 바 게이지 그래프 */
.ratio-bar:empty,
.ratio-bar__empty {background-color: var(--gray000);}
.ratio-index__part::before {background-color: var(--gray000);}
/* 또래그룹 비교 차트 */
/* chk */
.check-box input[type="checkbox"]:disabled + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-checkbox-disabled.svg)}
.check-box input[type="checkbox"]:checked:disabled + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-checkbox-disabled-checked.svg) !important;}
.pay3 .chk-all--re .chk-all__head .check-box input[type="checkbox"]:checked + label:after,
.pay3 .chk-all--re .chk-all__head .check-box input[type="checkbox"] + label:after {border-color:var(--gray040);}
.chk--btn-blt > .radio-box label, 
.chk--btn-blt > .check-box label {color:var(--gray090);}
.pay3 .chk--btn-blt > .check-box input + label strong, 
.pay3 .chk--btn-blt > .radio-box input + label strong {color:var(--gray090);}
.pay3 .chk--btn-blt > .check-box input:checked + label strong, 
.pay3 .chk--btn-blt > .radio-box input:checked + label strong,
.pay3 .chk--btn-blt > .check-box input:checked + label > p.mt4, 
.pay3 .chk--btn-blt > .radio-box input:checked + label > p.mt4 {color:var(--gray090);}
.chk--btn-left label:after,
.chk-all__body .check-box input + label:before,
.chk--btn-only .check-box label:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-check-off.svg) !important;}
.chk--btn-left input:checked + label:after,
.chk-all__body .check-box input[type="checkbox"]:checked + label:before,
.chk--btn-only .check-box input[type="checkbox"]:checked + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-check-on.svg) !important;}
/* radio */
.radio-box input[type="radio"]:disabled + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-radio-disabled.svg);}
.radio-box input[type="radio"]:checked:disabled + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-radio-disabled-checked.svg);}

/* 카드형 플레이트 : ex. VIP라운지 > VIP카드 쿠폰함 */
.pay3 .cp-list > li {background-color:var(--gray015);}
.pay3 .cp-list__desc {color:var(--gray070);}
/* form */
/* input[type="text"], 
input[type="number"], 
input[type="tel"], 
input[type="password"], 
input[type="email"], 
input[type="time"], 
input[type="date"], 
input[type="search"], 
input[type="month"], 
.form-field .form-address, 
.form-field--flex .form-field__obj, 
input[id*=raon]:disabled {border-color:var(--gray040) !important;} */
/* input[type="text"]:focus, 
input[type="number"]:focus, 
input[type="tel"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="time"]:focus, 
input[type="date"]:focus, 
input[type="search"]:focus, 
input[type="month"]:focus,
.form-field .form-address,
.form-field--flex .form-field__obj {background-color:#3d4046; color: var(--gray090); border-bottom: 2px solid var(--gray090) !important;}
input[type="text"]:disabled,
input[type="number"]:disabled, 
input[type="tel"]:disabled, 
input[type="password"]:disabled, 
input[type="email"]:disabled, 
input[type="time"]:disabled, 
input[type="date"]:disabled, 
input[type="search"]:disabled, 
input[type="month"]:disabled, 
.form-field .form-address, 
.form-field--flex .form-field__obj {border-color:var(--gray020) !important;} */
input[type="text"], 
input[type="number"], 
input[type="tel"], 
input[type="password"], 
input[type="email"], 
input[type="time"], 
input[type="date"], 
input[type="search"], 
input[type="month"],
.form-field .form-address,
.form-field--flex .form-field__obj,
.form-field--search .form-field__obj input,
input[id*=raon]:disabled {border-color:var(--gray040);}
/* input:not([type="checkbox"], [type="radio"]):focus {background-color:var(--gray020);} */  /* 2025-12-30 input:focus시 배경색 삭제(디자인 협의) */
input:read-only {color:var(--gray070); border-color:var(--gray020);}
input:disabled {color:var(--gray050); border-color:var(--gray020); background:var(--gray010) !important;}
.form-field--search .form-field__obj input:disabled,
.form-field--addr .form-field__obj.disabled .value {color:var(--gray050); border-color:var(--gray020); background:var(--gray010);}
.form-field__error {color:var(--gray090);}
.form-field--search.form-field--line .form-field__obj input:focus {background:var(--gray005); color:var(--gray090); border:1px solid var(--gray090);}
.form-field__obj--error input {border-color:var(--red050);}
.form-field__obj.clear .form-field__btn--reset {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-text-cancel.svg); filter:none;}
.form-field--txt-btn .form-field__btn {border-color:var(--gray040); background:var(--gray040);}
/* slt-box */
/* Select w/ Bottom Sheet : Button type */
.slt-box .btn-select {color:var(--gray090); border-color:var(--gray040);}
.slt-box .btn-select::before {filter:none; background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-down.svg);}
.slt-box .btn-select:focus,
.slt-box .btn-select:focus-visible {border-color:var(--gray090);}/* 2025-12-31 selectbox focus, readonly case 추가 */
.slt-box .btn-select.disabled {color:var(--gray050); border:none; background:var(--gray010);}/* 2025-12-31 selectbox focus, readonly case 추가 */
.slt-box .btn-select.readonly {color:var(--gray070); border-color:var(--gray020);}/* 2025-12-31 selectbox focus, readonly case 추가 */
.slt-box .btn-select.readonly::before, /* 2025-12-31 selectbox focus, readonly case 추가 */
.slt-box .btn-select.disabled::before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-down-disabled.svg);}/* 2025-12-31 selectbox focus, readonly case 추가 */
/* bs-slt */
.bs-slt__item.on .bs-slt__link {background-color:var(--gray005);}
.bs-slt__item.on .bs-slt__link:after {filter:none; background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-2-check-white.svg);}
/* board */ 
.pay3 .tbl-view table th,
.pay3 .tbl-view table td {border-color: var(--gray030);}
.pay3 .tbl-view table th {background-color: var(--gray015);}
.pay3 .tbl-view table th,
.pay3 .tbl-view table td {color: var(--gray090);}
/* float banner */
.float-banner__desc {color:var(--gray090);}
.float-banner .btn-enter {color:var(--gray090); background:var(--badge-main-violet);}
.float-banner__close {background:url(https://img1.kbcard.com/home_re/mo/dark/ico/20/ico-floating-close.png) center no-repeat; background-size:2.0rem;}

/* switch button */
.switch-cont {color:var(--gray070);}
.switch label:before {background: var(--gray050);}
.switch label:after {border-color:var(--gray040); background:var(--gray090);}

/* 이용 전 확인해 주세요 */
.article.cont__btm.brd-top__1::before {background-color:var(--gray020);}
.article.cont__btm.brd-top__1 .accordions--note .accordions__tit::before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-up.svg); transform:rotate(180deg);}
.article.cont__btm.brd-top__1 .accordions--note .accordions__item.on .accordions__tit::before {transform:rotate(0);}
.article.cont__btm .accordions--note .accordions__view .list-blt > li, 
.article.cont__btm.brd-top__1 .accordions--note .accordions__view .list-blt > li {color:var(--gray070);}
.article.cont__btm.brd-top__1 .accordions--note .accordions__view .list-blt .listType2 {color:var(--gray070);}
/* 카드 component */
.card-box--master:before, 
.card-box--visa:before, 
.card-box--amex:before, 
.card-box--jcb:before, 
.card-box--upi:before, 
.card-box--local:before, 
.card-box--k-upi:before, 
.card-box--k-jcb:before {background-color:transparent; height:2.4rem;}
.pay3 .card-box__desc.card-box--local:before, 
.pay3 .card-box__desc.card-box--local:after {background-color:transparent;}
.pay3 .card-box--local:before, 
.pay3 .card-box--local:after {filter:none;}
.pay3 .card-box--local:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/logo/svg/logo-local.svg);}
.pay3 .card-box--visa:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/logo/svg/logo-visa.svg);} 
.pay3 .card-box--k-jcb:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/logo/svg/logo-jcb-kworld.svg);}
.pay3 .card-box--k-upi:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/logo/svg/logo-unionpay-kworld.svg);}
.pay3 .card-box--master:before, 
.pay3 .card-box--amex:before, 
.pay3 .card-box--jcb:before, 
.pay3 .card-box--upi:before, 
.pay3 .card-box--local:before, 
.pay3 .card-box--k-upi:before, 
.pay3 .card-box--k-jcb:before {background-color:transparent; border-radius:inherit; height:inherit;}
/* 카드 로고 logo */
.card-box--local::before, 
.card-box--local .card-box__logo {background-image:url(https://img1.kbcard.com/home_re/mo/dark/logo/svg/logo-local.svg); filter:none;}
.card-box--visa::before, 
.card-box--visa .card-box__logo {background-image:url(https://img1.kbcard.com/home_re/mo/dark/logo/svg/logo-visa.svg);}
.card-box--k-jcb::before, 
.card-box--k-jcb .card-box__logo {background-image:url(https://img1.kbcard.com/home_re/mo/dark/logo/svg/logo-jcb-kworld.svg);}
.card-box--k-upi::before, 
.card-box--k-upi .card-box__logo {background-image:url(https://img1.kbcard.com/home_re/mo/dark/logo/svg/logo-unionpay-kworld.svg);}


/******** 개별 화면 재정의 ********/
/* kbp_kbph_014 금융(탭) */
a[class^="btn-pbn"] {color:var(--gray010);}
.main-finance .article-grad {background-image:none; background-color:var(--gray005);}
.main-finance .pay3 .block-list__item {background:var(--gray015);}
.block-graybox {background-color:var(--gray030);}
.block-graybox .accordions--note .accordions__item .accordions__tit::before {filter:none;}
.block-graybox .accordions--note .accordions__tit::before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-down.svg);}
.block-graybox .accordions--note .accordions__item.on .accordions__tit::before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-down.svg); transform:rotate(180deg);}

.article-div__links > a {background-color:var(--gray015);}
.article-div__links > a::after, 
.block-box-t2 .tit-dep3 .btn-txt.btn--arr::after {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg);}
.article-div__banner > a.btn-myloan {background-color:var(--gray030);}
.pay3 .range-slider--type2-wrap .range-slider--type2:before {background-color:var(--gray015);}
.block-graybox__info-cs {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-cs.svg);}

/* MCAM4001_03 동시카드 선택 */
.card-app__img {background:url(https://img1.kbcard.com/home_re/mo/dark/ico/20/ico-plus-bold.svg) no-repeat center 6.2rem;}

/* MCAM40001_21 : 소유카드관리 */
.card-manage .js-swiper-cardmge::before {background-image:none;}
.btn-card__fullview::before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-viewall.svg);}
.btn-card__change::before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-switch.svg);}
.icon-setting {background-color:var(--gray015);}
.pay3 .article.no-card .no-data__visual > .btn {background-color:var(--gray030); border-color:var(--gray030);}
.card-manage__btn .btn {background:none;}
.card-manage .swiper-pagination-fraction {color:#eff2f7;}
.card-manage .card-area__img img {box-shadow:none; border:1px solid rgba(255, 255, 255, 0.3);}

/* MCAM40001_22 카드 전체보기 */
.card-area {border-color:var(--gray040);}

/* MCAM40001_24 부가서비스 신청 ~ MCAM40001_27 약관동의 */
.content-sub-txt {color:var(--gray060);}
.check-box--re {border-color:var(--gray040);}
.check-box--re .check-box__detail {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg);}
.check-box--re input:checked + label:after {border-color:var(--gray090);}
.agree-ui__tit input:checked + label:after {border:none;}
.agree-ui__tit {border:1px solid var(--gray040);}
.agree-ui__tit.active {border:2px solid var(--gray090);}
.chk-all--re .chk-all__head .check-box__detail {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg) no-repeat center;}

/* MBFV0101_01 VIP라운지 VIP카드 */
.pay3 .box--vip {background:transparent !important; background-image:none;}
.pay3 .box--vip .tit-dep3 {color:var(--gray110);}
.pay3 .vip-box {background-color:var(--gray015); border:0;}
.pay3 .vip-box > li:first-child:before {background-color:var(--gray030);}
.pay3 .vip-ban-slide {background-color:var(--gray015);}
.pay3 .vip-ban-slide .swiper-button-control {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-pause-03.svg); filter:none; }
.pay3 .vip-ban-slide .swiper-button-control.play {background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-play-03.svg); filter:none;}
.tit-dep1__link-arr::after {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg);}
.pay3 .vip-favorite.premium-card, 
.pay3 .vip-favorite.premium-card > li {background-color:transparent;}
.pay3 .vip-favorite, 
.pay3 .vip-favorite > li {background-color:var(--gray015);}
.article__div-help {background-color:var(--gray010);}
.article__div-help .btn--gray-line {color:var(--gray090); background-color:var(--gray030); border-color:var(--gray030);}

/* MBFV0101_05 프라임+ 쿠폰 */
.pay3 .primeplus-coupon li a {border-color:var(--gray015); background-color:var(--gray015);}
.pay3 .primeplus-coupon__logo, 
.pay3 .discount-pack__logo {background-color:var(--gray100);}
.pay3 .primeplus-coupon__bottom {color:var(--vip050); border-color:#b0c0d8; background-color:#b0c0d8;}
.pay3 .first-come .primeplus-coupon__bottom {color:var(--gray090); border-color:var(--vip050); background-color:var(--vip050);}
.pay3 .disabled .primeplus-coupon__d-day, 
.pay3 .discount-pack li.disabled .discount-pack__d-day,
.pay3 .primeplus-coupon__d-day, 
.pay3 .discount-pack__d-day {background-color:transparent;}
.pay3 .primeplus-coupon li.disabled a {border-color:var(--gray015); background-color:var(--gray015);}
.pay3 .primeplus-coupon li.disabled .primeplus-coupon__bottom {color:var(--gray050); border-color:var(--gray030); background-color:var(--gray030);}
.disabled .primeplus-coupon__d-day > span, 
.discount-pack li.disabled .discount-pack__d-day > span {background-color:var(--gray040);}

/* MBFV0101_06 프라임+ 할인팩 */
.pay3 .discount-pack li a {border-color:var(--gray015); background-color:var(--gray015);}
.pay3 .discount-pack__bottom {color:var(--gray010); background-color:var(--yellow050);}
.pay3 .discount-pack li.disabled .discount-pack__bottom{color:var(--gray050); border-color:var(--gray030); background-color:var(--gray030);}

/* MMBV0309_01 이용내역 조회 */
.article__method, 
.article__amount .cal-price__area::after {background-color:var(--gray005);}
.article__amount .cal-price__area {background-color:var(--gray010);}
.pay3 .calendar-price-top {background-color:var(--gray015);}
.pay3 .article__amount .sort__btn {top:0; background:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-1-filter.svg) no-repeat center; filter:none;}
.pay3 .article__amount .sort__btn::after {background:none;}
.list-history__summary, 
.pay3 .list-history > li {border-color:var(--gray020);}
.pay3 .calendar-price-top dl dt {color:var(--gray070);}
.pay3 .calendar-price-top dl dd {color:var(--gray090);}
.slt-box .btn-select .card-box__title {color:var(--gray110);}
.cal-price__btns .btn {border:1px solid var(--gray030);}
.pay3 .js-fixed-top, 
.pay3 .calendar-fixed, 
.pay3 .scheduler-wrap .calendar-area .calendar, 
.pay3 .scheduler-wrap .calendar-area.fixed, 
.pay3 .scheduler-wrap.scheduler-wrap-fixed .calendar-fixed .month-top {border-radius:1.2rem; background-color:var(--gray020) !important;}
.pay3 .calendar-fixed {border-radius:1.2rem;}
.cal-price__period::after {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-down.svg);}
.cal-price__btns .btn {border-color:var(--gray030); background-repeat:no-repeat; background-position:center; background-size:2.4rem;}
.btn-cal-price__list {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-toggle-list.svg);}
.btn-cal-price__list.on {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-toggle-list-on.svg);}
.btn-cal-price__cal {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-toggle-date.svg);}
.btn-cal-price__cal.on {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-toggle-date-on.svg);}
.btn-cal-prev {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-left.svg) no-repeat center;}
.btn-cal-next {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg) no-repeat center;}
.btn-cal-prev:disabled{background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right-disabled.svg); transform:rotate(180deg);}
.btn-cal-next:disabled{background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right-disabled.svg);}
.list-history__usage-row .list-history__info span,
.list-history__usage-row .list-history__info .time,
.list-history__usage-row .list-history__account > span {color:var(--gray070);}
.scheduler-wrap .btn-tog-area .btn:before {background-color: var(--gray005);}
.pay3 .scheduler-wrap.scheduler-wrap-fixed .calendar-fixed .month-top::before {border-color:var(--gray005);}
.pay3 .scheduler-wrap.scheduler-wrap-fixed .calendar-fixed .month-top::after {border-color:var(--gray005);}
.txt-commont > .list-blt > li {color:var(--gray070);}
.card-box__pay3 .card-box__title {color:var(--gray090);}
.receipt-body .accordions__item.on .accordions__tit {border-color:var(--gray005);}
.pay3 .accordions:not(.accordions--note, .accordions--multi, .accordion--loanacc) .accordions__item {border-color:var(--gray040);}
.pay3 .accordions:not(.accordions--note, .accordions--multi, .accordion--loanacc) .accordions__item:first-child {border-color:var(--gray040);}
.pay3 .accordions:not(.accordions--note, .accordions--multi, .accordion--loanacc) .accordions__item-fixed + .accordions__item {border-color:var(--gray040);}

/* MMBV0309_02 이용내역 조회(달력형) */
.pay3 .scheduler-wrap .month-top .month {color:var(--gray090);}
.pay3 .js-calendar .month-top .month:first-child, 
.pay3 .js-calendar .calendar .date-item.sunday .btn-date .text, 
.pay3 .list-history__item.sunday .date {color:var(--red020);}
.pay3 .scheduler-wrap .calendar-area .calendar .date-item .btn-date[disabled] .text {color:var(--gray070);}
.pay3 .scheduler-wrap .calendar-area .calendar .date-item.sunday .btn-date[disabled] .text {color:var(--red020); opacity:.7;}
.pay3 .scheduler-wrap .calendar-area .calendar .date-item.today .btn-date .text {color:var(--gray090); border-color:var(--gray060);}
.pay3 .scheduler-wrap .calendar-area .calendar .date-item.today .btn-date[disabled] .text {font-weight:700;}
.pay3 .scheduler-wrap .calendar-area .calendar .date-item.on .btn-date .text {color:var(--gray010); background-color:var(--chart-color1);}
.pay3 .scheduler-wrap .calendar-area .calendar .date-item:not([date]) {opacity:.44;}
.pay3 .scheduler-wrap .calendar-area .calendar .date-item:not([date]):not(.sunday) {opacity:1;}
.pay3 .scheduler-wrap .calendar-area .calendar .date-item:not([date]):not(.sunday) .text, 
.pay3 .scheduler-wrap .calendar-area .calendar .date-item:not([date]):not(.sunday) .price,
.pay3 .scheduler-wrap .calendar-area .calendar .date-item:not([date]):not(.sunday) .btn-date[disabled] .text, 
.pay3 .scheduler-wrap .calendar-area .calendar .date-item:not([date]):not(.sunday) .btn-date[disabled] .price {color:var(--gray050);}
.pay3 .scheduler-wrap .calendar-area .calendar .date-item:not([date]).sunday .text {color:var(--red020);}
.pay3 .scheduler-wrap .calendar-area .calendar .date-item:not([date]).sunday .btn-date[disabled] .text {color:var(--red020); opacity:.55;}

/* MMBV0309_05 매출전표 */
.receipt-body-pay3 .receipt-body .list-info .list-info__desc > a {color:var(--gray090);}
.receipt-body-pay3 .receipt-body .list-info li .list-info__desc span + span:before {background-color:var(--gray040);}
.receipt-body-pay3 .list-info__desc .btn--xs {border:1px solid var(--gray070); background-color:transparent;}
.pop-wrap--bottom-up .accordions__tit, 
.pop-wrap--bottom-up .accordions__view {color:var(--gray090); border-color: var(--gray040); background-color:var(--gray005);}
.pop-wrap--bottom-up .accordions__tit::before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-down.svg);}
.receipt-body-pay3 .receipt-body .accordions__item.on:not(:first-of-type) .accordions__tit {border-color:var(--gray040);}

/* MMBV0309_06 상세내역 */
.transfer-ref {color:var(--gray090); background-color:var(--gray015);}

/* MMBV0309_07 이체확인증 */
.transfer-seal-logo {background-image:url(https://img1.kbcard.com/home_re/mo/dark/logo/20/logo-kbcard.svg);}

/* MMBV0309_13 소멸예정 포인트 */
.receipt-head__price-desc {color:var(--gray070);}
.pay3.pop-wrap--bottom-up .receipt-body-pay3 + .list-info {padding-top:1.6rem; border-top:1px solid var(--gray020);} /* 2025-12-29 소멸예정 포인트 확인 디바이더 라인 추가 */
.no-data-points::before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/40/ico-nodata-p.svg);}

/* MCAM40001_03 카드신청 */
.card-app__img .card-app__plate {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/visual/ico-visual-cardframe.svg);}
.card-app__img .card-app__plate .btn-x, 
.card-list__div .btn-x {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-1-close-gray.svg);}
.card-list .tit-dep3 {color:var(--gray090);}
.card-area.type-2 {border-color:var(--gray030);}
.card-area__fee .badge__lgray {background-color:var(--gray020);}

/* MCAM4001_04 동시신청 카드 */
/* .trans-card-message {color:var(); background-color:var(--gray020);} */
.trans-card-message .case {border-color:var(--gray040); background-color:var(--gray040);}

/* MCAM4001_08 신청정보입력 */
.tooltip{background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/20/ico-1-info.svg);}
.info-help {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/20/ico-1-help.svg);}
.card-brand.chk--btn input + label {color:var(--gray070); border-color:var(--gray040); background-color:transparent;}
.card-brand.chk--btn input:checked + label {color:var(--gray090); border-width:.2rem; border-color:var(--gray090); background-color:transparent;}
.card-brand--local span:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/logo/svg/logo-local.svg);}
.check-box input + label:before, 
.card-box--chk label:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-checkround-off.svg);}
.chk--btn.card-brand.type3 label {border-color:var(--gray040);}

/* 홈 > 해외이용혜택안내 > 혜외이용혜택 */
.pay3 .overseas-benefits {background-image: linear-gradient(to bottom, #c1e6fe 5%, #e6f5ff 65%, #ffffff 95%, rgba(255, 255, 255, 0) 100%);}
.pay3 .overseas-banner-travel__txt {color: var(--gray090);}
.pay3 .overseas-banner--money__cont .overseas-banner__tit {color: var(--gray090);}
.pay3 .overseas-card {background-color: var(--gray015); border: none;}
.pay3 .overseas-card--benefit__cont {color: var(--gray090);}
.pay3 [class^="overseas-card--benefit"]::before {background-color: var(--gray030);}
.pay3 .overseas-safe {background-color: var(--gray010);}
.pay3 .overseas-safe--service__cont {background-color: var(--gray015);}
.pay3 .overseas-check-points__con {color: var(--gray090); background-color: var(--gray015);}
.pay3 .overseas-banner--tips__cont {background-color: var(--gray015);}
.pay3 .overseas-banner--tips__cont .overseas-banner__tit {color: var(--gray090);}

/* 홈 > 해외이용혜택안내 > 해외이용꿀팁 */
.pay3 .list-link--tips li > a {color: var(--gray090);}

/* 금융 */
.pay3 .txt-gray,
.pay3 .list-blt--dash > li.txt-gray:before {color: var(--gray070) !important;}
.pay3 .fc2 {color: var(--yellow010);}
.pay3 .list-blt--gray060 li {color: var(--gray070);}
.pay3 .btn-pop::before {background: url(https://img1.kbcard.com/home_re/mo/dark/ico/20/ico-info2.png) center/cover no-repeat; background-size:2.0rem;} 

.pay3 .chk-block.chk-block--loanacc .check-box label {border-color: var(--gray040);}
.pay3 .chk-block.chk-block--loanacc .check-box .chk-block__number {color: var(--gray060);}
.pay3 .chk-block.chk-block--loanacc .list-info .list-info__tit {color: var(--gray070);}

/* 금융 > 통합대출 */
.pay3 .visual-loan {background: none;}
.pay3 .card--loanacc {background-color: #36393e;}
.pay3 .card--loanacc .card--loanacc__note {border-color: var(--gray030);}
.pay3 .card--loancont .tit-dep3 .btn--arr::after {background: url(https://img1.kbcard.com/home_re/mo/dark/arr/20/arr-1-right.svg) no-repeat;}
.pay3 .step--loanacc .step {background-color: var(--gray030); border-color: var(--gray040);}
.pay3 .step--loanacc .step--loanacc__item::after {background-color: var(--gray040);}

/* 금융 > 통합대출 하단 버튼 none fixed - scroll end */
.pay3 .is-prepare-banner {border-top-left-radius: 1.6rem; border-top-right-radius: 1.6rem; box-shadow: 0 -1rem 1rem 0 rgba(0, 0, 0, 0.16); background-color: #26282c;}
.pay3 .is-prepare-banner .prepare-banner > p {color: var(--gray090);}
.pay3 .is-prepare-banner .prepare-banner {background-color: #26282c;}
.pay3 .is-prepare-banner .prepare-banner ul li + li:after {background-color: #3d4046;}
.pay3 .is-fixed__false.is-prepare-banner {background-color: var(--gray005); border-radius: 0; box-shadow: none;}
.pay3 .is-fixed__false.is-prepare-banner .prepare-banner {background-color: var(--gray005);}

/* 금융 > 대환대출 상환 대상 선택 (기존대출 확인, 대환대출 가능여부 확인) */
.pay3 .chk-block.chk-block--loanacc .bk-loanacc--info__discount {color: var(--gray070);}
.pay3 .chk-block.chk-block--loanacc .bk-loanacc--terms .bk-loanacc--terms__txt::before {background-color: var(--gray040);}
.pay3 .chk-block.chk-block--loanacc .bk-loanacc--terms .bk-loanacc--terms__txt {color: var(--gray070);}
.pay3 .chk-block.chk-block--loanacc .bk-loanacc--terms .bk-loanacc--terms__txt span {color: var(--gray090);}
.pay3 .chk-block.chk-block--loanacc .bk-loanacc--tips {color: var(--gray070);}
.pay3 .chk-block.chk-block--loanacc .bk-loanacc--info__interest {color:var(--yellow010);}

/* 금융 > 대출신청 결과 */
.pay3 .loan-info,
.pay3 .loan-info + .list-blt {border-color: var(--gray020);}
.pay3 .loan-info__detail:after,
.pay3 .loan-info__step .txt-s:before {background-color: #8c949e;}
.pay3 .btn-ico--renew {background:url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-renew.svg)no-repeat;}
.pay3 .chk-all--re .chk-all__head .check-box input[type="checkbox"]:checked + label:after {border-color: var(--gray090);;}

/* 금융 > 신청정보 입력 */
.pay3 .panel-loanacc {background: transparent;}
.pay3 .panel-loanacc .panel--utile .btn--arr {background-color: var(--gray020);}
.pay3 .panel-loanacc-gray {background-color: var(--gray015);}
.pay3 .btn--arr.btn--loanacc:disabled::after {filter: none;}

/* 금융 > 카드선택 */
.pay3 .cardbox--loanacc .info .number,
.pay3 .cardbox--loanacc .info .name,
.pay3 .cardbox--loanacc .cardbox--account__number,
.pay3 .cardbox--loanacc .cardbox--account__bank {color: var(--gray070);}
.pay3 .cardbox--loanacc .info .number::after {background-color: var(--gray050);}
.pay3 .cardbox--loanacc .cardTxt {border-color: var(--gray040);}
.pay3 .cardbox--account {border-color: var(--gray030);}
.pay3 .cardbox--account .cardbox--account__bank::after {background-color: var(--gray050);}
.pay3 .cardbox--loanacc .cardSel > a:after {background-image: url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-down.svg);}

/* 금융 > 카드선택(바텀시트) */
.pay3 .cardBox.selectCard .cardTxt .brandImg {color: var(--gray090);}
.pay3 .cardBox.selectCard .cardTxt.on::after {background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-2-check-white.svg);}

/* 금융 > 적합성 원칙 확인서 */
.pay3 .aptness .brd-top__1 {border-color: var(--gray020);}

/* 금융 > 대출 청약철회권 안내 */
.pay3 .signature-area {border-color: var(--gray020);}

/* 금융 > 본인인증 (공통 as-is : common.css) */
.pay3 .identify-area .btn--arr-b::after {background-image: url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg);}
.pay3 .identify-area .termsBox .allCheck:before,
.pay3 .identify-area .termsBox.type2 .allCheck + .termsList {border-color: var(--gray030);}
.pay3 .identify-area .termsBox.type2 .allCheck label {color: var(--gray070);}
.pay3 .identify-area .termsBox .allCheck + .termsList label:before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-check-off.svg) !important; opacity: 1;}
.pay3 .identify-area .termsBox .allCheck + .termsList input:checked + label:before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-check-on.svg) !important;}
.pay3 .identify-area .termsBox.type2 .inforCheck a:after {background-image: url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg);}
.pay3 .identify-area .pageCert .btnM {color: var(--gray000);}
.pay3 .identify-area .cardBox .cardTxt {border-color: var(--gray030);}

.layerWrap.layerWrap--com {background-color: var(--gray005);}
.layerWrap.layerWrap--com .popCont > .contArea {color: var(--gray060);}
.layerWrap.fullLayer.layerWrap--com .fixedBArea {background: var(--gray005); box-shadow: 0 -1rem 1rem 0 var(--gray005);}
.layerWrap.fullLayer.layerWrap--com .popClose a {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}
.layerWrap.fullLayer.layerWrap--com .fc6 {color: var(--blue060) !important;}

#comeupPop.layerWrap.pay3 {background-color: rgba(0, 0, 0, .4);}
#comeupPop.layerWrap.pay3 .bs-slt--img .bs-slt__link::before {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(100%) contrast(100%);}
#popCrfNum.layerWrap.alertWrap2.pay3 .btnText:after {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}
#cvcLayer.layerWrap.pay3 .popTop,
#cvcLayer.layerWrap.pay3 .popCont {background-color: var(--gray005);}
#cvcLayer.layerWrap.pay3 .popClose a {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}

/* 내정보 */
.pay3 .myinfo-cont ~ .myinfo-cont {border-top:1px solid var(--gray020);}
.pay3 .btn-plus {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-plus-2.svg);}
.pay3 .search-result__list li {border-color:#3d4046;}
.pay3 .search-result__list p {color:var(--gray090);}
.pay3 .search-result__list p.txt-s {color:var(--gray060);}
.pay3 .search-result__list .result {color:#279fff;}

/* 이벤트 > 목록 */
.pay3 .event-btn--category {color: var(--gray070);}
.pay3 .event-btn--category.on {border-color: var(--gray090);}
.pay3 .event-btn--servie {background-color: var(--gray015); color:var(--gray090);}
.pay3 .event-btn--servie.on {background: transparent;}
.pay3 .menu__servie::after {background-image: linear-gradient(to right, rgba(28,29,33,0), rgba(28,29,33,.9) 58%, #1c1d21);}
.pay3 .event-count,
.pay3 .event-count strong {color:var(--gray090);}
.pay3 .event-list__item .badge__line {color: var(--gray010); border-color: var(--gray040);}
.pay3 .event-article .btn {color:var(--gray090);}
.pay3 .btn-ico--calendar:before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-1-calendar2.svg);}
.pay3 .btn-ico--benefits:before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-1-benefits4.svg);}
.pay3 .btn-ico--event:before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-1-event.svg);}
.pay3 .event-list__done .item--thumb:after {background-color:#000;}
.pay3 .check-box label,
.pay3 .check-box label strong {color: var(--gray090);}

/* 이벤트 > 상세 */
.pay3.newEvent .fixedBArea--event {box-shadow: 0px -14px 14px 0 var(--gray005) !important; background-color: var(--gray005);}
.pay3 .event-detail__note {border-color: var(--gray020);}
.pay3 .event-detail__note .list-blt > li {color: var(--gray070);}
.pay3 .event-utile > button {background-color: #484b51;}
.pay3 .event-utile .btn-share::before {background:url(https://img1.kbcard.com/home_re/mo/dark/img/event/ico-share.svg) no-repeat;}
.pay3 .event-utile .tooltip-share {color: var(--gray070); background-color: var(--gray040);}
.pay3 .event-utile .tooltip-share::before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/img/event/bg-tooltip-arrow.svg);}
.pay3 .pop-inner .event-info .event-info__tit {color: #26282c !important;}

/* 이벤트 > 댓글 */
.pay3 .event-comment textarea {background-color: transparent;}
.pay3 .event-comment--switch .switch label::before {background-image: none !important;}
.pay3 .event-comment--list,
.pay3 .event-comment--list > li {border-color: var(--gray020);}
.pay3 .event-comment--list > li {color: var(--gray090);}
.pay3 .event-comment--list__date {color: var(--gray070);}
.pay3 .event-comment--list__btn .btn--light {background-color: var(--gray020);}

/* 이벤트 > 좋아요 */
.pay3 .event-like-guide {background-color: #36393e;}

/* 이벤트 > 설문/퀴즈형 */
.pay3 .event-quiz--answer .chk--btn-blt > .radio-box input:checked + label, 
.pay3 .event-quiz--answer .chk--btn-blt > .check-box input:checked + label, 
.pay3 .event-quiz--answer .chk--btn-blt > .radio-box label, 
.pay3 .event-quiz--answer .chk--btn-blt > .check-box label {background : none; color: var(--gray090);}

/* 이벤트 > 응모/당첨 발표 */
.pay3 .event-win__img .tit-dep2 {color: #ff8f00;}
.pay3 .event-win__info .tbl-view table th {background-color: var(--gray015);}
.pay3 .event-win__info .tbl-view table {border-bottom: .1rem solid var(--gray030);}
.pay3 .event-win__info .tbl-view table th, 
.pay3 .event-win__info .tbl-view table td {border: 0; border-top: .1rem solid var(--gray030);}
.pay3 .event-win__info .tbl-view table td {border-left: .1rem solid var(--gray030);}

/* 포인트 */
.pay3 .counter--ani .counter {color:var(--gray090);}
.pay3 .box--gradient__yellow::before {content:none;}
.pay3 .box--pointree {color:var(--gray090); background-color:var(--gray015);}
.pay3 .box--pointree .txt strong {color:var(--gray090);}
.pay3 .box--pointree .btn-txt:after {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-right.svg) no-repeat;}
.pay3 .list-box--more {border:none; background-color:#36393e;}
.pay3 .article + .article.mt40::before {border-color:var(--gray020);}
.pay3 .pointree-icon__img {background:url(https://img1.kbcard.com/home_re/mo/dark/img/benefit/img-bg-pointree.png)no-repeat 100%;}
.pay3 .pointree-info {border:none; background-color:#36393e;}
.pay3 .btnBox.pointree-link .icon-setting {background:none;}
.pay3 .searchPeriod {color:var(--gray090);}
.pay3 .filter.box {background-color:var(--gray010);}
.pay3 .benefitSearch .filter.type2 {background:var(--gray010) !important;}
.pay3 .botArea {border-color:var(--gray020);}
.pay3 .benefit-list .lastChange,
.pay3 .benefit-list__detail .date {color:#c6cbd0;}
.pay3 .benefit-list .benefit-list__detail {border-top:1px solid var(--gray020);}
.pay3 .benefit-list__detail > li + li {border-color:var(--gray020);}
.pay3 .benefit-list__detail .list-info__desc .pop-open::after {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-right.svg);}
.pay3 .pointree-info .qInfoBtn {filter:none;}
.pay3 .pointree-info .qInfoBtn::after {background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-down.svg); background-size:contain;}
.pay3 .noData::before {filter:none; background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/40/ico-list-nodata.svg);}
.benefitSearch .filter.type2 .btnFilter {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-1-filter.svg);}
.pay3 .historyList.list-info {border-color:var(--gray020);}
.pay3 .historyList .list-info__tit .date {color:var(--gray070);}
.pay3 .discountList .box--white {border-color:var(--gray015); background-color:var(--gray015);}
.pay3 .arrCarSwiper.box--flex {background:var(--gray010) !important;}
.pay3 .cardtypeBenefit .discountList .btn--arr::after {filter:none;}
.pay3 .infoBox .btn--radius {color:#eff2f7; background-color:transparent;}
.pay3 .infoBox .txt-s {color:var(--gray090);}
.pay3 .cardtypeBenefit .discountList .btn--arr::after {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-right.svg)}
.pay3 .discountList .price strong {color:var(--gray090);}
.pay3 .discountList .list-info__desc strong {color:var(--gray090);}
.pay3 .list-blt .btn--arr::after {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-right.svg) no-repeat;}
.pay3 .point-list .discount {color:var(--yellow010);}

/* 카드 */
.ongoing-card + .list-info {border-color:#3d4046;}
.check-all__detail {color:#c6cbd0;}
.form-field .list-blt--ss li {color:var(--gray070);}
.complete-card + .txt-s {color:var(--gray070);}
/* .complete-card ~ .btn--line-black {border:1px solid var(--gray060); background-color:transparent;} */

/* 내정보 */
.pay3 .num-wrap .slot {background-color:var(--gray030);}

/* 듀얼홈 */
.dual-home--wrap .dual-home {background:var(--yellow040);}
.dual-home--cont [class^='tit-dep'] .linkage::after {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg) no-repeat;}
.dual-home--wrap .swiper-container {background:none;}
.dual-cont__default .tit-dep3,
.dual-cont__payment .txt-l {color:var(--gray010);}
.payment-date .badge {color:var(--gray110);}
.dual-cont__payment .badge {color:var(--gray010); border:.1rem solid var(--gray010);}
.dual-cont__payment .counter__text {color:var(--gray010);}
.dual-home--wrap.active .dual-home {background:var(--gray005);}
.dual-home--wrap.active .dual-home__btn::after {background:var(--gray110);}
.dual-home--cont:not(.asis) .btn-wrap {border-color:var(--gray030);}
.payment-schedule .tabs_menu--filter {background-color:var(--gray030);}
.payment-schedule .tabs_menu--filter .highlight {background-color:var(--gray040);}
.payment-schedule .tabs_menu--filter button {color:var(--gray070);}
.payment-schedule .tabs_menu--filter button[aria-selected="true"] {color:var(--gray090);}
.asis .payment-account .badge {color:var(--gray110); background:var(--badge-main-orange);}
.estimate-payment--info .swiper-pagination-bullet {background:var(--gray050);}
.estimate-payment--info .swiper-pagination-bullet-active {background-color:var(--gray110) !important;}
.dual-home--cont .swiper-slide {background:var(--gray015);}
.estimate-payment__cont .swiper-slide .btn {background:transparent;}
.payment-account .btn-count--control {border:1px solid var(--gray070);}
.list-history__usage-row .list-history__info span,
.list-history__usage-row .list-history__info .time,
.list-history__usage-row .list-history__account > span:first-of-type {color:var(--gray070);}
.pay-dc {color:var(--yellow010) !important;}
.pay-cancel {color:var(--red050) !important;}
.my-card--benefit .priceWrap .tit > span:first-of-type {color:var(--gray070);}
.my-card--benefit .priceWrap .tit .badge {color:var(--gray110);}
.my-card--benefit .card-area .card-area__info-no {color:var(--gray060);}
.my-card--benefit .swiper-pagination-fraction {color:var(--gray090);}
.my-card--benefit .priceWrap .tooltip {background:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-1-help.svg) no-repeat center;}
.my-card--benefit .priceWrap .tooltip-wrap:before {border-color:var(--gray040) transparent transparent transparent;}
.my-card--benefit .recordWrap .graphArea .graphBar {background:var(--gray030);}
.my-card--benefit .recordWrap .graphArea .graphBar .bar {background:#fc0;}
.my-card--benefit .recordWrap .graphArea .graphBar .secTxt .txt02 {color:var(--gray060);}
.lounge-service .lounge-service__list {background:none;}
.lounge-service__list .swiper-slide {background:var(--gray015);}
.lounge-service__box .list-info__desc {color:var(--gray070);}
.lounge-service__box .item-box__tit .detail-link::after {background:url(https://img1.kbcard.com/home_re/mo/dark/arr/20/arr-2-right.svg) center no-repeat;}
.lounge-service .grade {color:var(--gray110);}
.payment-account .counter {color:var(--gray090);}
.payment-account .counter__text {color:var(--gray070);}
.payment-tabs__case > li a {color:var(--gray090);}


/* 간편 홈 */
.simple-main.gradient-bg__gray {background:none;}
.simple-main .list-link__desc::before {background:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-cs.svg) no-repeat center / 100%;}
.simple-main .block-list__item {background-color:var(--gray015);}
.simple-main .block-list__item .txt {color:var(--gray090);}

/* skeleton UI */
.skeleton {background:linear-gradient(120deg, var(--gray015) 45%, var(--gray020) 50%, var(--gray015) 55%); background-repeat:no-repeat; background-size:300% auto;}