@charset "UTF-8";
/* 다크모드 */
:root {	
	/* gray color */
	--gray000:#121315; 
    --gray005:#1c1d21; 
    --gray010:#26282c; 
    --gray020: #3d4046;
    --gray030: #484b51;
    --gray040: #696e76; 
    --gray050: #8c949e;
    --gray060: #aab0b8;
    --gray070: #c6cbd0;
    --gray080: #dde1e4;
    --gray090: #eff2f7; 
    --gray100: #f7f7fa;
    --gray110: #fff; 
	/* main color */
	--yellow010:#f76900;
    --yellow020:#ff8f00;
    --yellow030:#ffa100;
    --yellow040:#ffbc00;
    --yellow050:#ffcc00;
    --yellow060:#ffd743;
    --yellow070:#ffe17c;
    --yellow080:#ffedb0;
	--red050: #ff5436;
    --blue060: #279fff;
    --vip50: #334158;
    /* etc */
    --color-purple: #5f5be8;
}

/* bg */
body,
#main_contents #header,
#header,
#header.topHead,
#container,
.is-bg:before,
.pop-container,
.pop-wrap--bottom-up .pop-container,
.pop-wrap--bottom-up:after,
.web.allmenu .is-bg:before,
.web-foot-wrap,
.web #footer .web-foot-wrap.foot__line,
.sticky-area.fixed .tabs,
.fixed-area,
.totalsch-qd,
.setting-pop__box,
.receipt-body .accordions__view,
.coupon-place__wrap:before, 
.coupon-place__wrap:after,
.coupon-place > li:before, 
.coupon-place > li:after,
.pop-wrap--bottom-up:after,
.family-card,
.banner_kbpay,
.main-dark #container,
.main-dark #footer,
.main-dark .web-foot-wrap,
.mykb #container,
.main #container,
.vip-tit-box,
.main .sticky-area.fixed .tabs,
.cq-form-field,
.steps__block span {
	background-color: var(--gray005);
}

.allmenu #header,
.allmenu #container,
.allmenu .sticky-area.fixed .tabs,
.tbsType1:after, 
.tbsType2:after,
.pop-wrap--full .pop-container,
.qna_detail {
	background-color: var(--gray005) !important;
}

.cardDetailTop,
.mykb-psn-ban,
.mykb-arr-ban,
footer,
.main-box:not(.main-box--month),
.menu-edit__inner, 
.menu-edit__btn-sortable,
.range-slider--type2-wrap .range-slider--type2 .step-list .item,
.chart-stick .stick-list__item:before,
.js-sortmenu .card-manage__item--drag,
.skeleton-area--type2:before, 
.skeleton-area--type3:before, 
.skeleton-area--type4:before, 
.skeleton-area--type5:before, 
.skeleton-area--type6:before, 
.skeleton-area--type7:before,
.skeleton-area--type8 .prd-fnc-list li .skeleton-list,
.skeleton-area--type8 .ico-banner li .skeleton-list,
.cq-info-wrap,
.usage-box,
.chart-graph__section:before {
	background-color: var(--gray010);
}

.card-intro-slide .swiper-slide,
.js-sortmenu .ui-state-highlight,
.sort:after,
.vip-pop-box,
.mykb .bar-graph__grh:before,
.cp-list > li {
	background-color: var(--gray020);
}

.web-foot-terms__list li + li:before,
.web-sv-go__item:first-child:before,
footer .fMenu li + li:before,
.setting-pop__btn ~ .setting-pop__btn::before,
.pgrbar__bg,
.chart-stick__rail,
.range-slider--type2-wrap .range-slider--type2:before,
.prd-foreign-use > li:first-child > a:after  {
	background-color: var(--gray030);
}

.box--shadow2,
.totalsch-box-wide,
.allmenu .article + .article:before,
.bs-slt__item.on .bs-slt__link,
.web #footer .web-foot-wrap.foot__line::before,
.article.bar:before,
.js-fix-chck-box + .agr-grade:before {
	background-color: var(--gray000);
}
.article + .article:before {
	background: var(--gray000);
	border-color: var(--gray000);
}

.totalmn-wrap > h3:before,
.list-history__info > span:before,
.swiper-pagination > span,
.receipt-body .list-info li .list-info__desc span + span:before {
	background-color: var(--gray040);
}

.swiper-pagination-bullet-active {
	background-color: var(--gray070) !important;
}

.vip-pop-box__img > img,
.main-box--slide .prd-recomm-swiper .swiper-slide > a,
.banner_kbpay .colType {
	background-color: var(--gray110);
}

.totalsch .box.box--shadow2 {
	background-color: var(--yellow050);
}

.totalsch .box.box--shadow2 .txt {color:var(--gray010);}
.totalsch .box.box--shadow2 .txt-comment {color:var(--gray030);}

.box--vip {
	background-color: var(--vip50) !important;
	border: 0;
}

.box-gradient {
	background: linear-gradient(to top, var(--gray010) 33%, var(--gray005) 81%);
}

.term-sel-box,
.cp-list--img .coupon-pop__on .cp-list__img > img,
.circle-box--flex .circle-info > li,
.fixed-area .pop-personal__menu,
.agreeGrade,
.agr-grade__tit {
	background: none;
}

/* coupon */
.cp-list--img .cp-list__img > img {
	background-color: var(--gray110);
}

.cp-list--img .coupon-pop__on .cp-list__img > img {
	background: none;
}

.skeleton-area .skeleton {
	animation:none;
	background: var(--gray020);
}

/* font */
strong,
b,
.pop-header,
.tit-dep1,
.tit-dep2,
.depTit2,
.depTit3,
#header,
.main-tit,
.main-head-bnr__tit,
.ico-banner__item,
.prd-fnc-list__tit .btn-txt,
.web-foot-wrap address, 
.allmenu__tit,
.web-foot-wrap__copyright,
.card-intro-slide .swiper-slide a,
.card-cmn-list__name,
.text-point,
footer .cs,
footer .addrCopy,
.btn-link strong,
.tooltip__head strong,
.steps .tit-dep1,
.agr-grade__tit,
.agr-box .tit-dep1 strong,
.check-box label,
.cardDesignSel li label,
.digitalcard-use__tit,
.detail-info__cont,
.bottom-ev-swiper__cntk,
.main-box__price a,
.txt-point,
.menu-edit__item--disable .menu-edit__inner,
.prd-fnc-box__num > span,
.prd-fnc-list .accordions__right > em,
.prd-fnc-list .accordions__left, 
.amount-box__num,
.list-link__title,
.totalmn-list__form,
.list-info__desc,
.menu-edit__item,
.cp-list__desc,
.txt-total,
.list-history__title,
.card-manage--list .card-info__tit,
.sv-use-list__card,
.list-result__title,
.main-slogan__big,
.main-slogan__small,
.prd-cards-swiper__tit,
.prd-alarm-ban__tit,
.cq-chat__txt p,
.cq-date,
.cq-btn .btn,
.main-benefits .main-tit,
.welcome-box p,
.welcome-box span,
.welcome-box a,
.card-type-list p,
.card-type-list span,
.perf-benefit-slide .swiper-slide > p,
.chart-graph__unit,
.list-info--mileage .list-info__tit,
.list-info--mileage .list-info__desc,
.benefit-membership .list-info__tit,
.benefit-membership .list-info__desc,
.list-info--mileage-sub .list-info__tit,
.list-info--mileage-sub .list-info__desc,
.card-benefit-list .tit-dep3,
.card-benefit-list__desc p,
.card-benefit-list__desc span,
.card-benefit-list__more,
.btn-coupangcash,
.card-benefit-list__cont li,
.card-benefit-list__cont span,
.membership-box a,
.main-best-card p,
.main-best-card .btn-more span,
.main-benefits .ico-banner-list p,
.main-box--specialbnr a,
.main-box--specialbnr span,
.crd-last-ban__cnt,
.last-ban-left__cnt,
.list-ico__tit,
.mykb-service__tit,
.list-info--history .list-info__title .list-info__tit,
.list-info--history .list-info__title .list-info__desc,
.steps__count span:first-child,
.chk--btn-blt > .check-box .label__tit {
	color: var(--gray090);
}

.pop-inner h2,
.loading-box__tit,
.no-data--type1 p {
	color: var(--gray090) !important;
}

a,
.depTit4,
.is-bg:before,
.web.allmenu .is-bg:before,
.sticky-area.fixed .tabs,
.list-history__info > p, 
.list-history__info > em,
.access-info__txt,
.slt-box .btn-select,
.box,
.layerWrap.alertWrap .popCont,
.totalmn-list__link,
.accordions--note .accordions__tit,
.card-box__title,
.access-info__txt strong,
.ico-banner__desc,
.setting-pop__btn,
.accordions__tit,
.btn-link__txt,
.tit-form,
.list-blt > li,
.accordions--note .accordions__view .list-blt > li,
.pop-wrap:not(.pop-wrap--full):not(.pop-wrap--bottom-up) .pop-header + .pop-inner .cont-area,
.steps__count,
.listType1,
.listType1 > li
.listType2,
.listType2 > li,
.listType3,
.listType3 > li,
.prd-fnc-list__desc,
.prd-fnc-box__num,
.tooltip-wrap--multi .list-blt li,
.list-link--ss .list-link__item .list-link__txt,
.chk-all__body .check-box label.depTit3,
.pop-inner .depTit3,
.setting-banner__con,
.help li,
.prime-benefit__info > span,
.tooltip__inner,
.sv-use-list__date,
.list-result__txt,
.main-box__price .mask span,
.form-field--flex .form-field__obj .divide,
.cq-question__tit,
.cq-info-wrap .cq-info__txt,
.cq-chat__time span,
.accessibility-mark,
.list-num > li {
	color: var(--gray070);
}

body,
.totalmn-wrap > h3,
.web-foot-wrap,
.web #footer .web-foot-wrap.foot__line,
.pop-container,
.fixed-area,
.pop-wrap--bottom-up .pop-container,
.txt-comment,
footer .fMenu li a,
.web-foot-wrap .help > li,
.web-foot-wrap .help .servicecenter-ico a,
.web-news__date,
.no-data p,
.web-foot-terms__list li > a,
.main-box__sub-tit,
.tit-dep3,
.prd-fnc-box .prd-fnc-box__tit,
.list-link__text,
.sns--black li > a,
.list-info__tit,
.agreeGrade ul li span,
.agr-grade__item.on .agr-grade__txt,
.btn-more--arr > span,
.btn-more--next2 > span,
.detail-info__desc,
.chart-stick__prev,
.list-history__info > span, 
.chart-stick .stick-list__item .unit,
.prd-fnc-list .accordions__right,
.range-slider--type2-wrap .range-slider--type2 .step-list .item:first-child, 
.range-slider--type2-wrap .range-slider--type2 .step-list .item:last-child,
.card-info__number,
.card-info__desc,
.vip-pop-box__desc, 
.cq-form-field input::placeholder,
.cq-list li,
.list-history--column > li .list-history__sum .list-history__title,
.list-info--history .list-info__tit,
.list-info--history .list-info__desc,
.chk--btn-blt > .check-box .label__txt {
	color: var(--gray060);
}

.allmenu .tit-dep3,
[class^=totalsch] > .tit-dep3,
.prime-benefit__tit,
.loading-box__word p + p,
.db-area * {
	color: var(--gray070) !important;
}

.txt-line {
	border-color: var(--gray060) !important;
}

.txt-line-through,
.txtInfo,
.list-history--ss .list-history__desc > p,
.chk--btn-blt > .check-box a.btn-txt {
	color: var(--gray060) !important;
}

.txtInfo.gray:before {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}

.totalsch .box .text-point,
.totalsch .box.box--shadow2 p,
.cq-chat--customer .cq-chat__txt p {
	color: var(--gray010);
}

.totalsch .box .tit-dep3 {
	color: var(--gray005);
}

.color-red {
	color: var(--red050) !important;
}

.color-purple {
	color: var(--color-purple) !important;
}

.color-black {
	color: var(--gray070) !important;
}

.prd-popular-swiper .swiper-slide > a,
.tit-wrap .btn-right,
.pgr-goal .pgrbar__label,
.bottom-ev-swiper__cnt,
.sl-alphaone__text,
.digitalcard-box,
.event-top a,
.chart-stick.move .stick-list__item.on .unit:not(.zero) {
	color: var(--gray000);
}

.main-box--slide .prd-recomm-swiper .swiper-slide > a {
	color: var(--gray000) !important;
}

.feedback .txt-error,
.form-field__error,
.list-info__item .list-info__tit,
.list-info__item .list-info__desc {
	color: var(--red050);
}

.color-gray {
	color: var(--gray070) !important;
}
.color-orange,
.chart-graph__prevnote {
	color: var(--yellow020) !important;
}

.color-orange3 {
	color: var(--yellow020) !important;
}

.tit-wrap .d-day,
.typing-list li font > font,
.color-blue,
.color-blue1 {
	color: var(--blue060) !important;
}

/*아이콘리스트*/
.txt-info{color: var(--gray060);}	
.txt-info--gray:before {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}
.txt-refer {color: var(--gray070);}

/* line */
.js-fix-chck-box + .agr-grade:before {
	border-color: var(--gray000);
}

.web-foot-terms,
.card-cmn-list > li,
.slt-box .btn-select,
.accordions__tit,
.chk__body,
.divider,
.chk-block--line .radio-box label, 
.chk-block--line .check-box label,
.prd-alarm-ban + .prd-alarm-ban,
.list-info--line > li,
.list-info + .list-info,
.receipt-body .accordions,
.box__article,
.sv-use-list > li,
.family-card,
.list-result > li,
.list-info--mm:last-child,
.list-info--history > li,
.list-link--img-m li {
	border-color: var(--gray020);
}

.chk-all,
.chk-all.on,
.chk-all__body,
.list-link--ss .list-link__item,
footer,
.receipt-head,
.web-foot-wrap .help .servicecenter-ico a,
.ico-banner > li + li,
.prd-fnc-list > li,
.agreeGrade:after,
.card-cmn-list--slide,
.card-box-group,
.card-box--line,
.txt-comment--topline,
.prd-fnc-list .accordions__view,
.list-history > li,
.prime-benefit > li,
.cp-list__condition,
.coupon-place > li,
.coupon-place > li:before, 
.coupon-place > li:after,
.help li.servicecenter-ico a,
.web-news,
.menu-edit__item--disable .menu-edit__inner,
.card-cmn-list--line > a{
    border-color: var(--gray030);
}

.cq-chat__time span {
	border-color: var(--gray040);
}

.form-field__obj--error input {
	border-color: var(--red050);
}

.chart-stick__prev:before,
.accordions--title .accordions__item > .accordions__tit::before {
	border-color: var(--gray060) transparent transparent;
}

/* tab */
.tabs__menu > li a {
    color: var(--gray050);
}

.tabs__menu > li.on a,
.tabs__menu--img > li a, 
.tabs__menu--img > li.on a {
    color: var(--gray090);
}

.tabs__menu > li.on a:after,
.cq-loading__dot,
.cq-btn .btn:after {
    background-color: var(--gray090);
}

.tabs__menu--full,
.js-fixed-top.tabs__menu--full {
    border-color: var(--gray030);
	background:  var(--gray005) !important;
}

.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(--gray000);
}

.sticky-menu .tabs::after {
    background-image: linear-gradient(to right, rgba(51, 51, 51, 0), var(--gray005) 39%, var(--gray000)) !important;
}

.sticky-area .tabs::after{
  background-image: linear-gradient(to right, rgba(28,29,33,0), rgba(28,29,33,.9) 80%, #1c1d21);
}

.scheduler-wrap .btn-tog-area .btn:before,
.agr-grade + .js-fix-chck-box {
	background-color: var(--gray010);
}

.scroll-wrap:after {
    border-color: var(--gray040); 
}

/* box */
.box {
	background: var(--gray010);
}

.box.box--gray, 
.box--gray {
	background-color: var(--gray010);
	border: 0;
}

.amount-box {
	box-shadow: none;
	background-color: var(--gray020);
}

/* toggle */
.accordions__tit {
	background: none;
}

.accordions__view, .use-list .accordions__view {
	background-color: var(--gray010);
}

.accordions--multi .accordions__item.on {
	border-bottom: 1px solid var(--gray020);
}

.accordions--multi .accordions__item.on .accordions__tit {
	border: 0;
}

.accordions--note .accordions__view {
	background-color: transparent;
	color: var(--gray070);
}

#pageAddrSerch .cardBox .cardToggle {
    background-color: var(--gray005) !important;
    border-color: var(--gray030)!important;
}

#pageAddrSerch .cardBox .cardToggle .toggleView {
    background-color: var(--gray010)!important;
}
.accordions--full2:before, .accordions--full2 > .accordions__item:after {background:var(--gray000);}
/* 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 {
	background-color: transparent;
    color: var(--gray090);
    border-bottom: 2px solid var(--gray020);
}

.slt-box .btn-select.placeholder, 
input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="time"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder, 	
input[type="search"]::placeholder, 
input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder, 
input[type="search"]::-webkit-input-placeholder, 
.form-field--textarea textarea::placeholder {
   color: var(--gray050);
}

input:focus {
	background-color: transparent;
    color: var(--gray090);
    border-color: var(--gray090) !important;
}

input:disabled {
	background-color: transparent;
    color: var(--gray090);
    border-color: var(--gray020) !important;
}

input:read-only  {
	background-color: transparent !important;
	color: var(--gray090);
	border-color: var(--gray020);
}

input:-webkit-autofill { 
	-webkit-box-shadow: 0 0 0 1000px var(--gray005) inset; 
	-webkit-text-fill-color: var(--gray090); 
}
	
input:-webkit-autofill, 
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { 
	transition: background-color 5000s ease-in-out 0s; 
	-webkit-box-shadow: 0 0 0 1000px var(--gray005) inset; 
}

.chk--btn-blt > .radio-box input:checked + label, 
.chk--btn-blt > .check-box input:checked + label,
.chk--btn-blt > .radio-box label, 
.chk--btn-blt > .check-box label,
.chk--multi-link,
.form-field--driver .form-field__obj,
.chk-block .radio-box label, 
.chk-block .check-box label,
.btn-download,
.accordions__head,
.box--white {
	background : none;
	border-color: var(--gray020);
	color: var(--gray090);
}

.chk-block .radio-box input:checked + label, 
.chk-block .check-box input:checked + label {
	border-color: var(--yellow050);
}

.chk--btn-blt > .radio-box input:checked + label, .chk--btn-blt > .check-box input:checked + label {border-color: var(--gray080);}

.check-box.btn--yellow {
	border-radius: .8rem;
}

.check-box.btn--yellow input:checked + label {
	color: var(--gray000);
}

.chk--btn label,
.slt-box--chip .btn-select {
	background-color: var(--gray020);
    color: var(--gray090);
    border: 0;
}

.chk--btn input:checked + label,
.slt-box--chip .btn-select.active {
	background: var(--gray040);
    color: var(--gray090);
    border: 0;
}

.form-field--textarea textarea {
    background-color: transparent;
    color: var(--gray090);
}
.form-field--textarea .form-field__obj {
	border-color: var(--gray030);
	background: var(--gray010);
}
.form-field--textarea .form-field__count,
.form-field--textarea .form-field__chk-num,
.cq-chat--customer .cq-chat__time span {
	color: var(--gray040);
}
.form-field--date .form-field__obj input {background: url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-1-calendar.svg) no-repeat 100% 50%;}

/* 주소검색 */
.infoBox {border: 1px solid var(--gray060); background:none;}
.aptAddress .streetAddress {color: var(--gray060);}
.aptAddress .numberAddress {color: var(--gray060);}
.aptAddress .moreBtn a {color: var(--gray010);}
.searchBox {border-color: var(--gray050);}
.searchBox input[type='button'] {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(100%) contrast(100%);}
.addBox .addTxt {color: var(--gray060); border-color: var(--gray060);}

/* 본인인증 */
.pageCert.infoBox{border:0}

/* brand logo */
.card-brand.chk--btn input + label {
	background: var(--gray020);
	color: var(--gray050);
}

.card-box__desc {
	padding-left: 3.8rem;
}

.mykb-card-swiper .card-box--img .card-box__desc {
	padding-left: 3.4rem;
}

.mykb-card-swiper .card-box--img .card-box__desc span + span {
	color: var(--gray060);
}

/* .card-box__desc::before, */
.card-brand.chk--btn input:checked + label {
	background-color: var(--gray040);
	color: var(--gray090);
}

.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: var(--gray110);
	border-radius: 2px;
	height: 2.2rem;
}

.card-box__desc.card-box--local:before, 
.card-box__desc.card-box--local:after {
	background-color: transparent;
}

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

.check-box input[type="checkbox"]:checked + label:before {
	background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-checkround-on.svg) !important;
}

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

.cards-select li.on,
.cards-select li.sub-object.on {
	background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-2-check.svg) !important;
	background-color: var(--gray010);
}

.check-box input[type="checkbox"]:disabled + label:before {
	background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-checkbox-disable.svg);
}

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

.form-field--flex input[type=date] {
	background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-1-calendar.svg) !important;
}

.certificate label:before {
	background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/48/ico-certificate.svg) !important;
}

.check-box > input:disabled + label,
.chk-all__body .check-box input + label:before {
	opacity: 1;
}

/* search */
.allmenu .form-field.form-field--line input,
.form-field--search .form-field__obj input,
.totalsch-fixed .form-field--line .form-field__obj input {
	background: var(--gray005);
    color: var(--gray090);
	border-color: var(--gray070);
}

#pageAddrSerch .searchBox input[type='search'] {
	background-color: var(--gray005)!important;
}

.allmenu .form-field.form-field--line input:focus,
.form-field--search.form-field--line .form-field__obj input:focus {
	background: var(--gray005);
	color: var(--gray090);
	border: 1px solid var(--gray090);
}

.allmenu .recent-sch .btn, .allmenu .totalsch-hash .btn {
	border-color: var(--gray060);
	color: var(--gray060);
}

.form-field--search .form-field__obj input:focus {
	border-width: 0 0 2px 0;  
	background-color: var(--gray005);
}

.totalsch-fixed {
	background-color: var(--gray005);
}

.totalsch-recent .tit-dep3 {
	margin-bottom: .8rem;
}

.totalsch-fixed .btn--mart, .totalsch-fixed .btn--air {border-color:#3d4046; background-color:#3d4046;}
.btn--mart span:before,
.btn--air span:before {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}

/* img hidden */
.img-light {
	display: none !important;
}

.img-dark {
	display: inherit !important;
	margin-left: auto;
    margin-right: auto;
}

/* icon */
#header .header__logo {
    background-image: url(https://img1.kbcard.com/home_re/mo/dark/logo/24/logo-kbcard-color.svg);
}

.totalmn-list__link,
.main-tit > a:after,
.list-link__item > a,
.check-box__detail,
.btn--arr:after,
.btn--arr-b:after,
.btn--arr-t:after, 
.btn--arr-span:after, 
.btn--arr.btn--s:after,
.chk__link,
.box__arr:after,
.btn-box:after,
.btn-link:after,
.box--vip .box__arr:after,
.coupon-place__info > .tit-dep2:after,
.btn-more--next2 > span,
.mykb-top-ban > a,
.mykb-arr-ban > a,
.tip-list li a {
	background-image: url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg);
}

.btn--arr.txt-s:after,
.btn--arr-b.txt-s:after,
.btn--arr-t.txt-s:after,
.prd-fnc-list__tit .btn-txt:after,
.mykb-service__link:after,
.list-link--img-m li > a:after {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(250%) contrast(100%);
}

.chk--btn-blt > .check-box .btn--arr:after {
	filter: invert(74%) sepia(15%) saturate(138%) hue-rotate(175deg) brightness(92%) contrast(92%);
}

.swiper-button-next, 
.swiper-button-prev,
.allmenu .access-info .access-info__txt strong {
    background-image: url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg) !important;
}

.accordions__tit::before,
.accordions--note .accordions__tit::before,
.btn-more--arr > span {
	background-image: url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-down.svg);
}

.box__arr:after {
	opacity: 1;
}

#header [class*="header__btn--"]:not(.header__btn--cancel),
.help li.time-ico::before,
.help li.servicecenter-ico:before,
.help li.braillecard-ico:before,
.swiper-button-control,
.main-box .mykb-report-swiper .swiper-button-control,
.form-field--search .form-field__btn--search,
.pop-wrap--bottom-up .pop-container > .pop-close .pop-close__btn,
.bs-slt__item.on .bs-slt__link:after,
.pop-wrap--full .pop-container > .pop-close .pop-close__btn,
.pop-wrap--full .pop-container > .pop-download .pop-download__btn,
.slt-box__link::before,
.slt-box .btn-select:before,
.tooltip,
.no-data:before,
.totalsch-qd__link > span:after,
.benefit-sort__btn,
.benefit-sort__btn.on,
.card-manage__item--drag .js-sortable__btn:before,
.accordions--multi .accordions__tit::before,
.accordions__item.on > .accordions__tit::before,
.sort__btn,
.sel-date .btn-date--prev, 
.sel-date .btn-date--next,
.img-filter,
.sorting-area .tabs__menu--radius > li a:after,
.btn-download:after,
.cq-btn-find i,
.cq-btn .btn:before {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(250%) contrast(100%);
}

.list-ico__price:before, .list-ico__cleanliness:before, .list-ico__publicness:before{ 
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);
}

.main-link__btn--loan:before, .main-link__btn--card2:before {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(140%) contrast(100%);
}

.badge--ico .btn-del,
.btn-link:before,
.tooltip-wrap--multi .tooltip-close,
.form-field__btn--reset,
#pageAddrSerch .cardBox .cardToggle .cardTxt:after,
.digitalcard-use > li:before,
.topHead .headerMenu .hmBtn,
.topHead .btnClose a,
.topHead .snsBtn a,
.topHead .backBtn button,
.card-box--local:before, 
.card-box--local:after,
.main-box__price > a:after,
.mykb-edit-home__btn-txt:before,
.menu-edit__btn-del,
.menu-edit__btn-sortable:before,
.prd-fnc-list__call:before,
.bs-slt--card::before,
.bs-slt--cert::before,
.bs-slt--app-card::before,
.bs-slt--mobile::before,
.bs-slt--faceid::before,
.bs-slt--fgprint::before,
.bs-slt--lock-num::before,
.btn-more--next, .bs-slt--mobile-auth::before{
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(100%) contrast(100%);
}

.radio-box input[type="radio"]:checked + label:before,
.chk-card .radio-box input:checked + label span:before,
.setting-banner .swiper-button-control,
.main-box .swiper-button-control,
.tooltip-starshop,
.sorting-area .tabs__menu--radius > li.on a:after {
	filter: none;
}

/* btn */
#header .header__btn--cancel {
	background: none;
	border-color: var(--gray090);
    color: var(--gray090);
} 

.btn,
.btnS,
.agreeGrade .desc .btnArea a,
.newView .file > ul li a,
.btn--arr.btn--s,
.btn.btn--nobg {
	background: none;
    border-color: var(--gray060);
    color: var(--gray060);
}

.btn-box {
	border-color: var(--gray020);
    color: var(--gray090);
}

.btn.btn--full {
	border-color: var(--gray090);
    color: var(--gray090);
}
.btn.btn--light--gray {border-color: var(--gray090); background: none;}
.pop-wrap:not(.pop-wrap--full):not(.pop-wrap--bottom-up) .btn-wrap .btn,
.layerWrap.alertWrap .btn,
.fixed-area .btn {
	background: var(--gray030);
    border-color: var(--gray030);
    color: var(--gray090);
}

.list-info__desc .btn,
.totalsch-recent .recent-sch .btn,
.form-field--txt-btn .form-field__btn {
	background: var(--gray040);
    border-color: var(--gray040);
    color: var(--gray090);
}

.kbBtn,
.btn--yellow,
.tit-wrap .btn-right {
    background: var(--yellow050) !important;
    color: var(--gray000) !important;
    border-color: var(--yellow050) !important;
}

.btn.btn--gold {
	border: 0;
}

.btn.btn--light2,
.btn.btn--full.btn--light2 {
	border-color: var(--gray030);
	background-color: var(--gray030);
	color: var(--gray090);
}

.btn:disabled, .btn.disabled {
  border-color: var(--gray020) !important;
  background: var(--gray020) !important;
  color:var(--gray040) !important;
}

.btnL {
    background: var(--yellow050);
    color: var(--gray000);
    border-color: var(--yellow050);
}

button.btn.btn--signinout,
.btn--black,
.range-slider--type2-wrap .range-slider--type2 .ui-slider-handle {
	background: var(--gray040);
	color: var(--gray090);
	border: 0;
}

.btn-link  {
	border-color: var(--gray030);
	color: var(--gray090);
}

.btn-txt--line,
.totalsch-recent .btn-all,
.fixed-area .pop-personal__btn {
	border-color: var(--gray060);
	color: var(--gray060);
}

.btn-link--card-bill:before {/* 신용판매내역서(세무신고용) */ 
    background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/32/ico-2-card-bill.png); 
    filter: none; 
} 
.btn-link--email:before {/* 이메일 신용판매내역서 신청 */ 
    background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/32/ico-2-email.png); 
    filter: none; 
}

.btn-clip {
    border-color: var(--gray030);
    color: var(--gray000);
    background-color: transparent;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(100%) contrast(100%);
}

.btn--shadow,
.btn--main {background-color: var(--gray010);}

.fixed-area {
	background: var(--gray005);
	box-shadow: 0 -1.6rem 1.6rem 0 var(--gray005);
}

.main-link__btn--loan, .main-link__btn--card2 {
	background-color: var(--gray020);
	border: var(--gray020);
}

.main-link__btn--loan .main-link__tit, .main-link__btn--card2 .main-link__tit {
	color: var(--gray090) !important;
}

.badge {
	background-color: var(--gray040);
    color: var(--gray090);
    border: 0;
}

.badge--orange {
	background-color: var(--yellow020);
	border-color: var(--yellow020);
	color: var(--gray090);
}

.badge--orange-bg {
	background-color: var(--yellow010);
	border-color: var(--yellow010);
	color: var(--gray110);
}
  
.badge--orange-line {
	border-color: var(--yellow020);
	color: var(--yellow020);
}

.badge--blue {
	background: var(--blue060);
	border-color: var(--blue060);
	color: var(--gray090);
}

.badge--blue-line {
	border-color: var(--blue060);
	color: var(--blue060);
}

.badge--red {
	background-color: var(--red050);
	border-color: var(--red050);
	color: var(--gray090);
}

.badge--red-line {
	border-color: var(--red050);
	color: var(--red050);
}

.badge--green {
	background-color: #32977d;
	border-color: #32977d;
	color: var(--gray090);
}

.badge--purple {
	background-color: var(--color-purple);
	border-color: var(--color-purple);
	color: var(--gray090);
}

.badge--purple-line {
	border-color: var(--color-purple);
	color: var(--color-purple);
}

.badge--brown {
	background-color: var(--yellow050);
	border-color: var(--yellow050);
	color: var(--grey000);
}

.badge--brown-line {
	border-color: var(--yellow050);
	color: var(--yellow050);
}

.badge--orange-line,
.badge--blue-line,
.badge--red-line,
.badge--purple-line,
.badge--brown-line {
	background: none;
	border-width: 1px;
    border-style: solid;
}
.btn--sort {border-color: var(--gray060);}

.btn--sort:after,
.fixed-area .pop-personal__btn--close:after {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}

/* table */
.tbsType1 th,
.tbsType1 thead th,
.tbsType1 tbody th, 
.tbsType2 th,
.tbl-view table th,
.viewCont .colType table th {
	background-color: var(--gray010);
    border-color: var(--gray020);
    color: var(--gray070);
}

.tbsType1,
.tbsType1 tbody td,
.tbsType1 td, 
.tbsType2 td,
.tbl-view table td,
.viewCont .colType table td {
	background: none;
    border-color: var(--gray020);
    color: var(--gray060);
}

.bs-slt--tb .option {
	background: none;
}

.bs-slt--tb .bs-slt__item.on .option {
	background: none !important;
	border: 1px solid var(--yellow050);
	color:var(--gray000);
}

.bs-slt--tb,
.bs-slt--tb .bs-slt__item,
.viewCont .colType table,
.slt-box--account {
	border-color: var(--gray040);
}

/* banner */
.card-main-banner {
	background-color: var(--gray090);
    color: var(--gray000);
    margin-top: 3.2rem;
}

/* tooltip */
.tooltip-wrap,
.mykb-edit-home__desc {
	background: var(--gray020);
	color: var(--gray070);
}

.tooltip-wrap:before {
	border-bottom-color: var(--gray020);
}

.mykb-edit-home__desc:before {
	border-top-color: var(--gray020);
}

.tooltip-wrap--multi,
.tooltip__arr {
	background: var(--gray020);
	border:0;
	color: var(--gray000);
}

.pop-wrap {
	background-color: rgba(0, 0, 0, .6);
}

/* card */
.card-apply--flap.on .steps__count {
	background-color: var(--gray030);
    color: var(--gray090);
}

.card-apply--flap {
	background-color: var(--gray005);
	box-shadow: inset 0 5px 15px -5px var(--gray020);
}


.detail-info__step {
	background: none;
	border-color: var(--gray030);
	color: var(--gray070);
}

.detail-info__step em {
	color: var(--gray090);
}

.slt-box--card {
	background-color: var(--gray020);
    border-color: var(--gray020);
}

.card-apply__visual .img-card img {
	box-shadow: 0 0 15px var(--gray020);
}

.premium-card {
	background-color: var(--gray010);
}

/* my kb */
.mykb-psn-ban {
	background-color: var(--gray010) !important;
}

.mykb-psn-ban > a {
	color: var(--gray000);
}

#div_personalizationBanner> a,
.mykb-psn-ban .mykb-psn-ban__cnt,
.mykb-top-ban a,
.mykb-arr-ban a {
 color: var(--gray090);
}

.mykb-psn-ban .mykb-psn-ban__cnt span > img {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(100%) contrast(100%);
}

.prd-loan-list .box,
.mykb-service a {
	background: var(--gray020);
}

/* paging */
.perf-benefit-slide .swiper-pagination-fraction {
    background: rgba(255, 255, 255, .2) !important;
    border: 0;
    color: var(--gray110);
}

.setting-pop__dim {
	background-color: rgba(0, 0, 0, .6);
}

.vip-ban-slide .swiper-pagination > span {
	background-color: var(--gray040);
}

.swiper-pagination-bullet-active {
    background-color: var(--gray070) !important;
}

/* calendar */
.js-fixed-top,
.calendar-fixed {
	background: var(--gray020) !important;
}

.sort:after,
.scheduler-wrap .calendar_info,
.scheduler-wrap .month-top,
.scheduler-wrap .calendar-area .calendar {
	background: var(--gray020);
}

.sort {
	background: var(--gray010);
}

.scheduler-wrap .calendar_info .sel-area:before {
	border-color: var(--gray090);
}

.scheduler-wrap .schedule-area .list-history__inner {
	border-color: var(--gray020);
}

.scheduler-wrap .schedule-area .list-history__info .time {
	color: var(--gray060);
}

.scheduler-wrap .month-top .month,
.scheduler-wrap .calendar-price-top .date-turm,
.scheduler-wrap .schedule-area .list-history__date,
.scheduler-wrap .schedule-area .sorting-area .len {
	color: var(--gray070);
}

.scheduler-wrap .calendar-area .calendar .date-item .price,
.scheduler-wrap .calendar-area .calendar .date-item .btn-date .text,
.scheduler-wrap .calendar_info .sel-area .js-select .btn-select,
.scheduler-wrap .calendar-price-top .price-area--won {
	color: var(--gray090);
}

.scheduler-wrap .calendar-price-top {
	box-shadow: 0 6px 8px var(--gray020);
}

/* point */
.benefitSearch .filter.type2 .btnFilter {
    background: none;
    border-color: var(--gray060);
    color: var(--gray090);
}

.vip-favorite > li {
    background: var(--gray020);
    box-shadow: none;
    color: var(--gray090);
}

/* 새소식 */
.viewCont,
.newView .file {
	background-color: var(--gray010);
}

.newView .top > h2 {
	color: var(--gray090);
}
.newView .top .date,
.viewCont .notice ul li,
.viewCont .notice {
	color: var(--gray070);
}

/* finance.css */
.summary-box__item--individual::before {
    background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/32/ico-individual.png);
}

.summary-box__item--paper::before {
    background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/32/ico-paper.png);
}

.summary-box__item--fee::before {
    background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/32/ico-fee.png);
}
.summary-box__item--car-easy::before,  .summary-box__item--loan-direct::before, .summary-box__item--loan-easy::before, 
.summary-box__item--individual-new::before, .summary-box__item--no-document::before, .summary-box__item--loan-easy-new::before{
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);
}



/* main.css */
@keyframes skeleton {
  0% {
    background-color: #121315;
  }
  50% {
    background-color: #1c1d21;
  }
  100% {
    background-color: #121315;
  }
}

@keyframes skeleton2 {
  0% {
    background-color: #121315;
  }
  50% {
    background-color: #1c1d21;
  }
  100% {
    background-color: #121315;
  }
}

@keyframes skeleton3 {
  0% {
    background-color: #121315;
  }
  50% {
    background-color: #1c1d21;
  }
  100% {
    background-color: #121315;
  }
}

/* banner.css */
.setting-banner.mo-main {
	background: rgba(255, 255, 255, .5);
}
.setting-banner.mo-main .setting-banner__item {
	background-color: var(--gray005);
}

.stepList .stepTit {background-color: var(--gray030); color: var(--gray080);}
.stepList .stepTit em {background: none; border-color: var(--gray050); color: var(--gray090);}
.stepList .on .stepTit,
.stepList .active .stepTit{color: var(--gray000);}
.stepList .stepView {color: var(--gray060) !important;}
.stepList .carImg {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}
.stepList .on .carImg {filter:none;}
.stepItem.active .carImg {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(100%) contrast(100%);
} 


/* basic.css */
.steps::before {background-color: var(--gray020);}

/*wesh카드 수정*/
.weshcard_swiper .swiper-button-prev {transform: rotate(-180deg);}
.bot_cont .be_tit {color: var(--gray010);}
.wesh_guide .listType1 > li::before {filter: none;}
.wesh_benfit_icon {background:#fff;}

/*230404 : [금융] 대환대출 신상품 신규 개발 */
.loan-won-cont:before {background:var(--gray060);}
.loan-won-cont .loan-won-cont__in_info .loan-won-cont__in_info__txt:before {background:var(--gray060);}
/*.loan-rate-cont:before {border-left: 2.2rem solid var(--gray040);}
.loan-rate-cont:after {background:var(--gray040);}*/
.loan-dicount-tit {color: var(--yellow020);}
.compare-rate-cont .rate-cont:first-child {background: var(--gray020); color:var(--gray050); border-color: var(--gray030);}
.compare-rate-cont .rate-cont .rate-con__item:first-of-type {color:var(--gray070);}
.compare-rate-cont .rate-cont:first-child .rate-con__item:first-of-type dt {color:var(--gray070);}
.compare-rate-cont .rate-cont {color: var(--gray090); background: var(--gray040);}
.compare-rate-cont .rate-cont .rate-con__item:first-of-type dt {color: var(--blue060);}
.compare-loan-txt .blue {color: var(--blue060);}
.img-box.repay-img--bg1 {background-image:url(https://img1.kbcard.com/home_re/mo/dark/img/finance/img-chart-repay1.png);}
.img-box.repay-img--bg2 {background-image:url(https://img1.kbcard.com/home_re/mo/dark/img/finance/img-chart-repay2.png);}

/*230509 : [자동차금융] AP전용 이지오토할부 및 홈페이지(PC,MO) 이지오토할부 페이지 개선*/
.pointGuide-wrap .swiper-pagination-progressbar {background-color: var(--gray030);}
.pointGuide-wrap .swiper-pagination.pagination_count {background-color: var(--gray030); color: var(--gray090);}
.listType1.termsPdf li {border-color: var(--gray030);}
.listType1.termsPdf li .btnS {background: none; border-color: var(--gray060);  color: var(--gray090);}
.listType1.termsPdf li .btnS:before {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(100%) contrast(100%);}
.listType1.termsPdf li .btnYellow {background:#fc0 !important; border:1px solid #fc0 !important; color: !important;}
.listType1.termsPdf li .btnYellow:before {filter:none !important;}
.car_step:before {background-color: var(--gray010);}
.car_step ol li:first-child:before, .car_step ol li.on:first-child:before, .car_step ol li.on:before {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}

/*230516 : [카드] 맞춤카드 페이지 range slide 추가*/ 
.annualFee_wrap .ui-slider-pips .ui-slider-line, .annualFee_wrap .ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line, .annualFee_wrap .ui-slider-pips .ui-slider-pip-inrange .ui-slider-line {background: #1c1d21;}
.annualFee_wrap .ui-widget-content, .annualFee_wrap .ui-slider-pip-first .ui-slider-line, .annualFee_wrap .ui-slider-pip-last .ui-slider-line, .annualFee_wrap .ui-slider-pip-first .ui-slider-line:before, .annualFee_wrap .ui-slider-pip-last .ui-slider-line:before {background: #3d4046;}
.annualFee_wrap .ui-slider-pips .ui-slider-label {color: #aab0b8;}
.annualFee_wrap .ui-slider .ui-slider-pip-selected-1 .ui-slider-label, .annualFee_wrap .ui-slider .ui-slider-pip-selected-2 .ui-slider-label {color: #eff2f7;}
.annualFee_wrap .ui-slider .ui-slider-handle.slider__lower-handle .handle__obj:after, .annualFee_wrap .ui-slider .ui-slider-handle.slider__highest-handle .handle__obj:after {border-top: 8px solid #aab0b8;}
.annualFee_wrap .ui-slider .ui-slider-handle span.handle__obj {color: #aab0b8;}

/*230523 : [금융] 대환대출플랫폼 신규 페이지 제작*/
.loan-compare-top-tit {color:var(--gray100);}
.loan-compare-top-tit span:before {background:#f76900;}
.loan-compare-cont-txt {color:#eff2f7;}
/*[금융] 이지대환대출 아이콘 추가*/
.icon-box--loan:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/64/ico-changeloan-dark.svg)}

/* 토스트 팝업 */
.toast{background:var(--gray100);color:var(--gray010);}

.btn--blue {background: var(--blue060); color: var(--gray110);}
.cq-question__list .btn {color: var(--gray090); border: .1rem solid var(--gray020);}
.cq-border {background: var(--gray000); border-top: .1rem solid var(--grey000);}
.cq-form-field input {background: var(--gray010); border-bottom: none;}
.cq-btn-find button {background: var(--gray080); color: var(--gray010);}
#header .header__btn--info {border-color: var(--gray010);}
.cq-chat__img {background: url("https://img1.kbcard.com/home_re/mo/dark/ico/32/ico-kbpay-logo-round.png"); background-size: 100%;}
.cq-form-field__search {background: url("https://img1.kbcard.com/home_re/mo/dark/ico/32/ico-chat-input.png") no-repeat; background-size: 100%;}

/* 소비리포트 영역 개선 */
.mykb-report-swiper {color: var(--gray090);}
.apexcharts-datalabel {fill:#eff2f7 !important;}
.apexcharts-text {fill:#eff2f7 !important;}
.apexcharts-legend-text {color:#eff2f7 !important;}
.apexcharts-tooltip {color: var(--gray010);}

/* 디지털ARS 서비스 예약 화면 신설 */
.big-underline {z-index:0}
.big-underline:after {background:#f76900;}
.box-ars--reservation .txt-ss {color: var(--gray040)}
.box-ars--reservation .txt-xl {color: var(--gray010)}
.box-ars--reservation .txt-s {color: var(--gray030)}

/* 스타클럽 */
.banner-starclub {background-color:transparent;}
.benefit-starclub .list-blt--ico li {color:var(--gray090);}
.usrgrade {background: var(--gray010);}
.usrgrade__cont {color: var(--gray090);}

/* 스타클럽 등급 및 포인트리 표기 */
.mykb-info__username .txt,
.mykb-info__point .btn-txt .txt-s,
.mykb-info__grade .btn-txt .txt-s {color:rgba(239, 242, 247, 1);}
[class^="mykb-info__"]:before {background:rgba(61, 64, 70, 1);}
.mykb-info__exchange .btn-txt {color:rgba(239, 242, 247, 1);}

/*챗GPT 다크모드 수정*/
.cq-form-field input:read-only, .cq-form-field input:disabled {background: var(--gray010) !important;}
.cq-btn .btn:disabled {color: var(--gray050) !important; background: none !important;}
.cq-btn .btn:disabled:after {background-color: var(--gray050) !important;}
.cq-btn .btn:disabled:before {filter: invert(70%) !important;}
.cq-question__list .btn:disabled {border-color:var(--gray080) !important; background: var(--gray080) !important; color: var(--gray040) !important;} 

/* 업데이트앤팁 버튼 */
.up-tip-more a {border-color: var(--gray070);}

/* 통합검색 UI개선 */
.totalsch-switch__tit {color:var(--gray090);}
.totalsch-switch .switch label:before {background:var(--gray040);}
.totalsch-switch .switch input:checked + label:before {background: #fc0;}
.totalsch-suggest__desc {background:var(--gray010); color:var(--gray090);}
.totalsch-suggest__desc span:after {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(250%) contrast(100%);}
.totalsch-result.on:before {background-color: var(--gray000);}

/*23.12.22:[카드] 점자카드 발급 안내 문안 추가*/
.braille-card {background: #3d4046;}
.braille-card__tit {color:#fff;}

/* 상권 분석 서비스 */
.business-district .map-legend [class*="map-legend__"]{color:var(--gray090);}
.business-district .box.box--gray {background:var(--gray060); color:var(--gray000);}
.business-district .tit-dep1.border-t {border-top:.1rem solid var(--gray020);}
.business-district .tit-form {color:var(--gray090);}
.business-district .tit {color:var(--gray090);}
.business-district .txt-s {color:var(--gray090);}
.business-district .txt-dep {border-bottom:.2rem solid var(--gray020);}
.business-district .txt-dep.fw-bold {color:var(--gray090);}
.business-district .txt-important {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(250%) contrast(100%);}
.business-district .slt-box .btn-select.placeholder {color:var(--gray090);}
.business-district .btn--arr.btn--s {color:var(--gray090);}
.business-district .key-items li span {background:var(--gray020);}
.business-district .key-items li a {color:var(--gray090);}
.business-district .key-items li .btn--arr.txt-s:after {background-size:18px;}
.business-district .grade-area .graph-svg__bg {fill:var(--gray005);}
.business-district .tbl-list table td {border:.1rem solid var(--gray020);}
.business-district .tbl-list table tbody td {color:var(--gray090);}
.business-district .tbl-list table tfoot td {color:var(--gray005);}
.business-district .tbl-list table tbody .t-gray {color:var(--gray060);}
.business-district .tbl-list table tfoot .t-gray {color:var(--gray040);}
.business-district .tbl-view table th, 
.business-district .tbl-view table td {color:var(--gray090);}
.business-district .tbl-view table tbody th {background:none;}
.business-district .tbl-view table .t-gray {color:var(--gray060);}
.business-district .box-store {border:.1rem solid var(--gray020);}
.business-district .box-store span {color:var(--gray060);}
.business-district .box-store span:first-child {color:var(--gray090);}
.business-district .apexcharts-title-text {fill:var(--gray090);}
.business-district .pgrbar--divide .pgrbar__bg > span:before {background:var(--gray005);}
.btn.btn--dark-gray {background:var(--gray030); border:0; color:var(--gray090);}

/* 비대면 신청 화면 내 사전 안내 사항 추가 */
.prepare-banner {background:var(--gray005)}
.prepare-banner > p {color:var(--gray110)}
.is-fixed__false.is-prepare-banner:before{background:var(--gray000)}

/* 금융카드탭 개선 */
.main-crd .main-tit {color: var(--gray090);}
.main-crd .prd-fnc-list .btn-box{background-color:var(--gray020);}
.prd-fnc-list + .prd-fnc-box__comment{border-color:var(--gray030);}
.my-custom-card a, 
.main-crd .prd-cards-swiper__tit{color:var(--gray010);}
.main-crd .main-box--slide .prd-recomm-swiper .swiper-slide > a{background:transparent;}
.main-crd .swiper-pagination > span{background-color:rgb(0, 0, 0, 0.24);}
.main-crd .swiper-pagination-bullet-active{background-color:#26282c !important;}

/* 친환경명세서 추천 hago 포인트리 */
.box--green {background:#f7fbe6;}
.box--green .tit-dep2,
.box--green p,
.box--green .list-blt--star > li,
.box--green .tbl-view table th,
.box--green .tbl-view table td,
.eco-friendly__btn .btn-box {color:var(--gray010);}
.eco-friendly__btn .btn--islamicgreen {border-color:#1b9c02; background-color: #1b9c02;}
.eco-friendly__btn .btn-box:after {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}
.fixed-area .btn.btn--islamicgreen {background:#1b9c02;}

/* 준회원 화면 */
.member-link__tit,
.member-link__txt {color:var(--gray090);}
.member-link__swiper .swiper-pagination-bullet-active,
.member-link__btn {background:var(--gray010) !important;}
.member-link__btn:nth-child(1) {background:var(--gray020) !important;}
.member-link__swiper .main-box--slide .prd-recomm-swiper .swiper-slide > a {background:transparent;}
.member-link__swiper .swiper-pagination > span {background-color: rgba(0, 0, 0, 0.24);}

.step-box__item--memo::before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-1-memo.svg);} 
.step-box__item--documents::before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-1-documents.svg);} 
.step-box__item--sign::before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-1-sign.svg);} 
.step-box__item--coin::before { background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-1-coin.svg);}
.step-box__item::after {filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}
.member-asso .btn-close a {filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(100%) contrast(100%);}

/* 소비자정보포탈 상담창구 */
.list-state__tit {color:var(--gray060);}
.list-state li:not(:last-child)::after {background-color: var(--gray030);}
.list-badge li {border-color:var(--gray020);}
.list-badge__desc {color:var(--gray060);}
.list-info--line-top {border-top:1px solid rgba(0, 0, 0, .08); border-color:var(--gray020);}

/* 제신고 업무별로 연동 페이지 */
[class^='menu-card__link'] {color:var(--gray090);}
[class^='menu-card__link']::before {background-color:var(--gray010);}

/*24.05.31 : [카드] WESH Daily 전월실적 채워드림 서비스 신규 제작*/
.stamp-table thead tr th  {border-color:var(--gray090);}
.stamp-btn {color:var(--gray010);}

/* 금융 자동차영역 */
.carloan-top-banner:before {background-image:url(https://img1.kbcard.com/home_re/mo/dark/img/main/img_carloan_2406.png) !important}

/* KB Pay > 혜택 */
.benefit .is-bg {transition-property: background-color; transition-duration: .5s; transition-timing-function: ease-out;}
.benefit .is-bg.is-bg--membership {background-color: #455878 !important; transition: background-color .5s ease-out;}
.main-benefits .list-info + .list-info,
.card-benefit-list,
.main-best-card ul + .tit-dep2,
.main-best-card .btn-more {border-color: var(--gray030);}
.membership-box__card img {box-shadow: 0 -0.2rem var(--gray010);}
.chart-graph__bar {background-color: var(--gray030);}
.chart-graph__progress {background-image: linear-gradient(to right, var(--yellow060) 0%, var(--yellow020) 100%);}
.main-benefits .my-custom-card .prd-cards-swiper__tit, 
.my-custom-card a {color: var(--gray010);}
.my-custom-card--white a, 
.my-custom-card--white .prd-cards-swiper__tit,
.perf-benefit-slide .swiper-pagination-fraction span {color: var(--gray110) !important;}
.my-custom-card .swiper-pagination-bullet-active {background-color:var(--gray010) !important;}
.my-custom-card--white .swiper-pagination-bullet-active {background-color:#fff !important;}
.perf-benefit-slide .swiper-pagination-fraction .swiper-pagination-current,
.perf-benefit-slide .swiper-pagination-fraction .swiper-pagination-total {opacity: 1;}

/* 모바일 소유카드관리 페이지 */
.card-manage--list .card-info__tit strong {color:var(--gray070);}
.card-info__desc span + span:before {background:var(--gray060);}
.card-manage .swiper-pagination {background-color:var(--gray030); color:var(--gray110);}

/* 카드 브랜드 ios 다크모드 지원 */
.ios .card-brand label span {position:relative}

.ios .card-info__local:before,
.ios .card-info__visa:before,
.ios .card-info__k-jcb:before,
.ios .card-info__k-upi:before,
.ios .card-brand--local span:before,
.ios .card-brand--visa span:before,
.ios .card-brand--k-jcb span:before,
.ios .card-brand--k-upi span:before { filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(0%) hue-rotate(31deg) brightness(118%) contrast(100%); }
.ios .card-info__k-jcb:after, 
.ios .card-info__k-upi:after {content: ''; overflow: hidden; position: absolute; top: 0; left: 0; width: 3.2rem; height: 1.6rem; background-repeat: no-repeat; background-size: 3.2rem 2.4rem; font-size: 1px; line-height: 2.4rem; text-align: center; color: transparent;}
.ios .card-brand--k-jcb span:after, 
.ios .card-brand--k-upi span:after {content: "";display: block;margin: 0 auto 8px;width: 4.8rem;height: 2.5rem;background-repeat: no-repeat;background-size: 100% auto;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
.ios .card-info__k-jcb:after,
.ios .card-brand--k-jcb span:after{background-image: url(https://img1.kbcard.com/home_re/mo/logo/svg/logo-jcb-kworld.svg)}
.ios .card-info__k-upi:after,
.ios .card-brand--k-upi span:after{background-image: url(https://img1.kbcard.com/home_re/mo/logo/svg/logo-unionpay-kworld.svg)}

/* 사장님+ 서비스 */
.card-cmn-list a,
.law_text--gray,
a.btn-txt.txt-s.btn--arr{color: var(--gray090);}

.sticky-area.fixed .mykb-shop-ban{ background-color: var(--gray005);}
.mykb-shop-ban__cnt strong{ color: var(--gray090);}
.main-box .card-cmn-list > li.servBanner { border-top: .1rem solid var(--gray030);}
.main-box.box--yellow{ background-color:#fff4be;}
.main-box.box--yellow .ico-banner__tit{ color: var(--gray010);}
.ico-banner a:after{background:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg);background-size: 16px;}
.ico-banner.box-line{background-color:var(--gray010) !important;border:none;}

/* 소유카드 내 해외 수수료 면제 혜택 조회 */
.sel-date--left .sel-date__title .btn-select,
.list-head__tit,
.list-head__desc,
.list-head__total {color: var(--gray060);}

/*자동차담보대출*/ 
.list-step__item:before {border-left: 1px dotted var(--gray060);} 
.list-step__num {color: var(--gray090);}

/* 할인팩 */
.discount-list li a {background: var(--gray010) !important;}
.discount-list__tit {color:var(--gray090);}
.discount-list__day {color:var(--gray060);}
.discount__menu li:first-child::after {background-color: #3d4046;}
.discount__menu label {color:var(--gray060);}
.discount__menu input:checked + label {color:var(--gray090);}
.discount-pack__tit {color:var(--gray090);}
.discount-pack__date {color:var(--gray060);}
.discount-pack__d-day {background-color:var(--gray030); color:var(--gray090);}
.discount-pack li {border: 0.1rem solid var(--yellow040);} 
.discount-pack__bottom {background-color:var(--yellow040); color:var(--gray010); border-top: 0.1rem dashed var(--gray020);}
.discount-pack li.disabled {border-color:var(--gray020);}
.discount-pack__bottom:disabled {background-color:var(--gray020); color:var(--gray070); border-top: 0.1rem dashed var(--gray005);}
.discount-pack__bottom:disabled::before {filter: brightness(0) invert(1);}
.no-discount__btn .btn {border-color: var(--gray060); color:var(--gray070);}
.article--type .accordions--note .accordions__tit {color:var(--gray060);}
.discount .btn.btn--full {border-color: var(--gray060); color: var(--gray070);}
.box-money + .tabs .tabs__menu--full {border-color: #696e76;}
.no-discount p {color:var(--gray070);}

/* 할인팩 */
.discount-list li a {background: var(--gray010) !important;}
.discount-list__tit,
.discount__menu input:checked + label,
.discount-pack__tit,
.discount-money,
.discount-pack__bottom dt {color:var(--gray090);}
.discount-list__day,
.discount__menu label,
.discount-pack__date {color:var(--gray060);}
.discount__menu li:first-child::after {background-color: #3d4046;}
.discount-pack__d-day {background-color:var(--gray030); color:var(--gray090);}
.discount-pack li {border: 0.1rem solid var(--yellow040);} 
.discount-pack__bottom {background-color:var(--yellow040); color:var(--gray010); border-top: 0.1rem dashed var(--gray020);}
.discount-pack li.disabled {border-color:var(--gray020);}
.discount-pack__bottom:disabled {background-color:var(--gray020); color:var(--gray070); border-top: 0.1rem dashed var(--gray005);}
.discount-pack__bottom:disabled::before {filter: brightness(0) invert(1);}
.no-discount__btn .btn, 
.discount .btn.btn--full {border-color: var(--gray060); color:var(--gray070);}
.no-discount p {color:var(--gray070);}

/* 받은 혜택 */
.discount-pack--my li {border-color:var(--gray020);}
.discount-pack--my .discount-pack__bottom {background-color:var(--gray010);}
.discount-pack__bottom dd {color:var(--yellow080);}

/* 카드금융 영역 알다 배너 */
.alda-banner { color:var(--gray070); background: var(--gray030); }
.alda-banner a:after { background: url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-right.svg) no-repeat center; background-size:cover; }
.alda-banner strong { color:var(--gray070); }

/* 결제예정금액 타카드사 연동 */
.loading-bar__gray span {background-color: #696e76;}
.bk-box--etc:before {background-image: url(https://img1.kbcard.com/home_re/mo/dark/logo/32/logo-card-default.png);}
.openbank-list .accordions__view {border-color:var(--gray020);}
.openbank-list .accordions__view .list-info--ss .list-info__tit {color:var(--gray070);}
.openbank-list .accordions__view .list-info--ss .list-info__desc {color:var(--gray090);}
.account__staus .txt-fail {color:#ff5436;}

/* My KB 메인화면 전체 UI 개선 */
.mykb .mykb-info {background-color: var(--gray010);}
.mykb .btn-more--next2, .main-box--summary .no-data--img {border-color: var(--gray030);}
.mykb .btn-more--next2 > span {color: var(--gray090);}
.mykb .switch label:before {background-color: var(--gray050);}
.mykb .switch input:checked + label:before {background-color: var(--yellow050);}
.mykb .switch label:after {background-color: var(--gray110); border-color: var(--gray040);}
.tabs__panel--payment .badge {background-color: var(--gray020); border-color: var(--gray020); color: var(--gray090);}
.main-box--payment-new .tabs__panel--payment .badge {background: transparent !important; border: 1px solid var(--gray030) !important;}
.main-box--payment-new .tit-wrap .txt-ss {color: var(--gray090);}
.mykb .main-box__price .mask span {color: var(--gray090);}
.mykb .uselimit-tab .main-box__sub-tit {color: var(--gray060);}
.main-box__line-cont {border-color: var(--gray030);}
.list-payinfo__tit span {color: var(--gray090);}
.list-payinfo__cont p {color: var(--gray090);}
.mykb .list-history li {border-bottom: 1px solid var(--gray030);}
.mykb .list-history__info strong {color: var(--gray070);}
.mykb .list-history__info span {color: var(--gray070);}
.mykb .list-history__title.list-history__title--cancle {color: var(--gray070);}
.mykb .mykb-info__point .btn-txt .txt-s,
.mykb .mykb-info__grade .btn-txt .txt-s,
.mykb .mykb-info__exchange .btn-txt {color:var(--gray090);}
.btn-wrap--list [class^="btn"] {color: var(--gray090);}
.btn-wrap--list > span::after {background-color: var(--gray030);}
.tabs__menu--toggle {background-color: var(--gray020);}
.tabs__menu--toggle > li a {color: var(--gray060);}
.tabs__menu--toggle > li.on a {background-color: var(--gray040); color: var(--gray110);}
.mykb .list-basic span {color: var(--gray090);}
.list-basic--limit {border-color: var(--gray030);}
.mykb-btmbnr__btn {background-color: rgba(255, 255, 255, .2) !important;}
.mykb-btmbnr__sub-tit {color: var(--gray070);}
.mykb-btmbnr__main-tit {color: var(--gray090);}
.mykb-btmbnr .swiper-fraction, .mykb-btmbnr .swiper-fraction__active, .mykb-btmbnr .swiper-fraction__total {color: var(--gray110);}
.mykb-btmbnr .swiper-button-control {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(250%) contrast(100%) !important;}
.mykb-notice--type3 .mykb-notice__tit {color: var(--gray090);}
.mykb-notice--type3 > a:after {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(100%) contrast(200%);}

/* 카드 한눈에 보기 */
.form-field + .hash-wrap a {background: none; border: 1px solid var(--gray060); color: var(--gray060);}
.card-renew-list .card-renew-list__big p {color:var(--gray010);}
.card-renew-list .card-renew-list__big span {color:var(--gray030);}
.card-renew-list__tit {color:var(--gray090);}
.card-renew-list__desc span {border-color:var(--gray030); color:var(--gray090);}
.card-new-slide p {color:var(--gray010);}
.card-new-slide .swiper-button-control, .card-new-slide .swiper-button-control.play {filter:inherit;}
.card-new-slide .swiper-pagination-bullet-active {background:var(--gray010) !important;}
.benefit-card-list .tabs__menu::after { background-image: linear-gradient(to right, rgba(28,29,33,0), rgba(28,29,33,1) 80%, #1c1d21)}
.card-benefit-bnr a {background:var(--gray020);}

/* 소비자정보포털 */
.consumer-list li { border-color: var(--gray020); }
.consumer-list li span { color: var(--gray090); }
.box-shadow3 { background: var(--gray010); }
.box-shadow3 .ico-banner a:after { background-image: url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-right.svg); }
.ico-banner__item--notice:before, 
.ico-banner__item--consumer-alert:before, 
.ico-banner__item--found-detail:before, 
.ico-banner__item--handshake:before, 
.ico-banner__item--bar-chart:before, 
.ico-banner__item--finance-info:before, 
.ico-banner__item--security:before { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(100%) contrast(100%); }

.consumer-warning, .consumer-warning .list-cr-num > li { color: var(--gray060); }
.consumer-warning .t_blue { color: var(--blue060); }
.consumer-warning .t_red { color: var(--red050); }
.consumer-warning .t_yellow { color: var(--yellow020:#ff8f00); }
.consumer-warning .stak em:after { background: var(--gray070); }
.consumer-warning .bg-blue, .consumer-warning .stak.t_blue:after { background: var(--blue060); }
.consumer-warning .bg-red, .consumer-warning .stak.t_red em:after { background: var(--red050); }
.consumer-warning .bg-yellow, .consumer-warning .stak.t_yellow:after { background: var(--yellow050); color: var(--gray000); }
.consumer-warning .bg-gray, .consumer-warning .box.bg-gray { background: var(--gray020); border: 0; }
.consumer-warning .bg-white { background: var(--gray005) !important; }
.consumer-warning .bg-point1, .consumer-warning .bg-point1 strong, .consumer-warning .bg-point2, .consumer-warning .bg-point2 strong { color: var(--gray000); }
.consumer-warning .cs_arrow:before { background: var(--blue060); }
.consumer-warning .cs_arrow:after { border-top-color:var(--blue060); }
.consumer-warning .list-cr-num > li .nm { border-color: var(--gray060); }
.consumer-warning .list-cr-num.red > li .nm { border: var(--red050); background: var(--red050); color: var(--gray010); }
.consumer-warning .list-cr-num.blue > li .nm { border: var(--blue060); background: var(--blue060); color: var(--gray005); }
.consumer-warning .list-cr-num.black > li .nm { background: var(--gray080); color: var(--gray000); }
.consumer-warning .list-cr-num.line_red > li .nm { border-color: var(--red050); }
.consumer-warning .list-cr-num.line_blue > li .nm { border-color: var(--blue060); }
.consumer-warning .tbl-type3 th strong { color: var(--gray030); }
.consumer-warning table.brt2 { border-top: 2px solid #dedede; }
.consumer-warning table thead th { color: var(--gray000); }

/* 유료상품 이용현황 */
.list-status__item {border-color:var(--gray030);}
.list-status .btn-wrap .btn {border:0; background-color:var(--gray040); color:var(--gray090);}

/* 간편결제 자동등록 */
.chk--pay .check-box input[type="checkbox"]:checked + label:after {border:1px solid var(--gray110);}

/* 해외온라인안전결제(가상카드) 개선 */
.accordions--card .accordions__item {border-color:var(--gray030);}
.accordions--card .accordions__item.on {border-color:var(--gray080);}

/* 프라임+ */
.box--primeplus {color: var(--gray090);}
.box--primeplus .list-blt > li {color: var(--gray090);}
.pgrbar--primeplus .pgrbar__spot li span{color: var(--gray090);}
.pgrbar--primeplus .pgrbar__spot li span strong {color: #fff;}


.primeplus-coupon li {border-color:var(--vip50);}
.primeplus-coupon__tit {color:var(--gray090);}
.primeplus-coupon__date {color:var(--gray060);}
.primeplus-coupon__d-day {background-color:var(--vip50);color: var(--gray090);}
.primeplus-coupon__bottom {background-color:#b0c0d8; color:var(--vip50);}
.primeplus-coupon__bottom:before {border-color:var(--vip50);}
.first-come  .primeplus-coupon__bottom {background-color:var(--vip50);;color: var(--gray090);}
.primeplus-coupon li.disabled {border-color: var(--gray020)}
.disabled .primeplus-coupon__bottom {background-color: var(--gray020);color: var(--gray060);}
.disabled .primeplus-coupon__bottom:before {border-color: var(--gray005)}
.disabled .primeplus-coupon__d-day {background-color: var(--gray020);color: var(--gray060);}
.coupon-pop-box {background-color:var(--gray010);}
.coupon-pop-box__cnt p {color: var(--gray090);}
.coupon-info {background-color: var(--gray005)}
.coupon-info__number em {color: var(--gray110);} 
.pwd-info__number {color: var(--gray090);} 
.pwd-info__number > .btn {border-color: var(--gray040); background-color: var(--gray040); color: var(--gray090);}
.coupon-pop-box .btn--black {background-color: transparent; border:1px solid var(--gray110); color: var(--gray090);}

/* z-pay 디지털ARS */
.highlighter-zpay:before { background-color: var(--yellow010); }
.detail-info__step { background-color: var(--gray030); border-color: var(--gray040); }
.detail-info__step strong { color: var(--gray090); }
.zpay-list { color: var(--gray070); }
.zpay-list__item { border-color: var(--gray020); }
.zpay-list__item + .zpay-list__item { border-color: var(--gray020); }
.zpay-list__item .zpay-list__box { border-color: var(--gray030); }
.zpay-list__item label:before { background-image: url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-checkround-off.svg); }
.zpay-list__card span + span { color: var(--gray060); }
.zpay-list__account span + span:before { background-color: var(--gray060); }

/* 종합이벤트 상세화면 개선 */
.mo-main__dot .swiper-pagination > span {background-color: var(--gray010) !important;}
.mo-main__dot .swiper-pagination-bullet-active {background-color: var(--gray010) !important;}

/* 국방스타 */
.defense-star-ban__cnt {color:var(--gray090);}
.card-cmn-list--s + .btn-wrap {border-color:var(--gray030);}
.btn-more--arr > span {background-image: url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-down.svg);}
.btn-more--arr.on > span {background-image: url(https://img1.kbcard.com/home_re/mo/dark/arr/16/arr-1-up.svg);}
.defense-benefit a {background:var(--gray010);}
.defense-benefit__tit {border-color: #696e76;color:var(--gray090);}
.defense-benefit__sub {color:var(--gray090);}
.defense-portal {background:var(--gray010);}
.defense-portal li a {color:var(--gray110);}
.defense-portal li:before {background-color: var(--gray030)}

.cmn-swiper__cnt {color: var(--gray010);}
.cmn-swiper .swiper-button-control {filter:none;}
.cmn-swiper .swiper-pagination > span {background-color: var(--gray010) !important}

/* 금융사기 예방 안내 Tip */
.ctm-secu-ban { background: var(--gray010); }
.ctm-secu-ban__txt { color: var(--gray090); }

/* 광고 홍보 안내 */
.web-sv-go--col3 .web-sv-go__item + .web-sv-go__item:before {background-color:var(--gray030);}
.kbpay-ad__mail a {color:var(--gray110);}

/* 생성형 AI 모두의 카드생활 메이트 */
.btn--bnr-ai {background-color:var(--gray010);}
.cq-info-wrap {color:var(--gray060);}
.cq-chat__logo--ai {background-image:url(https://img1.kbcard.com/home_re/mo/dark/logo/32/logo-kb-round.png);}
.cq-chat__answer,
.cq-chat__time {color:var(--gray090);}
.cq-chat--customer .cq-chat__answer,
.cq-chat--customer .cq-chat__time {color:var(--gray010);}
.cp-chat__happy {color:var(--gray090);}
.cp-chat__happy--unhappy:before {filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}
.cp-chat__num label {background-color:var(--gray020);}
.cp-chat__num.selected label {background-color:var(--yellow050); color:var(--gray010);}

/* 사장님+ 개선 */
.banner-cont {background-color: var(--gray010);}
.banner-cont .text-cont__tit {color: var(--gray090);}
.banner-cont .text-cont {color: var(--gray090);}
.sticky-area.fixed .prsdnt-head-bnr {background-color: var(--gray005);}
.box-prsdnt__tit {color: var(--gray090); background-color: var(--gray020);}
.prsdnt-head-bnr__cont {color: var(--gray090);}
.box-prsdnt {background-color: var(--gray010);}
.box-prsdnt__cont + .box-prsdnt__cont {border-color: var(--gray030);}
.box-prsdnt .card-cmn-list > li {border-color: var(--gray020);}
.box-prsdnt .prd-fnc-box__comment {color: var(--gray060);}
.date-sel__month {color: var(--gray090);}
.calendar__cont .list-blt > li {color: var(--gray090);}
.date-sel {background-color: var(--gray020);}
.date-sel__month-btn:after {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(100%) contrast(100%);}
.schedule-list__item {background-color: var(--gray010);}
.kbthink-list > li {border-color: var(--gray020);}
.kbthink-list__info > span {color: var(--gray060);}
.kbthink-list__info > span:before {background: var(--gray020);}
.sticky-area.fixed .prsdnt-head-bnr {box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.16);}
.sticky-schedule.scrolled .date-sel + p.txt {background-color: var(--gray005); box-shadow: 0 0.1rem 0.4rem 0 rgba(0, 0, 0, 0.16);}

/*25.04.10:[자동차금융]연계대출 브릿지 토스-자동차담보대출 페이지 추가*/
.box-lending__tit strong {color: inherit;}
.box-lending__desc {color: var(--gray060);}

/* 바로출금결제 전체 UIUX 개선 */
.account-box__desc span + span:before {background-color:var(--gray080);}
.btn-box .account-box__title em {color:var(--gray090);}
.form-field--edit input {border-color:var(--gray090); background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-edit.svg);}
.form-field--edit.is-edited input,
.form-field--edit.is-edited input::placeholder, 
.form-field--edit.is-edited .form-field__txt {color:var(--gray090);}
.chk-block--payments,
.chk-block--payments .check-box--type:nth-of-type(n + 3) {border-color:var(--gray030);}
.chk-block--payments .check-box--type + .check-box--type, 
.chk-block--payments .check-box--type + .check-box--type label {background:var(--gray010);}
.check-box--type {border-color:var(--gray020);}
.check-box__sub + .check-box__sub:before {background:var(--gray080);}
.slt-box--card.disabled {border-color:var(--gray020); background:var(--gray020);}
.slt-box--card.disabled .card-info__tit strong,
.slt-box--card.disabled .card-info__desc {color:var(--gray040);}
.slt-box--card.disabled .card-info__desc span + span:before {background:var(--gray040);}

/* [혜택] 정부지원사업 사용처 찾기 */
.btn--withdrawal{background-color:var(--gray040); border-color:var(--gray040); color:var(--gray090);}
.fnc-area__toggle--dark {background-color:var(--gray080);}
.chk--btn-scroll .check-box label {background-color:var(--gray005); border-color:var(--gray050)}
.chk--btn-scroll .check-box input[type="checkbox"]:checked + label {border-color:var(--gray090); color:var(--gray090);}
.chk--btn-scroll .check-box label:before,
.place-list .btn-close {filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(120%) contrast(100%);}
.map-area .map-floating .btn-refresh {background-color:var(--gray005); background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-1-renew.svg); border-color:var(--gray020);}
.map-area .map-floating .btn-location {background-color:var(--gray005); background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/24/ico-1-mapzoom.svg); border-color:var(--gray020);}
.map-area .map-floating .place-list {background-color:var(--gray010);}
.place-list__addr,
.place-list__desc .place-list__theme,
.tabs-slt .tabs__menu > li a,
.tabs-slt .tabs__list > li a {color:var(--gray060);}
.place-list__title,
.place-list__desc,
.tabs-slt .tabs__menu > li.on a,
.tabs-slt .tabs__list > li.on a {color:var(--gray090);}
.place-list__desc .place-list__path {background-image:url(https://img1.kbcard.com/home_re/mo/dark/ico/16/ico-map.svg);}
.place-list__desc .place-list__theme:before {background-color:var(--gray020);}
.place-list__item {border-color:var(--gray020);}
.place-list__badge--blue {border-color:#2a92a9; color:#2a92a9;}
.place-list__badge--red {border-color:#e75995; color:#e75995;}
.place-list__badge--orange {border-color:#f67e3c; color:#f67e3c;}
.place-list__badge--dark-blue {border-color:#3f8eff; color:#3f8eff;}
.tabs-slt .tabs__menu > li.on,
.tabs-slt .tabs__list > li.on {background-color:var(--gray040);}
.chk--btn-scroll .check-box--all input[type="checkbox"]:checked + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-all-on.svg) !important;}
.chk--btn-scroll .check-box--onnuri input[type="checkbox"]:checked + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-onnuri-on.svg) !important;}
.chk--btn-scroll .check-box--market input[type="checkbox"]:checked + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-market-on.svg) !important;}
.chk--btn-scroll .check-box--price input[type="checkbox"]:checked + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-price-on.svg) !important;}
.chk--btn-scroll .check-box--minsaeng input[type="checkbox"]:checked + label:before {background-image:url(https://img1.kbcard.com/home_re/mo/ico/24/ico-btn-minsaeng-on.svg) !important;}
.map-area__badge {color:var(--gray010);}
.map-area__badge--filter {color:var(--gray090);}