@charset "UTF-8";

.kbpf_main.renew .prodWrap:after{background:var(--gray000)}

.inpTxt1 input[type="text"]:disabled{background:none !important;color:var(--gray030) !important}
.inpTxt1.disabled input[disabled]{background:none !important;color:var(--gray030) !important}
.plcf_step li{border-bottom:var(--gray020)}
.infoTable li>em, .useRecord.type2 .listBox li>strong, .useRecord.type2 .listBox li>a, .listBox li a .type4{color:var(--gray070)}
.useLimit .infoTable li>*, .useRecord.type2 .listBox li>span{color:var(--gray060)}
.useLimit.noLine>.contArea:after{border:none;background:var(--gray000)}
.listBox .type3:after, .listBox li a .type4:after{background-image:url(https://img1.kbcard.com/home_re/mo/dark/arr/24/arr-1-right.svg)}
.tbsList1{border-top:1px solid var(--gray070)}
.comeUp .cardBox.type4 > .cardTxt.on:before{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(111%) contrast(100%)}
.toggleList .noteBox{background:var(--gray005) !important;border-color:var(--gray020) !important}

/*main*/
.kbpf_bannerBox ul {border-top:solid 8px var(--gray000)}
.kbpf_bannerBox ul li {border-bottom:solid var(--gray000)}

.kbpf_bannerBox ul li strong {color:var(--gray070)}
.kbpf_bannerBox ul li p {color:var(--gray050)}
.kbpf_bannerBox ul li span {color:var(--gray050)}
.kbpf_banner02 span {color:var(--gray070) !important}
.cardChoiceBox > .cardTxt.on .tbsList1 {border:2px solid var(--yellow050)}
.cardChoiceBox > li ul {padding:16px !important; border:1px solid var(--gray040)}
.cardChoiceBox .tbsList1 {border-top:1px solid var(--gray040)}
.allLS_steplist strong {color:var(--gray070)}
.allLS_steplist strong + p {color:var(--gray050)} 
.allLS_steplist strong em {color:var(--color-cyan)}
.allLS_steplist .cardBox.onelist {background:var(--gray020)}
.allLS_steplist .cardBox .cardTxt::before{filter:invert(87.5%) sepia(0%) saturate(0%) hue-rotate(286deg) brightness(200%) contrast(100%)}

.steplistNew > li > div {border:solid 1px var(--gray020)}
.steplistNew > li > div > em {color:var(--gray060)} 
.steplistNew > li > div > strong {color:var(--gray070)}
.steplistNew .allLS_stepST.alStep06 li:nth-child(5):before {background:var(--red050)}
.steplistNew .allLS_stepST.alStep07 li:nth-child(5):before {background:var(--red050)}
.stLSBox {border:solid 1px var(--gray040) !important}
.stLSBox p {color:var(--gray060)}
.stLSBox .info span {color:var(--gray070)}
.stLSBoxlist p {color:var(--gray060)}
.stLSBoxlist .info span {color:var(--gray070)}
.allLS_stepbox .allLS_stepImg {background:var(--gray010)}
.allLS_stepbox .allLS_stepImg.alStep05:before{border-radius:50%}
.allLS_stepbox .allLS_stepImg strong {color:var(--gray090)} 
.allLS_stepbox .allLS_stepImg p {color:var(--gray070)} 
.allLS_stepbox .allLS_stepImg.alStep03 strong em,
.allLS_stepbox .allLS_stepImg.alStep04 strong em,
.allLS_stepbox .allLS_stepImg.alStep06 strong em,
.allLS_stepbox .allLS_stepImg.alStep07 strong em {color:var(--red050)}
.allLS_stepbox .allLS_stepImg.alStep03 strong + span, .allLS_stepbox .allLS_stepImg.alStep04 strong + span {color:var(--gray060) !important}
.allLS_stepST li:after {background:#ddd}
.alStep_view .txtInfo {color:var(--gray050) !important}
.allLS_stepST li em {color:var(--gray070)}
.allLS_stepST li span {color:var(--gray050)}
.allLS_stepST.alStep01 li:nth-child(1) ~ li em, .allLS_stepST.alStep02 li:nth-child(2) ~ li em, .allLS_stepST.alStep03 li:nth-child(3) ~ li em, .allLS_stepST.alStep04 li:nth-child(3) ~ li em {color:var(--gray050)}
.allLS_stepST.alStep06 li:nth-child(5):before, .allLS_stepST.alStep07 li:nth-child(5):before {background:var(--red050)}

.toggleList.plcf_type>li{border: 1px solid var(--gray020)}

.toggleList.plcf_type>li.on>a{background:var(--gray005)}
.toggleList.plcf_type .toggleView{background:var(--gray010)}
.toggleList.plcf_type .plcf_type_txt dt{color:var(--gray070)}
.toggleList.plcf_type .plcf_type_txt dt span{color:var(--gray060)}
.toggleList.plcf_type .plcf_type_txt dd{color:var(--gray070)}

.plcf_radio_type .plcf_type_txt{border-bottom: 1px solid var(--gray020)}
.plcf_radio_type .plcf_type_txt dt{color:var(--gray070)}
.plcf_radio_type .plcf_type_txt dt span{color:var(--gray060)}
.plcf_radio_type .plcf_type_txt dd{color:var(--gray070)}
.plcf_radio_type .formWrap{background:var(--gray010) !important}

.plcf_partner{border-top:1px solid var(--gray020)}
.plcf_partner dt{padding:8px 40px 0 40px;max-width:100%;background-color:var(--gray110);border-radius:8px 8px 0 0}
.plcf_partner dt .img_area{padding:0;line-height:0}
.plcf_partner dt .img_area img{width:200px;height:auto}
.plcf_partner dd{margin-top:0}
.plcf_partner dd .img_area{padding-top:12px;background-color:var(--gray110);border-radius:0 0 8px 8px}

.btnBox.col2 .btn1.gray_type span{background:var(--gray040);color:var(--gray090)}

.plcf_step li{border-bottom:1px solid var(--gray020)}

.kbpf_main.renew .listWrap .prodList .etcInfo,
.kbpf_main.renew .listWrap .prodList .etcInfo span {color:var(--gray070)}
.kbpf_main.renew .listWrap .prodList .etcInfo strong {color:var(--red050)}

.kbpf_main.renew .affiList h3{color:var(--gray090)}
.kbpf_main.renew .affiList .affiInfo a{border-color:var(--gray040);background-color:var(--gray110)}
.kbpf_main.renew .affiList .affiInfo a, .kbpf_main.renew .affiList .affiInfo img{color:var(--gray020)}

.kbpf_main.renew .notiBox .inner{background:var(--gray010)}
.kbpf_main.renew .notiBox .inner h3{color:var(--gray100)}
.kbpf_main.renew .notiBox .lawInfo, .kbpf_main.renew .notiBox .lawInfo strong{color:var(--gray070)}

.kbpf_main.renew .quickArea{background:var(--gray020)}
.kbpf_main.renew .quickArea li:before{background:var(--gray070)}
.kbpf_main.renew .quickArea a{color:var(--gray090)}

.layerWrap.service .listType01 dt {color:var(--gray090)}
.layerWrap.service .listType01 dd {color:var(--gray070)}
.layerWrap.service .listType01 dd strong {color:var(--blue060)}

.pf_btnArea > a {background:var(--gray040);color:var(--gray090)}
.pf_btnArea .active {background:var(--yellow050);color:var(--gray000)}

.optionAgreePop .laybtnArea {background:var(--gray005)}