@charset "utf-8";
/* CSS Document */

/*******************************
 * Infomation : 국가 통합물관리정보플랫폼 (2차)
 * FileName   : sub_sd.css
 * Note       : 소다신규생성 css (소다 작업 시 sub.css 다음 연결)
 *              공통 스택: BasicSet_ds · krds/output CDN · common.css · sub.css
 *              ※ 맨 아래 「레이아웃 간격 보완」은 output.css 토큰만 사용(소다신규생성 컴포넌트 아님)
 *              소다신규생성 구역: 물관리 통계포털 · 보고서 검색 · 보고서 상세정보 팝업
 *              타이포: var(--krds-pc-font-size-*), var(--krds-font-weight-*)
 * Update     : 2026.05.29.
********************************/

/* 공통 토큰 (common.css · output.css · 통합검색/대용량 sub.css)
 * 레이아웃: --krds-pc-gap-layout-* · --krds-gap-* · --krds-padding-*
 * 컬러: --txt-color · --txt-sub-color · --line-color · --main-color · --ce-border-card · --ce-input-color
 * 타이포: --krds-pc-font-size-* · --krds-font-weight-*
 * 검색: --search-list-* · --search-box-filter-chip-* (output.css .search-top-box)
 */


/*############################## 레이아웃 간격 보완 (소다신규생성 아님 · output.css KRDS 토큰) ###########################*/
/* 통합검색 · 대용량과 동일 간격. common.css 아님 — output.css .krds-breadcrumb-wrap · .page-title-wrap */
.stat_portal_type > .krds-breadcrumb-wrap,
.report_search_type > .krds-breadcrumb-wrap{
    padding-top: var(--krds-pc-gap-layout-header-breadcrumb);
    padding-bottom: 0;
    margin-bottom: var(--krds-pc-gap-layout-breadcrumb-h1);
}
.stat_portal_type .page-title-wrap,
.report_search_type .page-title-wrap{
    margin-bottom: var(--krds-pc-gap-layout-h1-h2);
    padding-bottom: 0;
    gap: var(--krds-pc-gap-layout-title-body-large);
}

/*############################## [소다신규생성] 물관리 통계포털 ###########################*/

/* 대용량데이터셋과 동일: 사이드 퀵 없을 때 inner 우측 여백 제거 (sub.css 543~546) */
.stat_portal_type.krds-in-page-navigation-type > .inner:not(.in-between){
    padding-right: var(--krds-contents-padding-x);
    padding-bottom: var(--krds-pc-gap-layout-contents-footer);
}

.stat_portal_type .stat_portal_tab_wrap{
    margin-bottom: var(--ce-spacer-5);
}

.stat_portal_tab{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    border: var(--krds-light-border-width-variable-regular) solid var(--line-color);
    border-radius: var(--krds-radius-large2);
    overflow: hidden;
    background-color: var(--ce-white);
}
.stat_portal_tab li{ position: relative;}
.stat_portal_tab li:not(:last-child):not(.on):not(:has(+ .on))::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 2.4rem;
    background: url("../images/icon/line.svg") no-repeat center;
    background-size: 1px 2.4rem;
}
.stat_portal_tab .btn_stat_tab{
    width: 100%;
    height: 4.7rem;
    font-size: var(--krds-pc-font-size-heading-xsmall);
    font-weight: var(--krds-font-weight-bold);
    color: var(--txt-sub-color);
    background-color: var(--ce-white);
}
.stat_portal_tab .btn_stat_tab:focus,
.stat_portal_tab .btn_stat_tab:focus-visible,
.stat_portal_tab .btn_stat_tab:active{
    outline: none;
    box-shadow: none;
}
.stat_portal_tab li.on .btn_stat_tab{
    color: var(--ce-white);
    background-color: var(--ce-navy-accent);
}
.stat_portal_panel{ display: none;}
.stat_portal_panel.on{ display: block;}
.stat_portal_empty{
    padding: 6rem 2rem;
    text-align: center;
    font-size: var(--krds-pc-font-size-heading-xsmall);
    font-weight: var(--krds-font-weight-regular);
    color: var(--txt-sub-color);
    border: 1px dashed var(--line-color);
    border-radius: var(--krds-radius-xlarge1);
    background-color: var(--krds-light-color-surface-secondary-subtler);
}

.stat_portal_card_grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--krds-gap-5);
    list-style: none;
}
.stat_portal_card_item{ min-width: 0;}
.stat_portal_type .stat_portal_card_grid a.stat_portal_card{
    display: flex;
    flex-direction: column;
    min-height: 19.5rem;
    padding: var(--krds-padding-8) var(--krds-padding-7) var(--krds-padding-7);
    border: var(--krds-light-border-width-variable-regular) solid var(--ce-border-card);
    border-radius: var(--krds-radius-large2);
    background-color: var(--ce-white);
    box-shadow: none;
}
.stat_portal_type .stat_portal_card_grid a.stat_portal_card:hover{
    border-color: var(--ce-border-card);
    text-decoration: none;
}
.stat_portal_type .stat_portal_card_grid > .stat_portal_card_item.ch_on > a.stat_portal_card{
    border-color: transparent;
    outline: 2px solid var(--main-color);
}
.stat_portal_type .stat_portal_card_grid a.stat_portal_card:active,
.stat_portal_type .stat_portal_card_grid a.stat_portal_card:focus,
.stat_portal_type .stat_portal_card_grid a.stat_portal_card:focus-visible{
    text-decoration: none;
}
.stat_portal_card_ico{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    height: 3.2rem;
    margin-bottom: var(--krds-padding-6);
}
.stat_portal_card_ico img{
    width: auto;
    height: 3.2rem;
    max-width: none;
    object-fit: contain;
}
.stat_portal_card_tit{
    font-size: var(--krds-pc-font-size-heading-xsmall);
    font-weight: var(--krds-font-weight-bold);
    color: var(--txt-color);
    margin-bottom: var(--krds-gap-4);
}
.stat_portal_card_desc{
    font-size: var(--krds-pc-font-size-body-small);
    line-height: var(--krds-line-height-base);
    font-weight: var(--krds-font-weight-regular);
    color: var(--txt-sub-color);
    word-break: keep-all;
}

@media all and (max-width: 1200px){
    .stat_portal_card_grid{ grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media all and (max-width: 900px){
    .stat_portal_card_grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--krds-gap-5);}
    .stat_portal_type .stat_portal_card_grid a.stat_portal_card{ min-height: 17rem; padding: 2.4rem 2rem 2rem;}
}
@media all and (max-width: 600px){
    .stat_portal_card_grid{ grid-template-columns: 1fr;}
    .stat_portal_tab .btn_stat_tab{
        font-size: var(--krds-mobile-font-size-heading-xsmall);
        height: 4.4rem;
    }
}

/* 물관리 통계포털 — 푸터 */
.stat_portal_type #krds-footer .f-btm .f-btm-text .f-menu a{
    font-weight: var(--krds-font-weight-bold);
}


/*############################## [소다신규생성] 보고서 검색 ###########################*/

.report_search_type.krds-in-page-navigation-type > .inner:not(.in-between){
    padding-right: var(--krds-contents-padding-x);
    padding-bottom: var(--krds-pc-gap-layout-contents-footer);
}

/* 검색 영역 — 통합검색 .search-top-box(common.css) · .total_search_top_box(sub.css) */
.report_search_box{
    --search-box-filter-chip-width-border: var(--krds-light-border-width-variable-regular);
    --search-box-filter-chip-color-border: var(--krds-light-color-divider-secondary-light);
    height: 52rem;
    box-sizing: border-box;
    margin-bottom: var(--ce-spacer-10);
    padding: var(--krds-padding-10) var(--krds-padding-7) var(--ce-spacer-9);
    border: none;
    border-radius: var(--krds-radius-xlarge1);
    background: linear-gradient(90deg, rgba(216, 237, 254, 1) 0%, rgba(222, 236, 253, 1) 49%, rgba(222, 223, 254, 1) 100%);
}
.report_search_box.is-filter-collapsed{
    height: 22.3rem;
}

.report_search_top{
    width: 100%;
    max-width: 71rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.report_search_top .sch-form-wrap{
    width: 100%;
    justify-content: center;
    margin-bottom: var(--krds-gap-5);
}
.report_search_top .sch-form-wrap .form-group{
    width: 100%;
}
.report_search_top .sch-form-wrap .krds-input.xlarge{
    width: 71rem;
    max-width: 100%;
}
/* 검색창 테두리·포커스: 통합검색과 동일 — output.css .krds-input / .sch-input (별도 덮어쓰기 없음) */

.report_search_filter .krds-form-select{
    border-color: var(--ce-input-color);
}
.report_cycle_chips .krds-form-chip .krds-form-chip-outline,
.report_cycle_chips .krds-form-chip input[type=radio] ~ label{
    border-color: var(--ce-input-color);
}

.btn_report_opt_toggle{
    display: inline-flex;
    align-items: center;
    gap: var(--krds-gap-3);
    max-width: 71.2rem;
    margin: 0 auto;
    padding: 0;
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: var(--krds-font-weight-regular);
    color: var(--txt-color);
}
.report_opt_txt{
    font-weight: var(--krds-font-weight-regular);
}
.btn_report_opt_toggle .report_opt_ico{
    display: inline-flex;
    width: 1.9rem;
    height: 1.9rem;
}
.btn_report_opt_toggle .report_opt_ico img{
    width: 100%;
    height: 100%;
}
.report_search_box .btn_report_opt_toggle{
    margin-left: 0;
}

/* 검색 옵션 ~ 필터 사이 구분선 — sub_sample(KRDS) .search-top-box .filter-chip */
.report_search_filter{
    display: flex;
    flex-direction: column;
    gap: var(--krds-gap-9);
    max-width: 71.5rem;
    margin: var(--krds-gap-7) auto 0;
    padding: var(--krds-padding-8) 0 0;
    border-top: var(--search-box-filter-chip-width-border) solid var(--search-box-filter-chip-color-border);
    border-radius: 0;
}
.report_search_box.is-filter-collapsed .report_search_filter{
    display: none;
}

.report_filter_row{
    margin-bottom: 0;
}
.report_filter_selects{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--krds-gap-3);
}
.report_filter_label{
    display: block;
    margin-bottom: var(--krds-gap-3);
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: var(--krds-font-weight-bold);
    color: var(--txt-color);
}
.report_filter_item .krds-form-select{
    width: 100%;
}

.report_cycle_chips{
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 0;
}
.report_cycle_chips .krds-form-chip{
    width: 100%;
}
.report_cycle_chips .krds-form-chip .krds-form-chip-outline,
.report_cycle_chips .krds-form-chip input[type=radio] ~ label{
    width: 100%;
    min-width: 0;
    justify-content: center;
    box-sizing: border-box;
}

.report_filter_actions{
    display: flex;
    justify-content: flex-end;
    gap: var(--krds-gap-4);
    padding-top: 0;
    margin-top: 0;
}
.report_filter_actions .krds-btn{
    border-color: var(--ce-input-color);
}
.btn_report_filter_reset{
    display: inline-flex;
    align-items: center;
    gap: var(--krds-gap-3);
}

/* 검색 결과 상단 — output.css .search-list-top · sub.css .search-list-top.border */
.report_result_area{
    margin-top: var(--krds-gap-4);
}
.report_search_type .report_search_list_top.search-list-top{
    padding-bottom: var(--krds-padding-8);
    border-bottom: var(--search-list-width-border) solid var(--search-list-color-border);
}

/* 보기 형식 탭 — 대용량 .bigdataset_type_tab */
.report_view_type_wrap{
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--ce-spacer-5);
}
.report_view_type_tab{
    display: inline-flex;
    align-items: center;
    gap: var(--krds-gap-6);
    list-style: none;
}
.report_view_type_tab li{
    position: relative;
}
.report_view_type_tab button{
    display: inline-flex;
    align-items: center;
    gap: var(--krds-gap-3);
    padding: 0 0 var(--krds-gap-2);
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: var(--krds-font-weight-bold);
    color: var(--txt-sub-color);
    background: none;
    border: none;
}
.report_view_type_tab li.on button{
    color: var(--ce-navy-accent);
}
.report_view_type_tab li.on::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--krds-light-border-width-static-medium);
    background-color: var(--ce-navy-accent);
}

.report_view_panel{
    display: none;
}
.report_view_panel.on{
    display: block;
}

/* 카드형 · 그리드형 — 보기 탭 아래 ~ 페이징 전 동일 여백 */
.report_search_type .report_view_panel .report_card_grid,
.report_search_type .report_view_panel .krds-table-wrap{
    margin-top: 0;
    margin-bottom: var(--ce-spacer-10);
}

/* 카드형 — 통합검색 .total-search-list / .total-search-item · .info_etc · .info-body .txt */
.report_card_grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: var(--krds-gap-5);
    list-style: none;
    --report-card-color-border: var(--ce-border-card, #b1b8be);
    --report-card-color-meta: var(--txt-color);
    --report-card-color-meta-divider: var(--line-color);
    --report-card-color-desc: var(--krds-light-color-text-subtle);
    --report-card-color-id: var(--krds-light-color-text-subtle);
}
.report_card_item{
    height: 100%;
}
.report_card{
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 42rem;
    padding: var(--krds-padding-10);
    border: var(--krds-light-border-width-variable-regular) solid var(--report-card-color-border);
    border-radius: var(--krds-radius-xlarge1);
    background-color: var(--ce-white, #fff);
    gap: var(--krds-gap-4);
}
.report_card_head{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--krds-gap-5);
    margin-bottom: 0;
}
.report_card_badges{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--krds-gap-3);
}
.report_card_id{
    font-size: 1.5rem;
    font-weight: var(--krds-font-weight-regular);
    color: var(--report-card-color-id);
    word-break: break-all;
}
.report_card_tit{
    margin-bottom: 0;
    min-height: 4.8rem;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.4;
}
.report_card_tit_link{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    max-width: 100%;
    color: inherit;
}
.report_card:hover .report_card_tit_link{
    text-decoration: underline;
}
/* 통합검색 ico_angle.svg — flex로 텍스트·화살표 세로 중앙 정렬 */
.report_card_tit_link::after{
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url("../images/icon/ico_angle.svg");
    mask-image: url("../images/icon/ico_angle.svg");
    content: "";
    flex-shrink: 0;
    /* 통합검색 .i-title(1.9rem) : 화살표(2.4rem) 비율 → 1.7rem 제목에 맞춤 */
    width: 1.26em;
    height: 1.26em;
    transform: rotate(-90deg);
    background-color: var(--txt-color);
}
.report_card_desc{
    flex: 1 1 auto;
    margin-bottom: 0;
    min-height: 13.5rem;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: var(--krds-font-weight-regular);
    color: var(--report-card-color-desc);
    word-break: keep-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.report_card_meta{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0;
    margin-bottom: 0;
    padding-bottom: var(--ce-spacer-5);
    border-bottom: var(--krds-light-border-width-variable-regular) solid var(--report-card-color-meta-divider);
    font-size: 1.5rem;
    font-weight: var(--krds-font-weight-regular);
    color: var(--report-card-color-meta);
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
}
.report_card_meta li{
    position: relative;
    flex: 0 0 auto;
    min-width: 0;
}
.report_card_meta li:not(:first-child){
    margin-left: var(--ce-spacer-5);
}
.report_card_meta li:not(:first-child)::before{
    content: "";
    position: absolute;
    left: calc(-1 * var(--krds-gap-4));
    top: 3px;
    width: var(--krds-light-border-width-variable-regular);
    height: var(--krds-size-height-3);
    background-color: var(--report-card-color-meta-divider);
}
.report_card_meta_item--org{
    flex: 1 1 auto !important;
}
.report_card_meta_item--org .report_card_meta_text{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.report_card_btns{
    display: flex;
    justify-content: flex-end;
    gap: var(--krds-gap-3);
    margin-top: 1.8rem;
}
.report_card_btns .krds-btn{
    min-width: 9.5rem;
}

/* 그리드형(테이블) — sub_sample .bbs_list · output.css .tbl.data */
.report_search_type .report_list_bbs.bbs_list .krds-table-wrap.mob-scroll{
    overflow-x: auto;
}
.report_search_type .report_list_bbs.bbs_list .krds-table-wrap .tbl.report_list_tbl tbody td.bbs_subj a{
    font-weight: var(--krds-font-weight-bold);
    color: var(--txt-color);
}
.report_search_type .report_list_bbs.bbs_list .krds-table-wrap .tbl.report_list_tbl tbody td.bbs_subj a:hover{
    color: var(--main-color);
}

/* bbs_list 모바일 카드형 비적용 — 다열 테이블 가로 스크롤 유지 */
@media only screen and (max-width: 1023px){
    .report_search_type .report_list_bbs.bbs_list colgroup{
        display: table-column-group;
    }
    .report_search_type .report_list_bbs.bbs_list thead{
        display: table-header-group;
    }
    .report_search_type .report_list_bbs.bbs_list .krds-table-wrap tbody{
        border-top: none;
    }
    .report_search_type .report_list_bbs.bbs_list .krds-table-wrap tbody tr{
        display: table-row;
        flex-wrap: unset;
        padding: 0;
    }
    .report_search_type .report_list_bbs.bbs_list .krds-table-wrap tbody td{
        display: table-cell;
        width: auto;
        height: auto;
        padding-left: var(--krds-table--data-tbody-padding-sides) !important;
        text-align: center !important;
        border-bottom: var(--krds-table--data-border-width) solid var(--krds-table--data-tbody-color-divider) !important;
    }
    .report_search_type .report_list_bbs.bbs_list .tbl tbody td.bbs_subj{
        text-align: left !important;
    }
}

.report_search_type .report_pagination{
    margin-top: var(--ce-spacer-5);
}

@media all and (max-width: 767px){
    .stat_portal_type > .krds-breadcrumb-wrap,
    .report_search_type > .krds-breadcrumb-wrap{
        padding-top: var(--krds-mobile-gap-layout-header-breadcrumb);
        margin-bottom: var(--krds-mobile-gap-layout-breadcrumb-h1);
    }
    .stat_portal_type .page-title-wrap,
    .report_search_type .page-title-wrap{
        margin-bottom: var(--krds-mobile-gap-layout-h1-h2);
        gap: var(--krds-mobile-gap-layout-title-body-large);
    }
    .stat_portal_type.krds-in-page-navigation-type > .inner:not(.in-between),
    .report_search_type.krds-in-page-navigation-type > .inner:not(.in-between){
        padding-bottom: var(--krds-mobile-gap-layout-contents-footer);
    }
}

@media all and (max-width: 1200px){
    .report_card_grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .report_filter_selects{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media all and (max-width: 767px){
    .report_card{
        min-height: auto;
    }
    .report_card_tit{
        min-height: auto;
    }
    .report_card_desc{
        min-height: auto;
        -webkit-line-clamp: 5;
    }
    .report_card_tit_link::after{
        display: none;
    }
}

@media all and (max-width: 768px){
    .report_search_top .sch-form-wrap .krds-input.xlarge{
        width: 100%;
        font-size: var(--krds-mobile-font-size-heading-small);
    }
    .report_search_box .btn_report_opt_toggle,
    .report_search_filter{ max-width: 100%; }
    .report_card_grid{ grid-template-columns: 1fr; }
    .report_filter_selects{ grid-template-columns: 1fr; }
    .report_filter_actions{ flex-direction: column; }
    .report_filter_actions .krds-btn{ width: 100%; }
    .report_view_type_wrap{ justify-content: flex-start; }
    .report_card_btns{ flex-direction: column; }
    .report_card_btns .krds-btn{ width: 100%; }
}


/*############################## [소다신규생성] 보고서 상세정보 팝업 ###########################*/

.layerpop_report_wrap{
    display: none;
    position: fixed;
    inset: 0;
    z-index: 901;
    background-color: rgba(77, 80, 85, .7);
    overflow-y: auto;
}

body.report_pop_open .layerpop_report_wrap,
body.report_pop_preview .layerpop_report_wrap{
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    box-sizing: border-box;
}

.layerpop_report{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 90.5rem;
    height: 83.3rem;
    max-width: calc(100% - 4rem);
    max-height: calc(100vh - 4rem);
    margin: 0;
    padding: 4rem 4.3rem 3rem;
    border-radius: 2rem;
    background-color: var(--ce-white, var(--ce-bg-color));
    box-sizing: border-box;
    overflow: hidden;
}

.layerpop_report_head{
    flex-shrink: 0;
    margin-bottom: 2.4rem;
}

.layerpop_report_tit{
    font-size: var(--krds-pc-font-size-heading-medium);
    font-weight: var(--krds-font-weight-bold);
    color: var(--txt-color);
    line-height: var(--krds-line-height-none);
}

.btn_reportpop_close{
    position: absolute;
    top: 2.4rem;
    right: 4.3rem;
    z-index: 1;
    width: 2.1rem;
    height: 2.1rem;
    background: url("../images/icon/ico_close.svg") no-repeat center;
    background-size: contain;
}

.layerpop_report_body{
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    gap: 1.5rem;
    overflow-y: auto;
}

.report_pop_block_tit{
    position: relative;
    margin-bottom: 1rem;
    padding-left: 1.6rem;
    font-size: var(--krds-pc-font-size-heading-xsmall);
    font-weight: var(--krds-font-weight-bold);
    color: var(--txt-color);
    line-height: var(--krds-line-height-base);
}

.report_pop_block_tit::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #b8d4be;
}

.report_pop_tbl{
    width: 100%;
    border-top: 1px solid #d8d8d8;
    table-layout: fixed;
}

.report_pop_tbl caption{
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.report_pop_tbl col.th_col{
    width: 12rem;
}

.report_pop_tbl_wrap > .report_pop_tbl + .report_pop_tbl{
    margin-top: -1px;
}

.report_pop_tbl tbody th,
.report_pop_tbl tbody td{
    height: 3.9rem;
    padding: 0 1.2rem;
    font-size: var(--krds-pc-font-size-body-small);
    font-weight: var(--krds-font-weight-regular);
    line-height: var(--krds-line-height-base);
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #d8d8d8;
    word-break: keep-all;
    box-sizing: border-box;
}

.report_pop_tbl tbody th{
    background-color: #eef2f7;
    font-weight: var(--krds-font-weight-regular);
    color: var(--txt-color);
}

.report_pop_tbl tbody td{
    padding: 0 1.6rem;
    background-color: var(--ce-white, var(--ce-bg-color));
    color: var(--txt-color);
    border-left: 1px solid #d8d8d8;
}

.report_pop_tbl tbody tr td:last-child{
    border-right: 1px solid #d8d8d8;
}

body.report_pop_open{
    overflow: hidden;
}

.report_pop_tbl .AL{
    text-align: left;
}

.report_pop_tbl--content tbody th,
.report_pop_tbl--content tbody td{
    height: auto;
    min-height: 3.9rem;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}

.report_pop_tbl--content tbody th{
    vertical-align: top;
}

.layerpop_report_foot{
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    margin-top: 2.4rem;
    padding-top: 1rem;
}

.layerpop_report_foot .krds-btn{
    min-width: 9.5rem;
}

@media all and (max-width: 1023px){
    .layerpop_report{
        width: 100%;
        height: auto;
        max-height: calc(100vh - 4rem);
        margin: 0;
        padding: 3rem 2rem 2rem;
    }

    .btn_reportpop_close{
        top: 1.5rem;
        right: 2rem;
    }

    .report_pop_tbl_wrap{
        overflow-x: auto;
    }

    .report_pop_tbl{
        min-width: 82rem;
    }
}

@media all and (max-width: 767px){
    .layerpop_report_tit{
        font-size: var(--krds-mobile-font-size-heading-small);
    }

    .report_pop_block_tit{
        font-size: var(--krds-mobile-font-size-body-small);
    }
}

.stat_portal_cat_section {
    margin-bottom: 0;
}
.stat_portal_cat_section + .stat_portal_cat_section {
    margin-top: 4rem;
    padding-top: 4rem;
    border-top: 1px solid var(--line-color);
}
.stat_portal_cat_tit {
    margin-bottom: 2rem;
    font-size: var(--krds-pc-font-size-heading-xsmall);
    font-weight: var(--krds-font-weight-bold);
    color: var(--txt-color);
}

@media all and (max-width: 1199px) {
    .stat_portal_cat_section + .stat_portal_cat_section {
        margin-top: 3.2rem;
        padding-top: 3.2rem;
    }
    .stat_portal_cat_tit {
        margin-bottom: 1.6rem;
    }
}

@media all and (max-width: 767px) {
    .stat_portal_cat_section + .stat_portal_cat_section {
        margin-top: 2.4rem;
        padding-top: 2.4rem;
    }
    .stat_portal_cat_tit {
        font-size: var(--krds-mobile-font-size-heading-xsmall);
        margin-bottom: 1.2rem;
    }
}