@charset "UTF-8";

.darkmode {
background: var(--foundation-bg-bg-white)
}

.darkmode body { 
    background:inherit
}

.darkmode .hd6 { color: var(--foundation-font-gray-1); }


.darkmode * {
    /* color: var(--foundation-font-white); */
}

.darkmode header .header-wrapper .gnb .gnb-menu-list li + li::before {
    background: var(--palette-gray-700);
}

.darkmode .bnk-list.line > li .item-wrap .item-header .item-title .item-desc,
.darkmode .stxt {
    color: var(--palette-gray-400);
}

.darkmode .bnk-list.line > li { 
    border-bottom-color: var(--palette-gray-900);
} 

.darkmode .bnk-icon.chevron-left {
    background-image: url('../image/icon/custom/chevron-left-white.svg');
}

.darkmode .bnk-icon.chevron-right {
    background-image: url('../image/icon/custom/chevron-right-white.svg');
}

.darkmode .bnk-inputset.select .select-arrow,
.darkmode .bnk-list.collapse > li > a::before,
.darkmode .bnk-icon.chevron-down { background-image: url('../image/icon/custom/chevron-down-white.svg'); }

.darkmode .bnk-list.collapse > li.open > a::before { background-image: url('../image/icon/custom/chevron-up-white.svg'); }

.darkmode .bnk-btnset.collapse .bnk-icon.collapse.on { 
    background-image: url('../image/icon/custom/chevron-up-white.svg');
  }
.darkmode .bnk-btnset.collapse .bnk-icon.collapse { 
    background-image: url('../image/icon/custom/chevron-down-white.svg');
  }

.darkmode .bnk-inputset {
    /* background:none; */
    border-color:var(--palette-gray-800);
}

.darkmode .bnk-inputset.ckbox .toggle-inner .bg {
    background: var(--foundation-icon-gray);
}

.darkmode .toggle-switch .bnk-inputset.ckbox.on label .toggle-inner .bg {
    background: var(--foundation-primary-bnk-red);
}

.darkmode .toggle-switch.ty1 .bnk-inputset.ckbox label .bg,
.darkmode .toggle-switch.ty2 .bnk-inputset.ckbox label .bg {
    background: var(--foundation-bg-bg-1);
    border-color: var(--foundation-line-gray-2);
}

.darkmode .toggle-switch.ty1 .bnk-inputset.ckbox.on label .toggle-inner .bg,
.darkmode .toggle-switch.ty2 .bnk-inputset.ckbox.on label .toggle-inner .bg {
    background: var(--foundation-font-gray-1);
    border-color: var(--foundation-font-gray-1);
}

.darkmode .toggle-switch.ty1 .bnk-inputset.ckbox label .toggle-inner::after,
.darkmode .toggle-switch.ty2 .bnk-inputset.ckbox label .toggle-inner::after {
    border-color: var(--foundation-line-gray-2);
}

.darkmode .toggle-switch.ty1 .bnk-inputset.ckbox.on label .toggle-inner::after,
.darkmode .toggle-switch.ty2 .bnk-inputset.ckbox.on label .toggle-inner::after {
    border-color: transparent;
}


.darkmode .bnk-inputset:not(.ckbox):not(.rdo):focus-within,
.darkmode .bnk-inputset:not(.ckbox):not(.rdo).on {
}


.darkmode .bnk-icon.user-plus-line {
    background-image: url('../image/icon/custom/user-plus-line-white.svg');
}

.darkmode .bnk-btn.txt.link::after {
    background-image: url('../image/icon/custom/chevron-right-white.svg');
}

.darkmode .bnk-icon.icon-line-24-fin-customer {
background-image: url('../image/icon/Line/24-dark/Fin-Customer.svg');
} 

.darkmode .bnk-icon.icon-line-24-gen-menu {
    background-image: url('../image/icon/Line/24-dark/Gen-Menu.svg');
}

.darkmode .bnk-icon.icon-line-24-gen-home {
background-image: url('../image/icon/Line/24-dark/Gen-Home.svg');
}

.darkmode .bnk-list.nav > li .nav-dp2 > li.active > a::after { background-image: url('../image/icon/custom/chevron-down-white.svg'); }
.darkmode .bnk-list.nav > li .nav-dp2 > li.active.open > a::after { background-image: url('../image/icon/custom/chevron-up-white.svg'); }

.darkmode .bnk-icon.icon-line-search { background-image: url('../image/icon/custom/line-search-dark.svg'); }
.darkmode .bnk-icon.icon-line-language { background-image: url('../image/icon/custom/line-languages-dark.svg'); }
.darkmode .bnk-icon.icon-line-settings { background-image: url('../image/icon/custom/line-setting-dark.svg'); }

.darkmode .bnk-icon.icon-fill-download {
    background-image: url('../image/icon/custom/arrow-download-dark.svg');
}

.darkmode .bnk-icon.alarm-caution { background-image: url('../image/icon/custom/alarm-caution-dark.svg'); }

/* 다크모드 인풋 관련 *************************************************** */
.darkmode .bnk-inputset.ckbox label input[type="checkbox"] {/* border: 1px solid #727279; */border: 1px solid #727279;background: url('../image/icon/custom/input-check-icon-dark.svg') no-repeat 52% center / 12px 9px;}

.darkmode .bnk-icon.icon-line-24-gen-search {
    background-image: url('../image/icon/Line/24-dark/Gen-Search.svg');
}

.darkmode .bnk-inputset.ckbox.ty1 label input[type="checkbox"] {
    background: url('../image/icon/custom/input-check-icon-ty1.svg') no-repeat 0 0 / 100%;
    border: none;
}
.darkmode .bnk-inputset.ckbox.ty1 label input[type="checkbox"]:checked {
    background-color: transparent;
    background: url('../image/icon/custom/input-check-checked-icon-ty1.svg') no-repeat 0 0 / 100%;
    border: none;
}

.darkmode .bnk-inputset.ckbox label input[type="checkbox"]:checked {
    background: var(--foundation-icon-red) url('../image/icon/custom/input-check-checked-icon.svg') no-repeat center 52% / 12px 9px;
    border-color: var(--foundation-icon-red);
}

.darkmode ul.bnk-list.accordion > li.expanded > a::after {
    background: url('../image/icon/custom/chevron-up-white.svg') no-repeat 0 0 / 100%;
}
.darkmode ul.bnk-list.accordion > li > ul.collapsed-list > li > a::after {
    background: url('../image/icon/custom/chevron-right-white.svg') no-repeat 0 0 / 100%;
}
.darkmode ul.bnk-list.accordion > li > a::after {
    background: url('../image/icon/custom/chevron-down-white.svg') no-repeat 0 0 / 100%;
}

.darkmode .bnk-icon.dot-vertical {
    background-image: url('../image/icon/custom/dot_vertical_dark.svg');
}

.darkmode .input-mask {
    background: var(--foundation-bg-bg-white);
    /* border-color: var(--palette-gray-800); */
}

.darkmode .input-processing .bnk-inputset .clear-btn-wrap .clear-button {
    background-image: url('../image/icon/custom/input-mask-close-dark.png');
}

.darkmode .input-mask.type2 .bnk-inputset:nth-of-type(3) input {
    color: transparent;
    caret-color: transparent;
    text-indent: -9999px;
    overflow: hidden;
}

.darkmode .input-mask.type2 .bnk-inputset:nth-of-type(3) .display-value {
    color: var(--foundation-font-white);
}

.darkmode .input-mask.on .bnk-inputset input { height:48px }
.darkmode .input-mask.on .bnk-inputset:not(.ckbox):not(.rdo):focus-within { 
    border:none
  }

  .darkmode ul.bnk-list.checklist > li + li label::after,
  .darkmode ul.bnk-list.checklist > li:nth-child(3n+4)::before,
  .darkmode ul.bnk-list.checklist > li:nth-child(3n+6)::before,
  .darkmode ul.bnk-list.checklist > li:nth-child(3n+5)::before {
    background: var(--palette-gray-800);
  }
  .darkmode ul.bnk-list.checklist > li label:has(input[type="radio"]:checked)::before { 
    border-color: var(--foundation-primary-black);
  }

  .darkmode ul.bnk-list.checklist > li .bnk-inputset.ckbox > label { 
    color: var(--palette-gray-400);
  }

  .darkmode ul.bnk-list.checklist { 
    border-color: var(--palette-gray-800);
  }

.darkmode .hrzn {
    background: var(--palette-gray-900);
}


/* 브라우저 autofill 스타일 오버라이드 (Chrome, Safari, Edge) */
.darkmode input:-webkit-autofill,
.darkmode input:-webkit-autofill:hover,
.darkmode input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--foundation-bg-bg-white) inset !important;
    -webkit-text-fill-color: var(--foundation-font-black) !important;
    background-color: var(--foundation-bg-bg-white) !important;
    caret-color: var(--foundation-font-black);
}

/* Firefox autofill 스타일 */
.darkmode input:-moz-autofill {
    background-color: var(--foundation-primary-black) !important;
    color: var(--foundation-font-white) !important;
}   

.darkmode .bnk-inputset input::placeholder {
    color: var(--palette-gray-800);
}


.darkmode .bnk-btn.secondary.common.fill {
    background: var(--foundation-line-gray-2);
}

.darkmode .bnk-inputset.incert .incert-inwarp .count { 
    color:var(--foundation-primary-bnk-red);
}

.darkmode .bnk-list.display {/* background:var(--palette-gray-900); */}
.darkmode .helpmsg { color:var(--palette-gray-400); }
.darkmode .input-processing .validation-message:not([hidden]) {
    color: var(--palette-semantic-information);
}
.darkmode .input-processing .success-message {
    color: var(--foundation-primary-bnk-red);
}

.darkmode .bnk-icon.icon-line-24-gen-info { background-image: url('../image/icon/Line/24-dark/Gen-Info.svg'); }
.darkmode .bnk-list.bullet > li {/* color: var(--palette-gray-400); */}
#darmode .bnk-list.bullet > li::before{ background: var(--palette-gray-400); }

.darkmode .bnk-icon.alarm-check { background-image: url('../image/icon/custom/alarm-check-dark.png'); }
.darkmode .bnk-icon.close { background-image: url('../image/icon/custom/close-white.svg'); }

.darkmode .bnk-btn.secondary { 
    background: var(--foundation-btn-2-btn); 
}

.darkmode .lysheet .lysheet-content { background: var(--foundation-bg-bg-white); }

.darkmode .bnk-icon.keypad-arrow-left {
    background-image: url('../image/icon/custom/keypad-arrow-left-dark.svg');
}

.darkmode .bnk-list.check.select > li {
    /* background: var(--palette-gray-900); */
}

.darkmode .bnk-list.check.select > li.on {
    /* border-color: var(--palette-gray-0); */
    /* background: var(--foundation-bg-bg-white); */
}

/* .darkmode .cert-password .cert-keypad { background: var(--palette-gray-900); } */

.darkmode .cert-password .logomark {
    background-image: url('../image/common/bnk-mark-dark.svg');
}

.darkmode .cert-password .keypad-key.special-btn .bnk-icon.custom-uppercase {
    background-image: url('../image/icon/custom/custom-uppercase-dark.svg');
}
.darkmode .cert-password .keypad-key.special-btn .bnk-icon.custom-keydelete {
    background-image: url('../image/icon/custom/custom-keydelete-dark.svg');
}
.darkmode .bnk-icon.icon-line-add { 
    background-image: url('../image/icon/custom/icon-line-add-dark.svg');
}

.darkmode .bnk-icon.icon-filter {
    background-image: url('../image/icon/custom/icon-filter-dark.svg');
}
.darkmode .cert-password .keypad-key.special-btn[data-key="special"],
.darkmode .cert-password .keypad-key.special-btn[data-key="toggle-mode"],
.darkmode .cert-password .keypad-key.special-btn[data-key="rearrange"],
.darkmode .cert-password .keypad-key.special-btn[data-key="clear"],
.darkmode .cert-password .keypad-key.special-btn.delete-btn,
.darkmode .cert-password .keypad-key.special-btn.uppercase-toggle {
    border:var(--foundation-primary-black);  
    background:var(--palette-gray-800);
}
.darkmode .cert-password .keypad-key .sub { 
    color: var(--palette-gray-400);
}



.darkmode .bnk-icon.icon-line-24-sec-lock { background-image: url('../image/icon/Line/24-dark/Sec-Lock.svg'); }

.darkmode .banner-content.ty1 { 
    background: var(--palette-gray-900);
}

.darkmode .goldmall-detail .banner-content .bnk-title + .simg.gap18 {
    margin-top: 18px;
}

.darkmode .banner-content.ty1 .hd4 { 
    color: var(--foundation-font-white);
}

.darkmode .bnk-row.fixed { 
    background: var(--foundation-bg-bg-white)
}

.darkmode header .header-wrapper .gnb .gnb-menu-list li a { 
    color: var(--foundation-font-gray-1);
}


.darkmode .find-infoset.lv2 .bnk-btnset .bnk-btn + .bnk-btn::before { 
    background: var(--foundation-font-gray-1);
}

.darkmode .alarm-screen .alarm-screen-content .alarm-msgbox .alarm-msg { color: var(--foundation-primary-black); }

.darkmode .lysheet .lysheet-header .hd4 { color: var(--foundation-font-black); }

.darkmode .list-viewbox { background: var(--foundation-font-white); }


.darkmode .amount-presets .bnk-btn.ghost {
    color: var(--foundation-font-gray-2);
}

.darkmode .bnk-list.nav > li .nav-dp2 > li .nav-dp3,
.darkmode .bnk-list.nav > li .bnk-list.full.ty3 > li .nav-dp3 {
    background: var(--foundation-line-gray-1);
}

.darkmode .input-radio-style.ty1 > li .bnk-inputset.rdo > label {
    /* color: var(--foundation-font-gray-2, #DCE0E9); */
  }

  .darkmode .bnk-icon.icon-input-calandar {
    background-image: url('../image/icon/custom/icon-input-calandar-dark.svg');
}

.darkmode .bnk-icon.icon-line-alarm {
    background-image: url('../image/icon/custom/icon-line-alarm-dark.svg');
}

.darkmode em.point1.co1 { 
    color: var(--foundation-global-red);
}

.darkmode .bnk-list.check > li .bnk-inputset.ckbox > label input[type="checkbox"] {
    background-image: url('../image/icon/custom/list-checktype-check-normal-dark.svg');
}

.darkmode .bnk-list.check > li .bnk-inputset.ckbox > label input[type="checkbox"]:checked {
    background-image: url('../image/icon/custom/list-checktype-check-active-dark.svg');
}

.darkmode .bnk-list.link.auth > li .select-check {
    background-image: url('../image/icon/custom/list-checktype-check-normal-dark.svg');
}

.darkmode .bnk-list.link.auth > li > a.item-wrap:active .select-check {
    background-image: url('../image/icon/custom/list-checktype-check-active-dark.svg');
}

.darkmode .bnk-icon.icon-line-picture {
    background-image: url('../image/icon/custom/icon-line-picture-dark.svg');
}

.darkmode em.point3 { color: var(--palette-red-light); }