@charset "UTF-8";

/* ###############################################################
        [2025.06.20] my KB
############################################################### */
/************************ 공통 ************************/
/* width */
.w140 {width: 140px;}
.w182 {width: 182px;}

/************************ 보험금 청구/조회 ************************/
/* 보험금 청구신청 - 조회신청 */
.page-requestClaim-beneficiery .text-list01 .text-list09 {margin: 7px 0 0 -10px;}
.page-requestClaim-beneficiery .text-list01 .text-list09 > li {font-size: 12px; line-height: 17px;}
.page-requestClaim-beneficiery .text-list01 .text-list09 > li + li {margin-top: 7px;}
.page-requestClaim-beneficiery .button-wrap a {width: 182px;}

/* 보험금 청구신청 - 청구자 정보 등록 */
.page-requestClaim-information .tit-pos-closest .input-check2 {position: absolute; right: 0; top: -41px;}
.page-requestClaim-information .tit-pos-closest .input-check2 > span {font-family: 'KBFGDisplayM'; font-weight: normal; line-height: 24px;}

/* 보험금 청구신청 - 구비서류 첨부 */
/* 2025.06.25 box 소스 전체 수정 */
.page-requestClaim-document .file-desc h3 {margin: 77px 0 10px; font-size: 20px; line-height: 24px;}
.page-requestClaim-document .file-desc h3 + p {font-size: 15px; line-height: 20px; color: #666;}
.page-requestClaim-document .file-desc .box {margin-top: 30px;}
.page-requestClaim-document .file-desc .box .inner {padding: 40px;}
.page-requestClaim-document .file-desc .box ul {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.page-requestClaim-document .file-desc .box ul > li {margin-left: 60px; text-align: center;}
.page-requestClaim-document .file-desc .box ul > li:nth-child(3n+1) {margin-left: 0;}
.page-requestClaim-document .file-desc .box ul > li > p {margin-top: 15px; font-size: 13px; color: #666;}

/* 보험금 청구신청 - 청구정보 확인 */
.page-requestClaim-checking .claim-checking {display: none;}
.page-requestClaim-checking .claim-checking.on {display: block;}
.page-requestClaim-checking .top-txt {position: relative; min-height: 160px; padding: 34px 0 0 138px; margin-top: -22px; background: url('/res/pc/img/img_kiki_givingHeart.png')no-repeat left top / 86px auto;}
.page-requestClaim-checking .top-txt.type2 {padding-top: 54px;}
.page-requestClaim-checking .top-txt p {font-size: 20px; line-height: 24px;}
.page-requestClaim-checking .top-txt .sub {margin-top: 10px; font-size: 15px; line-height: 22px; color: #666;}
.page-requestClaim-checking .top-txt + .summary-information {margin-top: 50px;}
.page-requestClaim-checking .claim-checking .box {margin-top: 50px;}
.page-requestClaim-checking .claim-checking .box .inner {padding: 50px;}
.page-requestClaim-checking .claim-checking .box ul {display: flex; justify-content: center; align-items: center;}
.page-requestClaim-checking .claim-checking .box ul > li  {overflow: hidden; width: 260px; height: 180px; background: #fffefb; border-radius: 8px; border: 1px solid #ffe9aa;}
.page-requestClaim-checking .claim-checking .box ul > li + li {margin-left: 40px;}
.page-requestClaim-checking .claim-checking .box ul > li > a {position: relative; display: block; height: 100%;}
.page-requestClaim-checking .claim-checking .box ul > li > a > img {display: block; width: 100%;}
.page-requestClaim-checking .claim-checking .box ul > li > a .doc-name {position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; min-width: 30px; height: 20px; padding: 2px 10px; border-radius: 60px; background: #9e8c6e; font-size: 12px; line-height: 18px; color: #fff;}
.page-requestClaim-checking .table + .table {margin-top: 61px;}
.page-requestClaim-checking .calendar {width: 100%;}
.page-requestClaim-checking .form-search {position: relative;}
.page-requestClaim-checking .form-search .input-txt {padding: 0 28px 0 10px;}
.page-requestClaim-checking .form-search .input-txt.err::placeholder {color: #ff3d3d !important;}
.page-requestClaim-checking .btn-search {position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url('/res/pc/img/com/icon_search.png')no-repeat;}
.page-requestClaim-checking .bottom-txt {margin-top: 80px;}
.page-requestClaim-checking .bottom-txt p {font-size: 15px; line-height: 22px; text-align: center;}

.page-requestClaim-checking .modal .modal-body-title {font-size: 13px; line-height: 20px; letter-spacing: -0.52px;}
.page-requestClaim-checking .modal .select-list .box {margin-top: 30px;}
.page-requestClaim-checking .modal .select-list .box .inner {padding: 17px 15px;}
.page-requestClaim-checking .modal .select-list .box ul > li + li {margin-top: 13px;}
.page-requestClaim-checking .modal .img-zoom {margin-top: 30px; padding: 20px; background: #fff; text-align: center;}
.page-requestClaim-checking .modal .img-zoom .doc-name {display: inline-flex; justify-content: center; align-items: center; min-width: 30px; height: 30px; padding: 5px 16px; border-radius: 60px; background: #666; color: #fff; font-size: 16px; line-height: 18px;}
.page-requestClaim-checking .modal .img-zoom .img-box {margin-top: 12px; border: 2px solid #c5c5c5; background: #e5e5e5; width: 100%;}
.page-requestClaim-checking .modal .img-zoom .img-box img {display: block; width: 100%; height: 100%; max-height: 707px; object-fit: contain;}
.page-requestClaim-checking .system-message {min-height: auto;}

@media screen and (max-width:1440px) {
  .page-requestClaim-checking .modal .img-srcoll {overflow-x: hidden; overflow-y: auto; height: 600px; margin: 0 -30px; padding: 0 13px 0 30px;}
}

/*** 2025.06.20 My KB 메뉴개선 ***/
/* 디지털창구 이용가이드 신규 page */
.page-digitalGuide .guide-tit{margin:40px 0 60px; padding:30px 20px;background-color:#fffae5; text-align: center; font-family: 'KBFGDisplayM';font-size:16px; line-height: 24px; letter-spacing:-0.32px;color:#222;}
.page-digitalGuide .guide-tit .text-orange{color:#f46600;}
.page-digitalGuide .tab-panel{display: none;}
.page-digitalGuide .tab-panel.active{display: block;}
.page-digitalGuide .h2.h2_underline{padding-bottom:17px; border-bottom: 1px solid #666666;}
.page-digitalGuide .list-certification{font-family: 'KBFGDisplayM';font-size:13px; line-height: 20px; letter-spacing:-0.26px;color:#666;}
.page-digitalGuide .list-certification li::before{display: inline-block;content:'';width:4px;height:4px;margin-top:-2px; margin-right:7px; background-color:#666;border-radius:50%;text-align:center;vertical-align: middle;}
.page-digitalGuide .list-certification li + li{margin-top:4px;}