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

/*******************************
 * Infomation : 국가 통합물관리정보플랫폼 (2차)
 * FileName   : sub.css 
 * Update     : 2026.07.02.
********************************/

/*############################## 데이터 검색 ###########################*/

.wide_inner{ padding-bottom: var(--krds-pc-gap-layout-contents-footer); padding-left: 2rem; padding-right: 2rem;}
.category_tab_menu{}

.btn_{ display: inline-flex;
    content: "";
    display: inline-flex;
    width: var(--krds-icon--size-medium);
    height: var(--krds-icon--size-medium);
    background-color: var(--krds-light-color-text-basic);
    forced-color-adjust: none;}

.krds-btn.text.btn_category_view{ font-size: 1.7rem;}
.btn_category_view i{ transform: rotate(90deg);}
.krds-btn.text.btn_cate gory_view i{ transform: rotate(90deg);}

@media all and (max-width: 768px){
    .wide_inner{ padding-left: 0; padding-right: 0;}
    .krds-btn.text.btn_category_view{ margin-left: auto;}
}

.category_tab_wrap{ position: relative; display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;}
.category_tab{ display: flex;}
.category_tab li{}
.category_tab li button{ position: relative; display: inline-flex; width: 13rem; height: 10rem; border-radius: .8rem .8rem 0 0; font-size: 1.7rem; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem;}
.category_tab li button::before{ content: ""; height: 3rem; width: 3rem; background-repeat: no-repeat; background-position: center;}
.category_tab li:nth-child(1) button::before{ background-image: url("../images/sub/subj_tab_icon01.png");}
.category_tab li:nth-child(2) button::before{ background-image: url("../images/sub/subj_tab_icon02.png");}
.category_tab li:nth-child(3) button::before{ background-image: url("../images/sub/subj_tab_icon03.png");}
.category_tab li:nth-child(4) button::before{ background-image: url("../images/sub/subj_tab_icon04.png");}
.category_tab li:nth-child(5) button::before{ background-image: url("../images/sub/subj_tab_icon05.png");}
.category_tab li:nth-child(6) button::before{ background-image: url("../images/sub/subj_tab_icon06.png");}
.category_tab li:nth-child(7) button::before{ background-image: url("../images/sub/subj_tab_icon07.png");}

.category_tab li.on button{ background-color: #e4e9ee; color: var(--mma-color-prim); font-weight: 600;}
.category_tab li.on:nth-child(1) button::before{ background-image: url("../images/sub/subj_tab_icon01_on.png");}
.category_tab li.on:nth-child(2) button::before{ background-image: url("../images/sub/subj_tab_icon02_on.png");}
.category_tab li.on:nth-child(3) button::before{ background-image: url("../images/sub/subj_tab_icon03_on.png");}
.category_tab li.on:nth-child(4) button::before{ background-image: url("../images/sub/subj_tab_icon04_on.png");}
.category_tab li.on:nth-child(5) button::before{ background-image: url("../images/sub/subj_tab_icon05_on.png");}
.category_tab li.on:nth-child(6) button::before{ background-image: url("../images/sub/subj_tab_icon06_on.png");}
.category_tab li.on:nth-child(7) button::before{ background-image: url("../images/sub/subj_tab_icon07_on.png");}

.sjs_tab_util{ margin-left: auto; display: flex; gap: 1rem;}

.sjs_tag_wrap{ display: flex; gap: 1rem;}
.sjt_tag{ font-size: 1.5rem; height: 4rem; border-radius: 4rem; padding: 0 2rem; background-color: var(--sub-bg-color); box-sizing: border-box; border: 1px solid #fff;}
.sjt_tag.on{ color: var(--mma-text-prim); border: 1px solid var(--mma-color-prim);}

@media all and (max-width:1024px){
    .category_tab li button{ border-radius: 0.8rem;}
    .category_tab_wrap { margin-bottom: 2rem;}
}

@media (max-width: 768px) {
    .category_tab_wrap{ flex-direction: column;}
    .category_tab{ overflow: auto; width: 100%; padding: 0 1rem;}
    .category_tab li{}
    .category_tab li button{ flex-direction: row; height: 6rem;}

    .sjs_tab_util{ width: 100%; justify-content: space-between; margin-top: 2rem;}
}

/*
@media (max-width: 768px) {
    .category_tab_wrap{ flex-direction: column;}
    .category_tab{ flex-direction: column; width: 100%; gap: .8rem;}
    .category_tab li{}
    .category_tab li button{ border: 1px solid #e2e8f0; flex-direction: row; width: 100%; justify-content: left; height: auto; padding: 1rem 3rem; border-radius: .8rem;}

    .sjs_tab_util{ width: 100%; justify-content: space-between; margin-top: 2rem;}
}
*/
.subject_search_cont_wrap{ position: relative; min-height: 1000px; padding-top: 2rem;
    background: linear-gradient(180deg,rgba(237, 241, 245, 1) 0%, rgba(237, 241, 245, 1) 20%, rgba(255, 255, 255, 1) 100%); z-index: 2;
}
.subject_search_cont_wrap::after {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    content: "";
    width: 100vw;
    height: 100%;
    background: url("../images/sub/subj_cont_bg.png") repeat-x top 0 left 0 #fff;
}

.subject_search_cont_wrap .inner{ position: relative; z-index: 2;}

.subj_search_box{ border-radius: 1.5rem; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);}
.subj_search_box + .subj_search_box{ margin-top: 1rem;}
.subj_search_box + .form{ margin-top: 1rem;}
.subj_search_box + .subj_sch_wrap{ margin-top: 1rem;}
.subj_search_inner{ padding: 2.4rem 3.6rem;}

.subj_sch_wrap{ margin-bottom: 4rem;}

.subsb_top_wrap{ min-height: 4rem; display: flex; align-items: center;}
.susb_tit{ min-width: 19.5rem; color: #555; font-size: 1.9rem; font-weight: 600; display: flex; align-items: center; gap: 1rem;}
.susb_tit em{ background-color: #063a74; color: #fff; font-size: 1.5rem; width: 2.5rem; height: 2.5rem; border-radius: 2.5rem; display: inline-flex; justify-content: center; align-items: center;}

.susb_top_cont{}

.susb_box_cont{ margin-top: 1.2rem;}
.subj_search_bottom{ position: relative; height: 4rem; background-color: #f9fafb; border-radius: 0 0 1.5rem 1.5rem; display: flex; justify-content: center; align-items: center;}

.subj_search_bottom .subj_desc{ position: absolute; right: 3.5rem;}

@media (max-width: 768px) {
    .susb_top_cont{ width: 100%;}
    .subj_search_inner{ padding: 2rem;}
    .subsb_top_wrap{ min-height: auto; flex-direction: column; align-items: flex-start; gap: 1.2rem;}
    .subj_search_bottom{ flex-direction: column; height: auto; padding: 1rem;}
    .subj_search_bottom .subj_desc{ position: relative; margin-top: .8rem; right: auto;}
}

.subj_desc{ color: #555; font-size: 1.3rem;}

.data_type_chip_wrap{ display: flex; gap: 1rem; flex-wrap: wrap;}
.data_type_chip{ font-size: 1.5rem; height: 4rem; border-radius: 4rem; padding: 0 2rem; box-sizing: border-box; border: 1px solid #cdd1d5;}
.data_type_chip.on{ color: var(--mma-text-prim); border: 1px solid var(--mma-color-prim); background-color: var(--sub-bg-color);}
@media (max-width: 768px) {
    .data_type_chip_wrap{ flex-wrap: wrap;}
}

/* 데이터 선택 : 수자원 */

.water_reso_tab_wrap{ display: flex; align-items: flex-end; gap: 1.2rem;}
.water_reso_tab{ display: flex; gap: 1.2rem;}
.water_reso_tab button{ width: 23.6rem; font-size: 1.5rem; border: 1px solid #cdd1d5; border-radius: 1rem; height: 5.2rem; padding: 0 1rem; display: flex; align-items: center; justify-content: center; gap: 1rem;}

.water_reso_tab button::before{ content: ""; width: 2.4rem; height: 2.4rem; background-repeat: no-repeat; display: inline-flex; flex-shrink: 0;}
.water_reso_tab button:nth-child(1)::before{ background-image: url("../images/sub/subj_su_icon01.png");}
.water_reso_tab button:nth-child(2)::before{ background-image: url("../images/sub/subj_su_icon02.png");}
.water_reso_tab button:nth-child(3)::before{ background-image: url("../images/sub/subj_su_icon03.png");}
.water_reso_tab button:nth-child(4)::before{ background-image: url("../images/sub/subj_su_icon04.png");}
.water_reso_tab button:nth-child(5)::before{ background-image: url("../images/sub/subj_su_icon05.png");}

.water_reso_tab button.on{ background-color: var(--sub-bg-color); border: 1px solid var(--mma-color-prim); color: #1d56bc; font-weight: 600;}

@media (max-width: 768px) {
    .water_reso_tab_wrap{ flex-direction: column;}
    .water_reso_tab{ width: 100%; flex-direction: column;}
    .water_reso_tab button{ flex: auto; width: 100%; justify-content: left; padding: 0 2rem;}    
}

/* 분야별 상세검색 : 데이터 선텍 : 유역조사 */
.watershed_depth2 {
    display: flex; align-items: center; gap: 1.2rem; max-height: 0;
    flex-wrap: wrap;       /* 모바일에서 자동 줄바꿈 */
    transition: all 0.3s ease;
}
.watershed_depth2 .data-btn {
opacity: 0; transform: scale(0.55) translateY(6px);
pointer-events: none;
transition:
    opacity .28s cubic-bezier(0.34,1.56,0.64,1),
    transform .28s cubic-bezier(0.34,1.56,0.64,1),
    border-color .15s, background .15s, color .15s, box-shadow .15s;
    width: 12rem; height: 4.2rem; border-radius: .6rem; border: 1px solid #3d9fb8; font-size: 1.5rem;
}
.watershed_depth2 .data-btn.on{ background-color: #f0fcff; color: #21839c; font-weight: 600;}

.watershed_depth2.open .data-btn{ opacity: 1; transform: none; pointer-events: auto; }
.watershed_depth2.open .data-btn:nth-child(1) { transition-delay: .00s; }
.watershed_depth2.open .data-btn:nth-child(2) { transition-delay: .06s; }
.watershed_depth2.open .data-btn:nth-child(3) { transition-delay: .12s; }
.watershed_depth2.open .data-btn:nth-child(4) { transition-delay: .18s; }

.watershed_depth2.open{ max-height: 700px;}

.btn_watershed_survey.on{}
.btn_watershed_survey::after{ content: "▶"; font-size: 10px;}

@media (max-width: 768px) {
    .watershed_depth2{ width: 100%;}
    .watershed_depth2 .data-btn{ width: calc(50% - .6rem);}
    .btn_watershed_survey::after{ content: "▼";}
}

.susj_data_chip_wrap{ margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 1.2rem;}
.data_chi_chip{ font-size: 1.5rem; height: 4rem; border-radius: 4rem; border: 1px solid var(--subj-line-color); padding: 0 .8rem 0 .8rem; display: inline-flex; align-items: center;}
.data_chi_chip span{ padding: 0 .8rem 0 .8rem;}
.data_chi_chip.on{ background-color: var(--mma-color-prim); color: #fff; border: 1px solid #fff;}
.data_chi_chip em{ font-size: 1.3rem; padding: 0 .8rem; height: 2.6rem; border-radius: 2.6rem; display: inline-flex; align-items: center;}
.sdt1{ background-color: #eff5ff; color: #1d56bc;} /* 측정 */
.sdt2{ background-color: #e3f3e6; color: #008a1e;} /* 통계 */
.sdt3{ background-color: #fff8ef; color: #bc591d;} /* 기타 */
.sj_d_tag em{}

/* 세부데이터 */
.detail_data_chip_cont{ margin-top: 2rem; border-radius: 1rem; background-color: #ecf2fe; padding: 1.2rem 2.8rem; display: none;}
.detail_data_chip_inner{ display: flex; flex-wrap: wrap; gap: 1.2rem; align-items: center;}
.detail_data_chip_inner.down_show{ display: flex; animation: slideDown 0.2s ease;}

.detail_data_chip_cont .tit{ color: var(--mma-color-prim); font-size: 1.5rem; font-weight: 600;}
.susj_detail_chip_wrap{ display: flex; flex-wrap: wrap; gap: 1.2rem;}
.susj_detail_chip{ font-size: 1.5rem; height: 4rem; border-radius: 4rem; border: 1px solid var(--subj-line-color); background-color: #fff; padding: 0 .8rem 0 .8rem; display: inline-flex; align-items: center;}
.susj_detail_chip span{ padding: 0 .8rem 0 .8rem;}
.susj_detail_chip.on{ background-color: var(--mma-color-prim); color: #fff; border: 1px solid #fff;}
.susj_detail_chip em{ font-size: 1.3rem; padding: 0 .8rem; height: 2.6rem; border-radius: 2.6rem; display: inline-flex; align-items: center;}

@media (max-width: 768px) {
    .detail_data_chip_cont{ padding: 2rem;}
}

.wdataselec_detail_view{ margin-top: 2rem; display: none;}

.subj_wdata_table{ border: 1px solid #b1cefb; border-radius: 1rem; overflow: hidden;}
.subj_wdata_table table{}
.subj_wdata_table table th,
.subj_wdata_table table td{ font-size: 1.5rem; padding: 1rem 1.5rem; border-bottom: 1px solid #e5e7eb;}
.subj_wdata_table table th{ font-weight: 600; text-align: center; background-color: var(--sub-bg-color);}
.subj_wdata_table table tbody tr:last-child th,
.subj_wdata_table table tbody tr:last-child td{ border-bottom: none;}

@media (max-width: 768px) {
    .subj_wdata_table table colgroup{ display: none;}
    .subj_wdata_table table th,
    .subj_wdata_table table td{ padding: .6rem .8rem; font-size: 14px;}
}

.btn_more_text{ color: var(--mma-color-prim); font-size: 15px; display: inline-flex; align-items: center; gap: .6rem;
}
.btn_more_text::after{ content: ""; font-size: 1rem;
    display: inline-flex;
    width: 1.4rem;
    height: 1.4rem;
    -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_arrow_dropdown.svg");
    mask-image: url("../images/icon/ico_arrow_dropdown.svg");
    background-color: var(--mma-color-prim)
}
.btn_more_text.on::after{ transform: rotate(180deg);}

.wastay_more_data{ display: none; animation: slideDown 0.2s ease;}
.wastay_more_data.in_show{ display: contents; animation: slideDown 0.2s ease;}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-8px);}
    to { opacity: 1; transform: translateY(0);}
}

.sub-options-bar.show {
    display: flex;
    animation: slideDown 0.2s ease;
}

.susb_top_cont:has(.cont_in_tab) {
    margin-left: auto;
}

.cont_in_tab{ border: 1px solid var(--line-color); background-color: #fff; padding: .5rem; border-radius: 1rem; display: flex;}
.cont_in_tab li{ position: relative;}
.cont_in_tab li:not(:first-child)::before{ content: ""; background-color: var(--line-color); width: 1px; height: 1.4rem; position: absolute; left: -1px; top: 50%; transform: translateY(-50%); display: inline-flex;}
.cont_in_tab li button{ height: 3rem; padding: 0 2rem; font-size: 1.5rem; border-radius: .5rem;}
.cont_in_tab li.on button{ background-color: var(--mma-color-prim); color: #fff;}
.cont_in_tab li.on + li:not(:first-child)::before{ display: none;}

@media (max-width: 768px) {
    .cont_in_tab li{ flex: 1 auto;}
    .cont_in_tab li button{ height: auto; width: 100%; padding: .8rem; line-height: 1.2;}
}

.susb_area_list{ border: 1px solid var(--line-color); border-radius: 1rem; overflow: hidden; display: flex;}
.susb_area_list > li{ flex: 1;}
.susb_area_list > li + li{ border-left: 1px solid var(--line-color);}

.susb_area_tit{ height: 4rem; background-color: #f9fafb; font-size: 1.5rem; border-bottom: 1px solid var(--line-color); display: flex; align-items: center; justify-content: center;}

.susb_area_item_list{ overflow: auto; padding: 1.5rem 2rem 1.6rem 2rem;}
.susb_area_list > li .susb_area_item_list{ height: 20.8rem;}
.susb_area_item_list li{ position: relative;}
.susb_area_item_list li::before{
    position: absolute; right: -4px; top: 3px;
    width: 1.6rem; height: 1.6rem;
    content: "";
    transform: rotate(-90deg);
    -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");
    display: inline-flex;
    background-color: #000;
    opacity: .6;
}
.susb_area_item_list li:not(:first-child){ margin-top: 1rem;}
.susb_area_item_list li .area_num{ color: var(--mma-color-prim); font-size: 1.5rem;}

.susb_area_list li:last-child .susb_area_item_list li::before{ display: none;}

@media (max-width: 768px) {
    .susb_area_list{ flex-direction: column;}
    .susb_area_list > li + li{ border-left: none; border-top: 1px solid var(--line-color);}
}

.susb_area_tab_wrap{ display: flex; overflow: hidden;}
.susb_area_tab_wrap .krds-input.small{ border: 1px solid var(--line-color);}

.susb_area_tab_wrap .svg-icon.ico-sch{ background-color: var(--mma-color-prim);}

.sub-options-bar.show {
    display: flex;
    animation: leftMoveSlide 0.2s ease;
}

.subj_name_search_wrap{
    overflow: hidden;
    opacity: 0;
    transform: translateX(-20px);
    max-width: 0;
    
    transition: 
        opacity 1.25s ease-out,
        transform 1.35s cubic-bezier(.22,1,.36,1),
        max-width 1.35s cubic-bezier(.22,1,.36,1);
}
.subj_name_search_wrap.left_show{
    margin-left: 1.2rem;
    opacity: 1;
    transform: translateX(0);
    max-width: 400px; /* 실제 영역보다 약간 크게 */
}
@media (max-width: 768px) {
    .susb_top_cont:has(.cont_in_tab){ margin-left: 0; width: 100%;}
    .susb_area_tab_wrap{ flex-direction: column;}
    .subj_name_search_wrap{ display: none;}
    .subj_name_search_wrap.left_show{ max-width: 100%; margin-left: 0; margin-top: 1rem;}
}
/* 측정항목 선택 */
.measure_info_wrap{ flex: 1; display: flex; align-items: center;}

.measure_summary{ display: flex; gap: 2rem;}
.measure_summary .summary_txt{ font-size: 1.5rem;}

.measure_chk_util{ margin-left: auto;}
.measure_chk_option{ margin-left: auto; gap: 2rem; display: none;}
.measure_chk_option.on{ display: flex;}

.measure_chk_txt{ font-size: 1.5rem; color: #555; margin-left: auto;}

.measure_grid_wrap{ margin-top: 2rem; display: none;}
.measure_grid{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px;}

.measure_grid .krds-form-check {
    min-width: 0; /* 🔥 핵심 */
}

.measure_grid > span{ background-color: #ecf2fe; border-radius: 1rem; padding: 1rem 0 1rem 1rem;}
.measure_grid .krds-form-check input[type=radio] ~ label,
.measure_grid .krds-form-check input[type=checkbox] ~ label{ align-items: start; font-size: 1.4rem; word-break: break-all;}

.meas_chk{ cursor: pointer;}
.meas_chk label{ line-height: 1.2;}

@media (max-width: 768px) {
    .measure_grid{ grid-template-columns: repeat(2, 1fr);}
    .measure_info_wrap{ flex-direction: column; width: 100%;}
    .measure_summary{ width: 100%; justify-content: space-between; border-bottom: 1px solid var(--line-color); padding-bottom: 1rem; margin-bottom: 1rem;}
    
    .measure_chk_option{ margin-top: 1rem;}
    .meas_chk label{ word-break: break-word;}
    .measure_grid > span{ padding: 1rem; align-items: center;}
}

/* 조회 기간 */
.sch_filter_box{ display: flex; gap: 4rem; flex-wrap: wrap;}

.sch_filter_box select{ width: auto; color: var(--txt-color);}

@media (max-width: 1023px) {
    .sch_filter_box{ flex-direction: column; width: 100%; gap: 2rem;}
    .sch_filter_box .inp_cal{ flex: 1 auto; width: 100%;}
    .sch_filter_box select{ width: 100%;}
}
.subj_search_btn_wrap{ margin-top: 2.6rem; display: flex; align-items: center;}

.subj_tag_wrap{ display: flex; gap: .8rem; flex-wrap: wrap;}
.subj_tag_tit{ font-size: 1.9rem; font-weight: 600; color: #555; margin: 0 2rem 0 4rem;}
.subj_tag_tit b{ color: var(--mma-color-prim);}
.subj_btn_tag{ border: 1px solid #cdd1d5; background-color: #fff; padding: 0 0.8rem 0 1.2rem; height: 3.4rem; border-radius: 3.4rem; display: inline-flex; align-items: center; gap: .4rem;}
.subj_btn_tag .btn_tag_del{
    width: 1.6rem;
    height: 1.6rem;
    -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_delete.svg");
    mask-image: url("../images/icon/ico_delete.svg");
    -webkit-mask-image: none;
    mask-image: none;
    background-image: url("../images/icon/ico_delete.svg");
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-mask: none;
    mask: none;
    line-height: var(--krds-line-height-none);
}

.subj_btn_wrap{ margin-left: auto; display: flex; gap: .8rem;}
.krds-btn.medium.btn_subj_reset{ height: 4.4rem;}
.krds-btn.medium.btn_subj_serach{ height: 4.4rem; padding: 0 3rem;}

@media (max-width: 768px) {
    .subj_search_btn_wrap{ flex-direction: column; align-items: flex-start; gap: 1.2rem;}
    .subj_tag_tit{ margin: 0;}
    .subj_btn_wrap{ width: 100%; justify-content: flex-end;}
}

.subj_tab + .tab-conts-wrap .search-list-top{ margin-top: 0; align-items: center;}
.search-list-top .sch-sort.line_none li:not(:last-child)::after{ display: none;}

@media (max-width: 768px) {
    .subj_tab + .tab-conts-wrap .search-list-top{ align-items: flex-start;}
}

.grid_area{ overflow: auto;}
.graph_area{ overflow: auto;}
.graph_area + .graph_area{ margin-top: 2rem;}

.subj_more_info_wrap{ margin-top: 10rem; padding: 2rem 2.5rem 2.5rem 2.5rem; border-radius: 1.5rem; background-color: #edf1f5;}

.subj_more_tit{ font-size: 1.9rem; font-weight: 600; margin-bottom: 2.2rem; display: flex; align-items: center; gap: 1.2rem;}
.subj_more_tit::before{ content: ""; width: 3.6rem; height: 3.4rem; display: inline-flex; background: url("../images/sub/subj_more_info_tit.png") no-repeat;}

.subj_more_info_list{ display: flex; gap: 2rem;}

.subj_more_box{ flex: 1; border-radius: 1rem; background-color: #fff; padding: 1.5rem 2rem 2.5rem 3.5rem;}

.more_box_top{ margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between;}
.moreinfo_tit{ font-size: 1.9rem; font-weight: 600;}
.more_box_cont{ font-size: 1.5rem;}
.more_box_cont b{ color: var(--mma-color-prim);}

.btn_moreinfo_link{ width: 4.2rem; height: 4.2rem; border-radius: 4.2rem; background-color: #edf1f5; display: inline-flex; justify-content: center; align-items: center;}

@media (max-width: 768px) {
    .subj_more_info_list{ flex-wrap: wrap;}
    .subj_more_box{ flex: auto; padding: 1.5rem 2rem;}
}

.tree_wrap{ background: #fff; border-radius: 5px; height: calc(100% - 5rem);}
.tree_top{ background-color: #eef2f7; height: 4rem; display: flex; justify-content: center; margin-bottom: 12px;}

.btn_tree_show{ position: relative; font-size: 1.5rem; text-decoration: underline; display: flex; align-items: center; gap: 1rem;}
.btn_tree_show::after,
.btn_tree_show.off::after{ content: ""; width: 2rem; height: 2rem;}
.btn_tree_show::after{ background: url("../images/sub/icon_tree_plus.png") no-repeat;}
.btn_tree_show.off::after{ background: url("../images/sub/icon_tree_minus.png") no-repeat;}

.tree_list_wrap{ overflow: auto; height: 50rem; padding: 0 2rem;}

.tree_list{ margin-bottom: 1rem;}
.tree_list li{ margin-bottom: 1rem;}
.tree_list li:last-child{ margin-bottom: 1.2rem;}
.tree_list input[type=radio]{ margin-right: 5px; vertical-align: middle;}
.tree_list label{ vertical-align: middle;}

/*
.btn_tree{ width: 2rem; height: 2rem; background: url("../images/sub/icon_tree_minus.png") no-repeat center;}
*/

.btn_tree{ width: 4.9rem; height: 2rem; 
	background-image: url("../images/sub/icon_foder_open.png"),
	url("../images/sub/icon_tree_minus.png");
	background-repeat: no-repeat;
	background-position: left center, right center;	
}
.btn_tree.off{ 
    background-image: url("../images/sub/icon_foder_close.png"),
    url("../images/sub/icon_tree_plus.png");}

.tree_tit{ position: relative; color: #000; margin-bottom: .8rem; display: flex; align-items: center;}
.tree_tit > span{ margin-left: 1.2rem;}
/*
.tree_list > div > .btn_tree.off + span{ background: url("../images/sub/icon_foder_close.png") no-repeat left center; padding-left: 22px;}
*/

.tree_dep2{ margin: 0 0 0 2.9rem; display: block;}
.tree_dep2 > li{ }
.tree_dep2 > li > span{}
.tree_dep2 li .form_check input[type=radio] ~ label { display: flex; align-items: center; padding-left: 24px;}

.tree_dep2 li .krds-form-check input[type=radio] ~ label{ display: flex;}

.tt_type{ position: absolute; display: inline-block; width: 5.2rem; padding: .1rem 0; text-align: center; font-size: 1.5rem; right: 4px; top: 0; border-radius: .6rem;}
.tt1{ background: #eff5ff; color: #1d56bc;} /* 측정 */
.tt2{ background: #eaf6ec; color: #228738;} /* 통계 */
.tt3{ background: #fff8f5; color: #a85131;} /* 기타*/
.tt4{ background: #fff8f5; color: #e27500;} /* GIS */

.tt5{ background: #ecf2fe; color: #0b50d0;} /* 관측 */
.tt6{ background: #fdefec; color: #bd2c0f;} /* 예측 */
.tt7{ background: #edf6f8; color: #1f687a;} /* 현황 */
.tt8{ background: #fff3db; color: #8a5c00;} /* 연보 */
.tt9{ background: #e7f4fe; color: #096ab3;} /* 보고서 */

.tree_dep2 li{ position: relative;}
.tree_dep2 li .btn_tree{ }

.tree_dep2 ul{ margin: .6rem 0 0 3rem;}

.tree_dep2.off{ display: none;}
.tree_dep3.off{ display: none;}

.tree_search{ display: flex; gap: 10px; margin-bottom: 10px;}
.tree_search span{ display: flex; gap: .8rem;}
.tree_search input{ width: 100%; height: 4.4rem; border-radius: .6rem; border: 1px solid #717171; font-size: 1.7rem;}

.sd_bg {
    background: #dee9fc;
    color: #1d56ca;
}

/* 데이터 검색 : 카테고리 팝업 */
.krds-modal .modal-dialog.subj_category_pop{ width: 43rem;}
.krds-modal .modal-dialog.subj_category_pop .modal-content{ border: 4px solid #063a74;}
.krds-modal .modal-dialog.subj_category_pop .modal-header{ border-radius: 0; height: 6rem;}
.krds-modal .modal-dialog.subj_category_pop .modal-conts{ overflow-y: hidden; padding: var(--krds-modal--conts-padding-top) 1rem var(--krds-modal--conts-padding-bottom);
}

.krds-modal .modal-dialog.subj_category_pop .modal-header{ padding: 0 0 0 2rem; background-color: #063a74; color: #fff; display: flex; align-items: center;}

.subj_category_pop .krds-modal .modal-dialog .btn-close {
    position: absolute;
    top: var(--krds-modal--btn-close-position);
    right: var(--krds-modal--btn-close-position);
    z-index: 901;
}

.svg-icon.ico-go {
    -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_go.svg");
    mask-image: url("../images/icon/ico_go.svg");
    
}

/*############################ 대용량 데이터셋 #########################*/
.search-between-conts.big_data_search_wrap{ gap: 6.4rem;}
.search-between-conts.big_data_search_wrap .contents{ width: 100%;}
.big_dataset_wrap{ border: 1px solid red; position: relative;}

/* 선택한 항목 quick */
.big_data_search_wrap .krds-in-page-navigation-area{ z-index: 60;}

@media (max-width: 1023px) {
    .search-between-conts .aside {
        display: none;
    }
}

.scroll-down .krds-in-page-navigation-type.bigdataset_type .krds-in-page-navigation-area{ top: 8rem !important;}
.krds-in-page-navigation-type.bigdataset_type .krds-in-page-navigation-area{ top: 36rem;}

.krds-in-page-navigation-type.bigdataset_type .krds-in-page-navigation-area{
    right: calc((100% - var(--krds-contents-wrap-size)) / 2 - 24rem - 0rem) !important;
    width: 24rem;
}

@media (max-width: 1680px) {
    .krds-in-page-navigation-type.bigdataset_type > .inner:not(.in-between) {
        padding-right: var(--krds-contents-padding-x);
    }
}

.search-list-top .sch-sort .w-hide2{ display: none;}
@media (max-width: 1023px) {
    .search-list-top .sch-sort .w-hide2 {
        display: flex !important;
    }
    .search-list-top .sch-sort .m-sort-btn.filter {
        display: flex;
        align-items: center;
    }
}

.search-list-top .sch-info li:not(:last-child)::after,
.search-list-top .sch-sort li:not(:last-child)::after {
    bottom: auto; top: 50%; transform: translateY(-50%);
}

.krds_page_nav_ori{ right: calc((100% - 1248px) / 2 - (16rem - 24px + 4rem));}
:root {
    
    --krds-in-page-navigation--position-right: calc((100% - var(--krds-contents-wrap-size)) / 2 - (var(--krds-in-page-navigation--width) - var(--krds-contents-padding-x) + var(--krds-pc-gap-layout-contents-right)));
    
    --krds-in-page-navigation--position-rightaaa: calc((100% - var(--krds-contents-wrap-size)) / 2 - (var(--krds-in-page-navigation--width) - 2.4 + 4rem));
}

/* 대용량 데이터셋 : 검색 필터 */
.bigdata_tab{ }
.bigdata_tab ul{}

.bigdata_tab ul li button{ font-size: 1.5rem !important; line-height: 1.2 !important; margin-top: 0 !important;}

.tab.full.bigdata_tab > ul > li{  width: calc(50% - 2px); flex: auto;}

.aside .tab.full.bigdata_tab > ul{ gap: .4rem;}
.aside .tab.full.bigdata_tab > ul li button{ height: 4.2rem; border-radius: .6rem; border: 1px solid #b1b8be;}
#bigdatatab04{ margin-bottom: -1rem;}

@media (max-width: 767px) {
    .tab.fill.full.bigdata_tab ul li{ flex: 1;}
    .bigdata_tab ul li button{}
}

.bicdatatab_area{ gap: 2.2rem;}
.bigdata_sel_group{ display: flex; flex-direction: column; gap: .8rem;}

/* 대용량 데이터셋 : 카드 : badge */
.krds-in-page-navigation-type.bigdataset_type .krds-structured-list .card-top{ justify-content: space-between;}
.krds-badge.best_badge {
    background-color: #ffe6dc;
    color: #ff4500;
}

/* 검색필터 */
.search-between-conts.big_data_search_wrap .aside{ width: 24rem;}

.filter-list.krds-accordion .accordion-item .accordion-body{}

/* 대용량 데이터셋 : 다운로드 타입 */
.bigdataset_list_type{ border-top: 1px solid #cdd1d5; padding-top: 3rem; margin-bottom: 2rem; display: flex; align-items: center; justify-content: flex-end;}

.bigdataset_list_wrap{}
.bigdataset_list_wrap.bigd01{ }
.bigdataset_list_wrap.bigd02{ display: none;}

.bigdataset_type_tab{ display: flex; align-items: center; gap: 1.5rem;}
.bigdataset_type_tab li{}
.bigdataset_type_tab li button{ font-size: 1.7rem; padding: .2rem .5rem; display: inline-flex; align-items: center; gap: .6rem;}
.bigdataset_type_tab li button i{ width: 2rem; height: 2rem;}
.bigdataset_type_tab li.on button{ color: #063a74; border-bottom: 2px solid #063a74;}
.bigdataset_type_tab li.on button i{ background-color: #063a74;}

/* 대용량 데이터셋 : 선택항목 Quick */
.bigdataset_down_wrap{ border-radius: 1rem; background-color: #eef2f7; padding: 2rem 2rem;}

.big_dataset_down_top{ position: relative; color: #052b57; font-size: 1.7rem; font-weight: 600; padding-bottom: 1rem; display: flex; align-items: center;}

.big_dataset_down_top::after{ content: ""; position: absolute; background-color: #cdd1d5; height: 1px; width: 19rem; bottom: 0;}
.big_dataset_down_bottom{ position: relative;}
.big_dataset_down_bottom::before{ content: ""; position: absolute; background-color: #cdd1d5; height: 1px; width: 19rem; top: 0;}

.bds_down_item_total{ color: #052b57; font-size: 1.7rem; font-weight: 600; padding: 1.8rem 0; display: flex; align-items: center; gap: .4rem;}

.big_dataset_down_list{ position: relative; max-height: 30rem; overflow: auto; padding: 1.2rem 0; display: flex; flex-direction: column; gap: .8rem;}

.bds_down_item_decs{ text-align: center; padding-right: 1.2rem;}

.bds_down_item{ padding: .6rem 1rem .6rem 1.4rem; border-radius: 2rem; border: 1px solid #c6c6c6; background-color: #fff; display: inline-flex; align-items: center; justify-content: space-between; gap: .8rem;}
.bds_down_item a{ font-size: 1.5rem; word-break: break-all;}
.bds_down_item .btn-delete{
    width: 1.6rem;
    height: 1.6rem;
    -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_delete_fill.svg");
    mask-image: url("../images/icon/ico_delete_fill.svg");
    -webkit-mask-image: none;
    mask-image: none;
    background-image: url("../images/icon/ico_delete_fill.svg");
    background-color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-mask: none;
    mask: none;
    line-height: var(--krds-line-height-none);
    flex-shrink: 0;
}

.bds_down_btn_wrap .krds-btn{ width: 100%;}

@media (max-width: 767px) {
    .krds-in-page-navigation-type.bigdataset_type .krds-in-page-navigation-area{ width: 100%; margin-top: 2rem;}
    .bigdataset_down_wrap{ padding: 2rem;}
    .bds_down_item{ width: calc(100% - 1.6rem);}
    
    .big_dataset_down_top::after,
    .big_dataset_down_bottom::before{ width: calc(100% - 2rem);}
}

/* 대용량 데이터셋 : 관련정보 */
.bigdataset_link_wrap{ background-color: #fff; border-radius: 1rem; border: 1px solid #b1b8be; padding: 3rem 2rem;}

.big_dataset_link_top{ position: relative; color: #052b57; font-size: 1.7rem; font-weight: 600; padding-bottom: 1rem; border-bottom: 1px solid #cdd1d5; display: flex; align-items: center;}

.big_dataset_link_list li{ padding: 1rem 0;}
.big_dataset_link_list li:not(:last-child){ border-bottom: 1px dashed #cdd1d5;}
.big_dataset_link_list li:last-child{ padding: 1rem 0 0 0;}
.big_dataset_link_list li a strong{ position: relative; font-size: 1.7rem; font-weight: 600; margin-bottom: .6rem; display: flex; align-items: center; justify-content: space-between;}
.big_dataset_link_list li a strong::after{ content: ""; background: url("../images/icon/ico_go.svg") no-repeat; background-size: contain; width: 1.6rem; height: 1.6rem; display: inline-flex;}
.big_dataset_link_list li a p{ font-size: 1.5rem; color: #464c53;}

.krds-table-wrap .tbl.bigdataset_tbl thead th,
.krds-table-wrap .tbl.bigdataset_tbl tbody td{ text-align: center; padding: 1.2rem 1rem; font-size: 1.5rem;}
.krds-table-wrap .tbl.bigdataset_tbl tbody tr td:not(:first-child){ cursor: pointer;}

/* 대용량 데이터셋 카드형 */
.bigdataset_list_wrap .krds-structured-list .card-body .c-text .c-tit::after{ display: none;}
.big_card_info_list{}
.big_card_info_list li{ display: flex;}
.big_card_info_list li:not(:first-child){ margin-top: .6rem;}
.big_card_info_list li strong{ flex-shrink: 0; font-size: 1.7rem; width: 9.4rem; display: inline-flex;}
.big_card_info_list li span{ font-size: 1.7rem; word-break: keep-all;}

.bigdataset_list_wrap .krds-structured-list .card-body .c-text .c-tit{ text-decoration: none; display: flex; align-items: center; gap: .8rem;}

.btn_bigdata_detail_view{ width: 2.4rem; height: 2.4rem; display: inline-flex;}

.bigcard_chip_wrap{ width: 100%; border-top: 1px solid #cdd1d5; padding-top: 2rem; display: flex; gap: .4rem; flex-wrap: wrap;}

.btn_bigcard_chip{flex: 1 auto; border: 1px solid #c6c6c6; border-radius: .5rem; font-size: 1.5rem; height: 3.4rem; display: inline-flex; align-items: center; justify-content: center; gap: .2rem;}
.btn_bigcard_chip::before{
    content: "";
    display: inline-flex;
    width: 1.6rem;
    height: 1.6rem;
    forced-color-adjust: none;
    -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_checkbox.svg");
    mask-image: url("../images/icon/ico_checkbox.svg");
    background-color: #8a979e;
    transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);
}

.btn_bigcard_chip.on{ color: var(--mma-text-prim); border-color: #246beb; background-color: #eff5ff;}
.btn_bigcard_chip.on::before{ background-color: #246beb;}

.bigdataset_list_wrap .krds-structured-list > li.ch_on{
    border-color: transparent;
    outline: 2px solid var(--mma-color-prim);
}

.btn_date_chk{ border: 1px solid #c6c6c6; height: 3.2rem; border-radius: .4rem; font-size: 1.5rem; padding: 0 1rem;}
.btn_date_chk.on{
    border-color: var(--mma-color-prim); background-color: var(--mma-bg-secd-color);  color: var(--mma-text-prim);
}


/* 대용량 데이터셋 : 파일 다운 (레이어 팝업) */

/* 대용량 데이터셋 : 안내 팝업 (레이어 팝업) */
.layerpop_bigdata_info{}

.bdi_tit_logo img{ position: absolute; left: 4rem; top: 4rem;}
.krds-modal.layerpop_bigdata_info .modal-dialog{ width: 96rem;}

.layerpop_bigdata_info .modal-btn.btn-wrap{ justify-content: center;}

.bdi_pop_cont{ padding: 4rem 3rem 0 3rem;}
.bdi_pop_cont .bdi_txt_01{ font-size: 2.4rem; display: block; text-align: center; padding-top: 9rem; background: url("../images/sub/bdi_icon_down.png") no-repeat top 0 center;}
.bdi_pop_cont .bdi_txt_02{ text-align: center; font-size: 1.7rem; color: #464c53; margin-top: 1rem;}

.bdi_flow_list{ margin-top: 2rem; display: flex;}
.bdi_flow_list li{ position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; gap: 1.5rem;}
.bdi_flow_list li:not(:first-child)::before{ content: "▶"; font-size: 2.2rem; color: #bfc9d9; position: absolute; left: -1rem; top: 7.4rem;}

.bdi_flow_list li strong{ font-size: 1.7rem;}
.bdi_flow_list li strong em{ margin-right: .6rem; background-color: var(--mma-color-prim); width: 2.4rem; height: 2.4rem; border-radius: 2.4rem; color: #fff; font-size: 1.5rem; display: inline-flex; justify-content: center; align-items: center;}
.bdi_flow_list li .icon_box{ width: 10rem; height: 10rem; border-radius: 1rem; border: 1px solid #cdd1d5; display: flex; justify-content: center; align-items: center;}
.bdi_flow_list li p{ text-align: center; font-size: 1.5rem; color: #464c53; padding: 0 1rem;}
.bdi_flow_list li:last-child p{ padding: 0 2rem;}

.bdi_pop_foot{ font-size: 1.7rem; color: #464c53; text-align: center; margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #cdd1d5;}

@media (max-width: 767px) {
    .krds-modal.layerpop_bigdata_info .modal-dialog{ width: 100%;}
    .bdi_pop_cont{ padding: 0;}
    .bdi_tit_logo{ display: none;}
    .bdi_tit_logo img{ position: relative; left: auto; top: auto;}
    .bdi_pop_cont .bdi_txt_01{ margin-top: 2rem;}
    .bdi_flow_list{ flex-direction: column; gap: 4rem;}
    .bdi_flow_list li:not(:first-child)::before{ content: "▼"; top: -3rem; left: 50%; transform: translateX(-50%); font-size: 1.5rem;}
}

/* 공통 레이어 팝업 */
.layerpop_bigdatadown_wrap{
  position: fixed;
  height: 100vh;
  width: 100%;
  z-index: 99;
  background-color: rgba(77, 80, 85, .7);
  top: 0;
  left: 0;
}
.layerpop_bigdatadown{ position: fixed; z-index: 99;
    border-radius: 2rem;
    padding: 3rem 4rem 4rem 4rem;
    background-color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 40rem;
}

/* 용량 데이터셋 : 파일 다운 (레이어 팝업) */
.layerpop_bigdatadown{ min-width: 81.4rem; min-height: 41.8rem;}
.layerpop_bigdatadown .layerpop_wrap{ width: 98rem;}
.layerpop_bigdatadown .layerpop_top{ border-bottom: 1px solid #6d7882; margin-bottom: 2rem; display: flex; justify-content: space-between; align-items: center;}
.layerpop_bigdatadown .layerpop_top .layerpop_tit{ border-bottom: 4px solid #063a74; padding: 0 1rem; height: 6rem; font-size: 1.9rem; display: inline-flex; align-items: center;}
.layerpop_bigdatadown .layerpop_bds_cont{ padding: 3rem; border-radius: 1rem; background-color: #eef2f7;}

.bigdatadown_list{}
.bigdatadown_list li{ display: flex; align-items: center;}
.bigdatadown_list li:not(:first-child){ margin-top: 1rem;}
.bigdatadown_list li strong{ width: 9.8rem; flex-shrink: 0;}
.bigdata_pop_sel{ width: 18rem;}

.layerpop_bigdatadown .layerpop_btn_wrap{ margin-top: 2rem; display: flex; justify-content: flex-end; gap: .6rem;}
.layerpop_bigdatadown .layerpop_btn_wrap .krds-btn{ min-width: 8rem;}

/* 대용량 데이터셋 : 데이터 상세보기(레이어 팝업) */
.layerpop_bigdataset_wrap{
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 901;
    background-color: rgba(77, 80, 85, .7);
    opacity: 1;
    top: 0;
    display: none;
}
.layerpop_bigdataset{ border-radius: 2rem; padding: 2rem 4rem 4rem 4rem; background-color: #fff; width: 110rem; top: 6vh; left: 50%; transform: translateX(-50%); position: absolute;}

.layerpop_bds_top{ border-bottom: 1px solid #6d7882; display: flex; align-items: center; justify-content: space-between; min-height: 5rem;}

.layerpop_bds_top h3{ font-size: 2.1rem;}

.layerpop_bds_cont{ margin-top: 2rem;}

.bds_pop_tab{ display: inline-flex;}
.bds_pop_tab li{}
.bds_pop_tab li button{ position: relative; font-size: 1.9rem; font-weight: 600; color: #8a949e; height: 7.4rem; padding: 0 1.2rem; display: inline-flex; align-items: center;}

.bds_pop_tab li.on button{ color: #464c53;}
.bds_pop_tab li.on button::before{ content: ""; position: absolute; width: 100%; height: 4px; background-color: #063a74; left: 0; bottom: 0;}

@media (max-width: 767px) {
    .bds_pop_tab li button{ position: relative; font-size: 1.5rem; height: 5rem;padding: 0 1.2rem;}
}

.bds_tab_cont{ display: none;}
.bds_tab_cont.bdstc_01{ display: block;}
.bds_tab_cont.bdstc_02{ }

.btn_bdspop_close{ background: url("../images/icon/ico_close.svg"); width: 2.2rem; height: 2.2rem; display: inline-flex;}

.bds_pop_tbl{ border-top: 1px solid #d8d8d8;}
.bds_pop_tbl thead th{ background-color: #eef2f7; border-bottom: 1px solid #9ba1bc; padding: .8rem 2rem; text-align: center;}
.bds_pop_tbl thead th:not(:first-child){ border-left: 1px solid #d8d8d8;}

.bds_pop_tbl tbody th,
.bds_pop_tbl tbody td{ font-size: 1.5rem; text-align: center; border-bottom: 1px solid #d8d8d8;}
.bds_pop_tbl tbody th{ background-color: #eef2f7; padding: .8rem 2rem;}
.bds_pop_tbl tbody td{ padding: .8rem 1.2rem; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;}
.bds_pop_tbl tbody td:first-child{ border-left: none;}
.bds_pop_tbl tbody td:last-child{ border-right: none;}

.bdsp_link{ color: #246ffe; text-decoration: underline;}

.bds_pop_tbl_wrap.data_preview{ overflow: auto;}
.bds_pop_tbl_wrap.data_preview th,
.bds_pop_tbl_wrap.data_preview td{ white-space: nowrap;}

@media (max-width: 1023px) {
    .layerpop_bigdataset_wrap{ padding: 2rem;}
    .layerpop_bigdataset{ position: relative; width: 100%;}
    .bds_pop_tbl_wrap {
        overflow: auto;
        width: 100%;
    }

    .bds_pop_tbl_wrap.data_detail .bds_pop_tbl{ width: 110rem;}
    .bds_pop_tbl_wrap.data_preview .bds_pop_tbl{ }
}

@media (max-width: 767px) {
    .layerpop_bigdataset{ top: 0; height: calc(100vh - 4rem); padding: 1.5rem 2rem 2rem 2rem; display: flex;
        flex-direction: column;}
    .layerpop_bds_cont{ overflow: auto;}
}

.bdstc_data_preview_top{ margin-bottom: 2rem; display: flex; align-items: center; justify-content: space-between;}
.bdstc_data_preview_top p{ font-size: 1.5rem;}
.bds_pre_sel{ max-width: fit-content;}

@media (max-width: 767px) {
    .bdstc_data_preview_top{ flex-direction: column; align-items: flex-start; gap: 1rem; position: sticky; top: 0; background-color: #fff; padding-bottom: 1rem;}
    .bds_pre_sel{ max-width: 100%;}
}

/* 대용량 데이터셋 : 파일 다운로드 (레이어 팝업) */
.bigdata_laypop{ width: 98rem;}
.bigdata_laypop .layerpop_bds_cont{}
.bigdata_laypop .bigdata_info_wrap{ margin-bottom: 1.2rem; display: flex; align-items: center; justify-content: space-between;}
.bigdata_laypop .bigdata_info_wrap .file_info{ font-size: 1.5rem;}
.bigdata_laypop .bigdata_info_wrap .file_info strong{ color: var(--mma-color-prim);}

.btn_bigdata_allview{ font-size: 1.5rem; display: inline-flex; align-items: center; gap: .8rem;}
.btn_bigdata_allview em{ position: relative; width: 2rem; height: 2rem; border-radius: 2rem; background-color: #063a74; display: inline-flex;}
.btn_bigdata_allview em::before,
.btn_bigdata_allview em::after{ content: ""; width: 1rem; height: 2px; background-color: #eef2f7; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50% );}
.btn_bigdata_allview em::after{ transform: translate(-50%, -50% ) rotate(90deg);}

.bigdata_wh_box{ background-color: #fff; border-radius: 1rem; padding: 2rem;}
.bigdata_wh_box:has(.bigdata_filelist_wrap){ height: 39.2rem;}
.bigdata_filelist_wrap{ height: 35rem; overflow: auto;}

.bigflist_top{ display: flex; gap: .8rem;}
.bigflist_top strong{ border-bottom: 2px solid #063a74; height: 3.4rem; display: flex; align-items: center; justify-content: center;}
.bigflist_top .bl_file_name{ flex: 1;}
.bigflist_top .bl_file_size{ width: 9.8rem;}

.tree_list{ margin-top: 1rem; padding-left: 2.6rem;}
.tree_list li{ margin-top: .6rem;}
.tree_list > li > ul{ margin-left: 1.2rem; display: none;}
.tree_list li > ul ul{ margin-left: .9rem; display: none;}

.tree_list .tree_list_in .file_size{ width: 9.8rem;}
.tree_list .tree_list_in{ display: flex;}

.tf_file_info{ flex: 1; display: flex; align-items: flex-start; gap: .8rem;}

.tf_f_btnwrap{ position: relative; display: inline-flex; gap: 0.8rem;}
.tf_f_btnwrap::before{ content: ""; width: 1rem; height: 2rem; background: url("../images/sub/icon_tf_arr.png") no-repeat center right 0; position: absolute; left: -2rem; top: 0;}
.tf_f_btnwrap.on::before{ background: url("../images/sub/icon_tf_arr_on.png") no-repeat center right 0; width: 1.4rem;}
.tree_list li > ul ul .tf_f_btnwrap::before{ display: none;}

.tf_file_info .tf_chk{ width: 2rem; height: 2rem; background: url("../images/sub/icon_chk.png") no-repeat; display: inline-flex}
.tf_file_info .tf_chk.on{ background: url("../images/sub/icon_chk_on.png") no-repeat;}
.tf_file_info .tf_folder{ width: 2.1rem; height: 2rem; background: url("../images/sub/icon_folder.png") no-repeat center; display: inline-flex;}
.tf_file_info .tf_folder.on{ background: url("../images/sub/icon_folder_on.png") no-repeat center;}
.tf_file_info:has(.tf_folder){}

.file_size_m{ display: none;}

@media (max-width: 767px) {
    .layerpop_bigdatadown{ width: calc(100% - 2rem); min-width: calc(100% - 2rem);}
    .layerpop_bigdatadown{ padding: 2rem;}
    .layerpop_bigdatadown .layerpop_bds_cont{ padding: 2rem;}
    .bigdatadown_list li{ flex-direction: column; align-items: flex-start;}
    .bigdatadown_list li:not(:first-child){ margin-top: 2rem;}
    .bigdatadown_list li strong{ margin-bottom: .8rem;}
    .bigdata_pop_sel{ width: 100%;}
}

@media (max-width: 767px) {
    .bigdata_filelist_wrap{ overflow: auto; height: 100%;}
    .tree_list{ padding-left: 1.6rem;}
    .bigflist_top{ display: none;}
    .tf_file_size{ display: none;}
    .file_size_m{ font-size: 1.3rem; color: #646464; margin-left: .6rem; display: inline-block;}
    .tf_name{ font-size: 14px;}
    .bigdata_wh_box{ padding: .8rem;}
}

.bigdata_laypop .layerpop_bds_cont{ overflow:hidden;}

/* 통합검색 */
.total_search_top_box{ margin-bottom: 8rem;}
.total_search_top_box .search-top-box{ height: 18.4rem; display: flex; align-items: center; justify-content: center;}

.search-top-box .sch-form-wrap .krds-input{ width: 71rem;}

.total_search_top_box .search-top-box .sch-form-wrap .krds-input{ width: 71rem;}

@media (max-width: 767px) {
    .total_search_top_box .search-top-box{ height: auto; display: block;}
    .total_search_top_box{}
    .search-top-box .sch-form-wrap .krds-input{ width: 100%; font-size: 1.9rem;}
    .total_search_top_box .search-top-box .sch-form-wrap .krds-input{ width: 100%; height: 6rem; font-size: 1.9rem;}
    .total_search_top_box .search-top-box .krds-btn{ width: 3rem; height: 3rem;}
}

.tod_chip_wrap{ flex-wrap: wrap;}
.tod_chip_wrap .krds-form-chip{ flex: 0 calc(50% - .4rem);}

.krds-form-chip input[type=radio] ~ label, .krds-form-chip input[type=checkbox] ~ label{ height: 4.4rem;}
.search-between-conts .contents{ width: 100%;}

.search-between-conts .aside{ width: 24rem;}
.search-list-top.border{ border-bottom: 2px solid var(--search-list-color-border);}

/* 통합검색 : 검색결과 : 리스트 : 상단 */
.total_search_list_top{ margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between;}
.total_search_list_tit{ font-size: 1.7rem;}
.btn_total_search_list_more{ font-size: 1.7rem; display: inline-flex; align-items: center;}
.btn_total_search_list_more::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: "";
    transform: rotate(-90deg);
    width: 1.8rem;
    height: 1.8rem;
    display: inline-block;
    background-color: #1d1d1d
}

/* 통합검색 : 검색결과 : 리스트 */
.total_all_search_list > li:not(:first-child){ margin-top: 4rem;}

.krds-btn.link:visited,
.total-search-list .info-body a:visited{ color: inherit;}

.total-search-list .total-search-item:first-child{ padding-top: 3rem;}
.total-search-list .total-search-item:not(:first-child){ margin-top: 2rem;}
.total-search-list .total-search-item{ border: 1px solid #b1b8be; border-radius: 1rem; padding: 3rem; gap: var(--krds-gap-4);}

.total-search-list .total-search-item:hover a{ text-decoration: underline;}

.total-search-list .info-top .i-title{ position: relative; font-size: 1.9rem; font-weight: 600; margin-bottom: -4px;}
.total-search-list .info-top .i-title::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: "";
    position: absolute;
    top: .2rem;
    right: -2.4rem;
    transform: rotate(-90deg);
    width: 2.4rem;
    height: 2.4rem;
    display: inline-block;
    background-color: #1d1d1d;
}
@media (max-width: 767px) {
    .total-search-list .info-top {
        flex-direction: column;
        align-items: flex-start;
    }
    .total-search-list .info-top .i-title::after{ display: none;}
}

.total-search-list .info_loc{}

.total-search-list .info_loc a{ color: #0f62fe; font-size: 1.7rem;}

.total-search-list .info_etc{ display: flex; flex-wrap: wrap;}
.total-search-list .info_etc li{ position: relative; font-size: 1.5rem; color: #1e2124;}
.total-search-list .info_etc li:not(:first-child){ margin-left: 2rem;}
.total-search-list .info_etc li:not(:first-child)::before{
    content: ""; background-color: #cdd1d5; width: 1px; height: 1.6rem; position: absolute; left: -1.1rem; top: 3px;
}

/* 통합검색 : 자료/보고서 */
.total-search-list .total-search-item .info_wrap{ display: flex; gap: 2rem;}
.total-search-list .total-search-item .info_wrap .info_in{ flex: 1; display: flex; flex-direction: column; gap: var(--krds-gap-4);}
.total-search-list .total-search-item .info_wrap .info_right{ display: flex;}

/* 통합검색 : 자료/보고서 : 미리보기 */
.btn_report_priview{ flex-shrink: 0;}

.ts_report_priview_wrap{ margin-top: 2rem; border-radius: 1rem; border: 1px solid #e6e8ea; overflow: hidden; display: none;}
.ts_report_priview_wrap .rp_top{ font-size: 1.7rem; font-weight: 600; background-color: #d6e0eb; padding: 1rem 2rem;}
.ts_report_priview_wrap .rp_cont{ background-color: #eef2f7; padding: 1rem;}
.ts_report_priview_wrap .rp_page_list{}
.ts_report_priview_wrap .rp_page_list li{ background-color: #fff; border-radius: 1rem; padding: 2rem; display: flex; align-items: center; gap: 2rem;}
.ts_report_priview_wrap .rp_page_list li span{ width: 5.4rem; height: 2.5rem; border-radius: 2.5rem; font-size: 1.5rem; color: var(--mma-color-prim); background-color: #eff5ff; display: inline-flex; justify-content: center; align-items: center;}
.ts_report_priview_wrap .rp_page_list li p{ flex: 1; font-size: 1.5rem;}

.ts_report_priview_wrap .rp_page_list li:not(:first-child){ margin-top: 1rem;}

@media (max-width: 767px) {
    .total-search-list .total-search-item .info_wrap{ flex-direction: column;}
    .ts_report_priview_wrap .rp_page_list li{ flex-direction: column;}
    .btn_report_priview{ margin-left: auto;}
}

.total-search-list .info-body .txt {
    -webkit-line-clamp: 1;
}
.krds-btn.link:visited, .total-search-list .info-body a:hover{ text-decoration: none;}

@media (max-width: 767px) {
    .total-search-list .info_loc ul{ border-bottom: none; flex-wrap: wrap;}
    .total-search-list .info_loc ul li a{ text-decoration: underline;}
}
/* 통합검색 : 검색 필터 : 날짜 선택 */
.total_search_calendar .input-group.range{ gap: .6rem;}
.total_search_calendar .input-group.range .mark{ height: 4rem;}
.total_search_calendar .input-group.range .krds-input{ padding: 0 .6rem; text-align: center;}

/*####################################### [ 정보센터 ] ####################################*/

/*************************** [ 정보센터 : 물백과사전 ] ***************************/
.mul_info_box{ border: 4px solid #eef2f7; border-radius: 1.2rem; padding: 3rem; display: flex; align-items: center;}
.mul_info_box .mul_desc{}

.mul_info_box .mul_desc strong{ font-size: 1.9rem; display: block;}
.mul_info_box .mul_desc p{ font-size: 1.5rem;}

.mul_info_box.wdic{ gap: 2rem;}
.mul_info_box.wdic::before{
    content: ""; width: 6.1rem; height: 6.5rem; background: url("../images/sub/info_box_img_dic.png") no-repeat; display: inline-flex;
}

@media (max-width: 767px) {
    .mul_info_box.wdic{ flex-direction: column;}
    .mul_info_box .mul_desc strong{ text-align: center;}
    .mul_info_box .mul_desc p{ text-align: center; margin-top: 1rem;}
}

.water_dic_search_wrap .search-top-box{ padding: 4rem 8rem;}
.water_dic_keyword{ margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #cdd1d5;}

.water_dic_keyword{ display: flex; justify-content: center; gap: .6rem; flex-wrap: wrap;}
.btn_dic_keyword{ min-width: 3.6rem; height: 3.6rem; border-radius: .4rem; background-color: #fff; border: 1px solid #cdd1d5; display: inline-flex; align-items: center; justify-content: center;}
.btn_dic_keyword.on{ border: 1px solid var(--mma-color-prim); color: var(--mma-text-prim); background-color: #eff5ff;}

.btn_dic_keyword.long{ padding: 0 1.2rem;}

@media (max-width: 767px) {
    .water_dic_search_wrap .search-top-box{ padding: 2rem;}
    .water_dic_keyword{ margin-top: 2.5rem; padding-top: 2.5rem;}
}

.water_dictionary_word_wrap{ margin-top: 2rem; border: 1px solid #cdd1d5; background-color: #eef2f7; border-radius: 1.2rem; padding: 1rem; display: flex; gap: 3rem;}

.water_dicword{ width: 26rem;}
.dicword_top{ margin-left: 2rem; height: 5rem; display: flex; align-items: center; justify-content: space-between;}
.dicword_top strong{ font-size: 1.9rem;}
.dicword_top span{}
.dicword_top span em{ color: var(--mma-text-prim);}

.water_dic_wrod_list{ margin-left: 1rem; padding: .5rem 0; height: 45rem; overflow: auto;}
.water_dic_wrod_list li{ padding-left: 1rem; padding-right: .8rem;}
.water_dic_wrod_list li button{ position: relative; width: 100%; min-height: 3.8rem; font-size: 1.7rem; padding: .6rem .8rem .6rem 1.6rem; border-radius: .4rem; text-align: left; display: block;}

.water_dic_wrod_list li.on button{ color: var(--mma-text-prim); font-weight: 600; background-color: #fff; border: 1px solid var(--mma-color-prim); display: flex; align-items: center; justify-content: space-between;}
.water_dic_wrod_list li.on button::after{
    content: "";
    display: inline-flex;
    width: 20px;
    height: 20px;
    forced-color-adjust: none;
	-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");	
	background-color: var(--mma-color-prim);
    transform: rotate(-90deg);
}

.water_dic_viewer_wrap{ flex: 1; display: flex; flex-direction: column; gap: .5rem;}

.wdic_keyword_top{ border-radius: var(--ce-radius-md); background-color: #fff; height: 8rem; display: flex; justify-content: center;}

.wdic_keyword{ position: relative; font-size: 2.4rem; display: inline-flex; align-items: center; justify-content: center; gap: 1.2rem;}
.wdic_keyword::before{ content: ""; width: 2.2rem; height: 2.2rem; background: url("../images/sub/keyword_icon.png") no-repeat; display: inline-flex;}
.wdic_keyword::after{ content: ""; width: calc(100% + 6px); height: .4rem; background-color: var(--mma-color-prim); position: absolute; left: 2px; bottom: 0;}

.wdic_keyword_cont{ flex: 1; border-radius: var(--ce-radius-md); background-color: #fff; padding: 2.5rem; display: flex; flex-direction: column; justify-content: space-between; gap: 2rem;}

.wdic_keyword_desc{ font-size: 1.7rem; height: 29.5rem; overflow: auto;}

.wdic_tag{ display: flex; flex-direction: column; gap: 1rem;}
.wdic_tag dl{ font-size: 1.5rem; display: flex; gap: 1rem;}
.wdic_tag dl dt{ border-radius: var(--ce-radius-sm); background-color: #eef2f7; width: 6rem; height: 2.5rem; display: inline-flex; justify-content: center; align-items: center;}
.wdic_tag dl dd{}

@media (max-width: 1023px) {
    .water_dic_search_wrap .search-top-box{ padding: 2rem;}
}

@media (max-width: 767px) {
    .water_dictionary_word_wrap{ flex-direction: column; padding: 2rem;}
    .water_dicword { margin-left: 0; width: 100%;}
    .wdic_keyword_top{ height: 6rem;}
    .wdic_keyword_top strong{ font-size: 2.1rem;}
    .dicword_top{ margin-left: 0;}
    .water_dic_wrod_list{ margin-left: 0; height: 30rem;}
}

/*####################################### [ 데이터 활용 ] ####################################*/

/********************** 수질오염총량 관리제도 : 수계현황 **********************/

.water_sysinfo_wrap{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--krds-gap-9);
    width: 100%;
}

.water_sysinfo_conts{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: var(--krds-gap-9);
    width: 100%;
}

@media (max-width: 1440px){
    body:has(.water_sysinfo_wrap){ overflow: auto; width: 1440px !important;}
    #wrap:has(.water_sysinfo_wrap){ width: 1440px !important;}
    .quick_side_wrap{ display: none;}
}


.water_sysinfo_search_wrap{ width: 100%;}

.w_sysinfo_box{ border-radius: 1rem; border: 1px solid var(--line-color); padding: 3rem; display: flex;  justify-content: space-between;}
.w_sysinfo_box:first-child{ margin-bottom: 1rem;}
.wsi_img_box img{ width: 44.8rem; height: 44.8rem;}

.w_sysinfo_data{ width: 44.8rem;}

.wsi_tit{ font-size: 1.7rem; font-weight: 600; color: var(--mma-text-prim); margin-bottom: .8rem;}

.w_sysinfo_data .wsi_tit:not(:first-child){ margin-top: 2rem;}

.krds-in-page-navigation-area.wsysinfo_quick {
    right: calc((100% - var(--krds-contents-wrap-size)) / 2 - 24rem - 0rem) !important;
    width: 24rem;
}
@media (max-width: 1680px) {
    .krds-in-page-navigation-area.wsysinfo_quick {
        right: var(--krds-in-page-navigation--position-right) !important;
        width: 16rem;
    }
}

@media (max-width: 1023px) {
    .krds-in-page-navigation-area.wsysinfo_quick {    
        right: var(--krds-in-page-navigation--position-right);
    }
}

.quick_side_wrap{ 
    position: absolute;
    right: calc((100% - var(--krds-contents-wrap-size)) / 2 - 18rem - 2rem) !important;
    top: 360px;
    z-index: 10;
    transition: top .3s ease;
}

.quick_side_menu{ padding: 3rem; border-radius: 1.2rem; border: 1px solid var(--line-color); background-color: #fff; width: 20rem;}
.qsm_tit{ color: #052b57; margin-bottom: 1rem; display: flex;}
.qsm_list{ padding-top: 1.2rem; border-top: 1px solid #cdd1d5;}
.qsm_list li{}
.qsm_list li a{}

.link_go{ display: flex; justify-content: space-between; align-items: center;}
.link_go::after{
	content: "";
	display: inline-flex;
    width: 22px;
    height: 22px;
    forced-color-adjust: none;
	-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_go.svg");
    mask-image: url("../images/icon/ico_go.svg");	
	background-color: #1e2124;
    flex-shrink: 0;
}

.wis_local_area{ margin-top: 2rem;}

.wis_local_area{ width: 100%; border-radius: 1.2rem; background-color: #eef2f7; padding: 1rem; display: flex; gap: 1rem; align-items: center;}
.wis_local_area strong{ width: 9rem; display: flex; justify-content: center; align-items: center;}
.wis_local_area ul{ flex: 1; display: flex; gap: 3.5rem;}
.wis_local_area ul li{ flex: 1; position: relative; border-radius: 1rem; height: 4rem; background-color: #fff; display: flex; justify-content: center; align-items: center;}
.wis_local_area ul li:last-child{ color: var(--mma-text-prim); font-weight: 600;}
.wis_local_area ul li:not(:first-child):before{ 
    content: "";
	display: inline-flex;
    width: 16px;
    height: 16px;
    forced-color-adjust: none;
	-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");	
	background-color: #1e2124;
    position: absolute;
    left: -2.4rem;
    transform: rotate(-90deg);
}
.cont_tbl{ width: 98rem;}

.wsi_graph_wrap{ width: 100%; display: flex; gap: 1rem;}
.wsi_graph{ flex: 1; height: 40rem;}

/********************** 수질오염총량 관리제도 : 오염도 분석 **********************/
.tab_cont_top{ position: relative; width: 100%;}
.h3_wrap{ display: flex; justify-content: space-between;}
.desc_p{ color: #555;}
.desc_p.sm{ font-size: 1.3rem;}
.desc_box{ padding: 1rem; border-radius: 1rem; background-color: #f4f5f6; font-size: 1.5rem; width: 100%;}

.h3_wrap + .desc_box{ margin-top: 1.4rem;}

.water_sysinfo_wrap .krds-step-wrap{ width: 100%;}

.sysinfo_step_wrap{ display: flex; gap: 8rem; padding-left: 3rem;}
.sysinfo_step_wrap li{ position: relative; display: flex; flex-direction: column;}
.sysinfo_step_wrap li:not(:first-child)::before{ content: ""; background-color: #8a949e; width: 5rem; height: 2px; position: absolute; left: -7rem; top: 50%; transform: translateY(-50%);}
.sysinfo_step_wrap li em{ background-color: #fff; position: absolute; width: 1.4rem; height: 1.4rem; border-radius: 1.4rem; border: 2px solid #8d97a1; position: absolute; left: -2.5rem; top: 50%; transform: translateY(-50%);}
.sysinfo_step_wrap li span{ color: #8a949e; font-size: 1.3rem;}
.sysinfo_step_wrap li strong{ color: #8a949e;}

.sysinfo_step_wrap li.active em{ border-color: var(--mma-color-prim); background-color: #fff; width: 2.6rem; height: 2.6rem; border-radius: 2.6rem; left: -3.4rem;}
.sysinfo_step_wrap li.active em::after{ content: ""; background-color: var(--mma-color-prim); width: 1.4rem; height: 1.4rem; border-radius: 1.4rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.sysinfo_step_wrap li.active strong{ color: #1e2124;}

.sysinfo_step_cont{ width: 100%;}
.pollu_area_wrap{ border: 1px solid #cdd1d5; border-radius: 1.2rem; padding: 1rem; display: flex; gap: 1rem;}

.analysis_info_wrap{ flex: 1; border-radius: 1rem; padding: 2rem; background-color: #eef2f7;}

.ana_tit{ margin-bottom: 1rem; font-size: 1.9rem; font-weight: 600; display: flex; align-items: center;}
.ana_tit em{ margin-right: 1rem; color: #fff; background-color: #063a74; font-size: 1.5rem; width: 2.5rem; height: 2.5rem; border-radius: 2.5rem; display: inline-flex; justify-content: center; align-items: center;}

.analysis_map{ position: relative; width: 47.5rem; height: 85.5rem; border-radius: 1rem;}

.ana_sch_form{}
.ana_sch_form dt{ font-size: 1.5rem;}
.ana_sch_form dd{ margin-top: .4rem; display: flex; gap: .6rem;}
.ana_sch_form.name .krds-btn{ width: 8rem;}
.ana_sch_form + .ana_sch_form{ margin-top: 1.6rem;}
.ana_sch_form.name + .tal_wrap{ margin-top: 1rem;}
.ana_tbl thead tr th{ background-color: #e0e6ed !important;}

.ana_btn_wrap{ margin-top: 2rem; display: flex; gap: 1rem; justify-content: flex-end;}

.ana_btn_wrap.step1 button{ width: 100%;}
.btn_ana_step{ display: inline-flex; align-items: center;}
.btn_ana_step:hover{ color: #fff;}
.btn_ana_step::after{
	content: "";
	display: inline-flex;
    width: 20px;
    height: 20px;
    forced-color-adjust: none;
	-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");	
	background-color: #fff;
    transform: rotate(-90deg);
}

.ana_map_tooltip{ position: absolute; max-width: 20rem; border-radius: .5rem; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5); z-index: 9;}
.ana_map_tooltip::before{ content: ''; position: absolute; display: inline-block; top:50%; transform: translateY(-50%); left: -8px; width:0; height:0; border-right:8px solid #fff; border-bottom: 6px solid transparent; border-top: 6px solid transparent;}
.anqm_top{ position: relative; border-radius: .5rem .5rem 0 0; background-color: var(--mma-color-prim); height: 2.4rem; padding: 0 1rem; display: flex; align-items: center;}
.anqm_top .btn_tooltip_close{ width: 14px; height: 14px; position: absolute; right: 1rem; top: .2rem;}
.anqm_top .btn_tooltip_close::after{
	content: "";
	display: inline-flex;
    width: 14px;
    height: 14px;
    forced-color-adjust: none;
	-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_close.svg");
    mask-image: url("../images/icon/ico_close.svg");	
	background-color: #fff;
    transform: rotate(-90deg);
}
.anam_cont{ background-color: #fff; padding: 1.5rem; border-radius: 0 0 .5rem .5rem;}
.anam_cont .anam_info p{ font-size: 1.5rem;}
.anam_cont .anam_info p a{ color: var(--mma-text-prim); text-decoration: underline;}
.anam_btnwrap{ margin-top: .8rem;}
.anam_btnwrap button{ font-size: 1.5rem; color: var(--mma-text-prim); text-decoration: underline;}

/* 오염도 분석 : 사전분석 : Step2 분석조건 입력 */
.pollu_step2_top{ margin-bottom: 1rem; display: flex; justify-content: flex-end;}
.pullu_item_list{ padding: 1rem; display: flex; flex-wrap: wrap; gap: 1rem;}
.pullu_item_list li{ flex: 1 30%;}

.pullu_item_list.etc{ margin-top: -1rem; display: none;}

.btn_pullu_item_view{ margin-top: 1rem; width: 100%; background-color: #e0e6ed; border-radius: .5rem; padding: 1rem; font-weight: 400;}
.btn_pullu_item_view::after{
    content: "";
	display: inline-flex;
    width: 16px;
    height: 16px;
    forced-color-adjust: none;
	-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");	
	background-color: #000;
}
.btn_pullu_item_view.on::after{ transform: rotate(180deg);}

.pull_form_group{ display: flex; gap: 2rem; align-items: center;}
.pull_form_unit{ display: inline-flex; align-items: center; gap: .8rem;}

.pull_form_group .krds-input{ width: 16.4rem;}

.pull_su_form_warp{ display: flex; justify-content: center}

.buit_dot{ position: relative; padding-left: 1.2rem;}
.buit_dot::before{
    content: "";
    background-color: #555;
    width: 0.4rem;
    height: 0.4rem;
    left: 0;
    top: .9rem;
    border-radius: var(--krds-radius-max);
    position: absolute;
}
.pull_search_wrap{ position: relative; margin-bottom: 2rem;}
.pull_search_wrap > div + div{ margin-top: 1rem;}
.pull_search_wrap .btn_pull_search{ position: absolute; bottom: 0; right: 0; width: 7rem;}


.pull_su_form_group{ margin-left: 1rem; display: flex; flex-wrap: wrap; gap: 1rem;}
.pull_su_form_group .pull_form_unit{ width: calc(50% - 2rem); display: flex; justify-content: space-between;}
.pull_su_form_group .pull_form_unit:nth-child(even){ margin-left: 2rem;}
.pull_su_form_group input{ height: 3rem !important; width: 10rem !important;}

.pull_su_form_warp.twice{ gap: 3rem;}
.pull_su_form_warp.twice .pull_su_form_group{ flex-direction: column; width: 380px;}
.pull_su_form_warp.twice .pull_su_form_group .pull_form_unit:nth-child(even){ margin-left: 0;}
.pull_su_form_warp.twice .pull_su_form_group .pull_form_unit{ width: 100%;}
.pull_su_form_warp > div > strong{ margin-bottom: 1rem; background-color: #edf1f5; display: block; padding: .5rem 1rem; border-radius: .6rem; text-align: center;}

/* 오염도 분석 : 사전분석 : Step3 분석결과 확인 */
.pollu_step3_top{ padding-bottom: 1rem; display: flex; flex-wrap: wrap; gap: 1rem;}
.btn_analy_item{ height: 4rem; padding: 0 1rem; background-color: #e0e6ed; border-radius: .5rem; font-size: 1.5rem;}
.btn_analy_item.on{ background-color: var(--mma-color-prim); color: #fff;}

.form_set{ display: flex; gap: .8rem;}
.form_unit{ display: inline-flex; align-items: center; gap: 1rem;}
.dtic{ display: inline-flex; align-items: center; justify-content: center;}

.analy_item_info_wrap{ border-top: 1px solid #b1b8be;}
.analy_item_info{ position: relative; border: 1px solid #b1b8be; border-top: none; padding: 2rem; display: none;}

.analy_iteminfo_btn_wrap{ display: flex; justify-content: flex-end;}
.btn_analy_iteminfo_more{ font-size: 1.5rem; height: 4rem; border-radius: 0 0 .5rem .5rem; background-color: #e0e6ed; padding: 0 2rem; display: flex; align-items: center; gap: .8rem;}
.btn_analy_iteminfo_more::after{
    content: "";
	display: inline-flex;
    width: 16px;
    height: 16px;
    background: url("../images/icon/ico_angle.svg") no-repeat center;
    background-size: contain;
}
.btn_analy_iteminfo_more.on::after{ transform: rotate(180deg);}

.analy_season_info{ margin-top: 1rem; display: none;}

.pollu_step3_btn_wrap{ margin-top: 2rem; display: flex; justify-content: space-between;}

.pollu_con_tit{ font-size: 1.7rem; font-weight: 600; color: var(--mma-color-prim);}
.pollu_graph_area{ height: 38rem;}

.sysinfo_step_cont .g-tit{ margin-top: 3rem;}

.mt_txt{ color: #999;}
.mt_txt.on{ color: var(--text-color);}

.pollu_step5_map{ position: relative; height: 50rem; border-radius: 1rem; overflow: hidden;}

.rainfall_more_wrap{ margin-top: 1rem;}
.rainfall_more_wrap .tbl{ width: 100%;}

/*######################3 참여마당 : 녹조 시민 감시단 : 사용자 인증 start ########################### */
.algae_sns_auth_wrap{ height: 59rem; padding: 2rem; border: 1px solid #d6e0eb; background-color: #f5f8fc; border-radius: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center;}

.algae_sns_auth_wrap .asa_tit{ margin-bottom: 4rem; font-size: 2.5rem; font-weight: 700; color: #1e2124; display: inline-flex; flex-direction: column; align-items: center;}
.algae_sns_auth_wrap .asa_tit::before{ content: ""; width: 11.7rem; height: 10.2rem; background: url("../images/al_report/algae_sns.png") no-repeat; display: inline-flex;}

.btn_asa_auth{ width: 34rem; height: 7rem; border-radius: 1rem; font-size: 2.1rem; font-weight: 600; color: #fff; background-color: var(--main-color); display: inline-flex; align-items: center; justify-content: center;}

.asa_desc{ margin-top: 3.5rem; color: #1e2124; font-size: 1.7rem; text-align: center;}

@media (max-width: 766px) {
	.btn_asa_auth{ width: 100%;}
}

.algae_user_auth_wrap{ border: 1px solid #c6c6c6; border-radius: 1rem; padding: 4rem;}

@media (max-width: 766px) {
	.algae_user_auth_wrap{ padding: 2rem;}
}

.aua_box_sec{
	display: flex;
    align-items: normal;
    justify-content: flex-start;
    flex-direction: column;
    gap: 1.2rem;
}

.aua_box_sec .box_tit2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    gap: 0.8rem;
    font-size: 2.1rem;
    font-weight: 700;
}

.aua_box_sec .box_tit3 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    gap: 0.8rem;
    font-size: 1.9rem;
    font-weight: 700;
	margin-left: 1rem;
	margin-top: 2rem;
}

.box_tit2 + .box_tit3{ margin-top: 0;}

.aua_box_sec:not(:first-child){ margin-top: 4rem;}

.aua_desc_wrap{ border: 1px solid #d6e0eb; background-color: #eef2f7; border-radius: 1rem; padding: 2rem;}

.aua_add_search_wrap{ margin-top: 1.5rem;}
.aua_add_search_wrap .add_area{ display: flex; gap: .8rem; flex-wrap: wrap;}
.aua_add_search_wrap .add_area .add1,
.aua_add_search_wrap .add_area .add2{ width: calc(50% - .4rem);}
.aua_add_search_wrap .add_area .add3{}

@media (max-width: 766px) {
	.aua_add_search_wrap .add_area .add1,
	.aua_add_search_wrap .add_area .add2{ width: 100%;}
}

.aua_map_search_warp{ margin-top: 2rem; background-color: #f4f5f6; border-radius: 1rem; padding: 2rem;}
.aua_map_search{ display: flex; gap: .8rem;}
.aua_map_search .btn{ flex-shrink: 0;}

@media (max-width: 766px) {
	.aua_map_search_warp{ width: 100%;}
	.aua_map_search{ flex-direction: column;}
}

.aua_desc{ font-size: 1.5rem; color: #555;}

.aua_map_search_warp .aua_desc{ margin-top: 1.2rem;}

/* 지도 */
.auq_map_area{ margin-top: 1.2rem; position: relative; height: 40rem; border-radius: 1rem; overflow: hidden; background-color: #8bb3cc;}

.aua_map_zoom{ background: #fff; border-radius: 5px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); overflow: hidden; position: absolute; top: 1.2rem; left: 1.2rem; z-index: 9;}
.aua_map_zoom li{ position: relative;}
.aua_map_zoom li:not(:first-child){ border-top: 1px solid #ced4da;}
.aua_map_zoom .zoom{ position: relative; display: inline-flex; width: 4.5rem; min-height: 4.4rem;}
.aua_map_zoom .zoom::before,
.aua_map_zoom .zoom::after{ content: ""; position: absolute; width: 1.2rem; height: .2rem; background-color: #343a40; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.aua_map_zoom .zoom.in::after{ transform: translate(-50%, -50%) rotate(90deg);}

.aua_map_zoom .zoom.on,
.aua_map_zoom .zoom:hover{ background-color: #246beb;}

.aua_map_zoom .zoom.on::before,
.aua_map_zoom .zoom.on::after,
.aua_map_zoom .zoom:hover::before,
.aua_map_zoom .zoom:hover::after{ background-color: #fff;}

.aua_map_coordin{ height: 3rem; width: calc(100% - 2.4rem); font-size: 1.3rem; color: #555; padding: 0 1.2rem; background-color: rgba(255, 255, 255, .7); opacity: 1; border-radius: .5rem; display: flex; align-items: center; position: absolute; left: 1.2rem; bottom: 1.2rem; z-index: 9;}
.aua_map_coordin span:first-child{ width: 12rem;}

.map_pinter_tooltip{ font-size: 1.3rem; background-color: #fff; border: 1px solid #246beb; border-radius: .5rem; padding: .3rem 1.2rem; box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2); white-space: nowrap; position: absolute; z-index: 9;}

.aua_q_list{ margin-left: 1rem;}
.aua_q_list > li{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
    gap: .4rem;
    padding-left: 5rem;
    padding-bottom: 2rem;
}
.aua_q_list > li:not(:last-child):before{
    position: absolute;
    top: 0;
    left: calc(.8rem + 2.4rem / 2);
    content: "";
    width: 1px;
    height: 100%;
    background-color: #d6e0eb;
}
.aua_q_list > li:last-child{ padding-bottom: 0;}

.aua_q_list .num{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: absolute;
    top: 0;
    left: 0.8rem;
    width: 2.4rem;
    height: 2.4rem;
    z-index: 2;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    background-color: #063a74;
    border-radius: .4rem;
}

.qua_num{
    display: inline-flex;
    align-items: center;
    justify-content: center;        
    width: 2.4rem;
    height: 2.4rem;
    z-index: 2;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    background-color: #063a74;
    border-radius: .4rem;
}

.aua_q_list .aq_tit{ color: #063a74; font-weight: 700;}

.aua_chk_list{ margin-top: .8rem;}
.aua_chk_list li:not(:first-child){ margin-top: .6rem;}

.aua_q_etc{ margin-top: .8rem; position: relative; width: 100%;}
.qua_a_text_count{ color: #063a74; position: absolute; right: 0; top: -3.6rem;}

@media (max-width: 766px) {
	.aua_q_list > li{ padding-left: 4rem;}
	.aua_chk_list{ margin-left: 0;}
	.aua_box_sec .box_tit3{ margin-left: 0;}
	.aua_q_list{ margin-left: 0;}
    .aua_chk_list li:not(:first-child){ margin-top: 1rem;}
	
}

.aua_file_up_wrap{ margin: 1rem 0 3rem 1rem;}
.aua_file_up_wrap > li{ }
.aua_file_up_wrap > li > p{ position: relative; padding-left: 1.6rem;}
.aua_file_up_wrap > li > p::before{ content: "•"; position: absolute; top: 0; left: 0;}
.aua_file_up_wrap li:not(:first-child){ margin-top: 2rem;}
.aua_file_up_wrap li p{ }
.aua_file_up_wrap li .formUnit{ margin-left: 2rem; margin-top: .8rem;}

.aua_btn_wrap{ margin-top: 2rem; display: flex; justify-content: flex-end; gap: .8rem;}

@media (max-width: 766px) {
	.aua_file_up_wrap{ margin: 1rem 0 3rem 0;}
	.btn_file_del{ flex-shrink: 0;}
	.aua_file_up_wrap li .formUnit{ margin-left: 0;}
}

.aua_user_list{ position: relative; display: flex; gap: .8rem; align-items: center;}
.aua_user_list .form_sel{ width: 20rem; margin-left: 2rem;}

.aua_user_list .form_inp{ width: 20rem;}

@media (max-width: 766px) {
    .aua_user_list{ flex-direction: column; align-items: flex-start;}
    .aua_user_list .form_sel{ margin-left: 0;}
    .aua_user_list button{ position: absolute; left: 21rem; bottom: 0;}
}

.btn_my_location{
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    position: absolute;
    bottom: 52px;
    right: 12px;
    z-index: 9;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
}
.btn_my_location::before{
	content: "";
	display: inline-flex;
    width: 20px;
    height: 20px;
    forced-color-adjust: none;
	-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/al_report/icon_my_loc.svg");
    mask-image: url("../images/al_report/icon_my_loc.svg");	
	background-color: #343a40;
}
.btn_my_location:hover{ background-color: #246beb;}
.btn_my_location:hover::before{ background-color: #fff;}

.aua_chk_list input[type=checkbox], 
.aua_chk_list input[type=radio] {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* radio checkbox */
.chk_area{ display: inline-flex; gap: 2.8rem;}

.form_check input[type=radio],
.form_check input[type=checkbox] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.form_check input[type=radio] ~ label { position: relative; display: inline-flex; min-height: 2rem; padding-left: calc(2rem + 0.4rem); font-size: 1.7rem; line-height: 2rem;}
.form_check input[type=checkbox] ~ label { position: relative; display: inline-flex; min-height: 2rem; padding-left: calc(2rem + 0.8rem); font-size: 1.7rem; line-height: 2rem;}

.form_check input[type=radio] ~ label:before,
.form_check input[type=radio] ~ label:after,
.form_check input[type=checkbox] ~ label:before,
.form_check input[type=checkbox] ~ label:after { display: block; content: ""; transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1);}

.form_check input[type=radio] ~ label:before,
.form-check input[type=checkbox] ~ label:before { z-index: 3;}

.form_check input[type=radio] ~ label:after,
.form_check input[type=checkbox] ~ label:after { z-index: 4;}

.form_check input[type=radio] ~ label:before { position: absolute; top: 0; left: 0; width: 2rem; height: 2rem; background-color: #fff; border: 1px solid #717171; border-radius: 100%;}

.form_check input[type=radio] ~ label:after { position: absolute; top: calc((2em - 2.4rem) / 2); left: calc((2rem - 1rem) / 2); width: 1rem; height: 1rem; background-color: #fff; border-radius: 100%;}

.form_check input[type=radio]:checked ~ label:before { border-color: var(--main-color);}
.form_check input[type=radio]:checked ~ label:after { background-color: var(--main-color);}

.form_check input[type=radio]:disabled ~ label:before { border-color: var(--ce-gray-40); background-color: var(--ce-gray-20);}

.form_check input[type=radio]:disabled + label,
.form_check input[type=checkbox]:disabled + label { color: var(--ce-gray-50); cursor: default;}
.form_check input[type=radio]:checked:disabled ~ label:after { display: block; background-color: var(--ce-gray-40);}
.form_check input[type=radio]:disabled ~ label:after { display: none; background-color: var(--ce-gray-40);}

/* Radio button middle Size */
.form_check.md > [type=radio] ~ label { font-size: 1.5rem; line-height: 1.6rem; min-height: 1.6rem; padding-left: calc(1.6rem + 0.8rem);}
.form_check.md > [type=radio] ~ label::before { width: 1.6rem; height: 1.6rem;}
.form_check.md > [type=radio] ~ label::after { top: calc((1.6rem - 0.8rem) / 2); left: calc((1.6rem - 0.8rem) / 2); width: 0.8rem; height: 0.8rem;}

/* Radio button Large Size */
.form_check.lg > [type=radio] ~ label { font-size: 1.9rem; line-height: 2.4rem; min-height: 2.4rem; padding-left: calc(2.4rem + 0.8rem);}
.form_check.lg > [type=radio] ~ label::before { width: 2.4rem; height: 2.4rem;}
.form_check.lg > [type=radio] ~ label::after { top: calc((2.4rem - 1.4rem) / 2); left: calc((2.4rem - 1.4rem) / 2); width: 1.4rem; height: 1.4rem;}

/* Check Box */
.form_check input[type=checkbox] ~ label:before { position: absolute; top: 0; left: 0; width: 2rem; height: 2rem; 
    background-color: #fff; border: 1px solid var(--ce-gray-60); border-radius: 0.4rem;
}
.form_check input[type=checkbox] ~ label:after {
    position: absolute; top: calc((2rem - 2rem) / 2); left: calc((2rem - 2rem) / 2); 
    width: 2rem; height: 2rem; background: url("../images/al_report/ico_check_checked.svg") no-repeat 0 0; background-size: contain;
    opacity: 0;
}

.form_check input[type=checkbox]:checked ~ label:before { background-color: #246BEB; /* border-color: #246BEB; */}
.form_check input[type=checkbox]:checked ~ label:after { opacity: 1; transition-delay: 0.2s;}

/* Check Box : disabled */
.form_check input[type=checkbox]:disabled ~ label:before { border-color: var(--ce-gray-40); background-color: var(--ce-gray-20);}
.form_check input[type=checkbox]:disabled ~ label:after { background-image: url("../images/al_report/ico_check_disabled.svg");}

/* Check Box : Small Size */
.form_check.sm > [type=checkbox] ~ label { font-size: 1.5rem; line-height: 1.6rem; min-height: 1.6rem; padding-left: calc(1.6rem + 0.8rem);}
.form_check.sm > [type=checkbox] ~ label::before { width: 1.6rem; height: 1.6rem;}
.form_check.sm > [type=checkbox] ~ label::after { width: 1.2rem; height: 1.2rem;}

/* Check Box : Large Size */
.form_check.lg > [type=checkbox] ~ label { font-size: 1.9rem; line-height: 2.4rem; min-height: 2.4rem; padding-left: calc(2.4rem + 0.8rem);}
.form_check.lg > [type=checkbox] ~ label::before { width: 2.4rem; height: 2.4rem;}
.form_check.lg > [type=checkbox] ~ label::after { width: 2rem; height: 2rem;}

.form_check input[type=radio]:focus ~ label,
.form_check input[type=checkbox]:focus ~ label,
.form_switch [type=checkbox]:focus ~ label { outline-offset: 0.4rem; outline: 2px solid rgba(36, 107, 235, 0.8);}

/* select */
.form_sel { appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.form_sel{ width: 100%; height: 4rem; padding: var(--ce-select-pd-lg);
    background-color: #fff; background-image: url("../images/al_report/arr_common_down.svg"); background-repeat: no-repeat; background-position: center right var(--ce-select-rn-lg); border: 1px solid var(--ce-gray-60); border-radius: var(--ce-select-rd-sm); font-family: inherit; color: var(--ce-gray-90);
    opacity: 1;
}
.form_sel.sm{ height: 3rem; border-radius: 3px;}

.inp_m_chk{ position: relative; width: 100%; height: 4rem; padding: 0 1.7rem; background-color: #fff; border: 1px solid var(--ce-gray-60); border-radius: .6rem; font-family: inherit; color: var(--ce-gray-90); transition: 0.4s ease-in-out;}

.form_inp{ position: relative; width: 100%; height: 4rem; padding: 0 1.7rem; background-color: #fff; border: 1px solid var(--ce-gray-60); border-radius: .6rem; font-family: inherit; color: var(--ce-gray-90); transition: 0.4s ease-in-out;}

.form_inp.sm{ height: 3rem; border-radius: 3px; font-size: 1.5rem;}

.inp_date{ position: relative; width: 100%; height: 4rem; padding: 0 1.7rem; background-color: #fff; border: 1px solid var(--ce-gray-60); border-radius: .6rem; font-family: inherit; color: var(--ce-gray-90); transition: 0.4s ease-in-out;}

.form_textarea{ position: relative; width: 100%; padding: 1rem 1.7rem; background-color: #fff; border: 1px solid var(--ce-gray-60); border-radius: .6rem; font-family: inherit; color: var(--ce-gray-90); transition: 0.4s ease-in-out;}

.form_file::file-selector-button { 
	width: 10rem; 
	height: 4rem; 
	background: #fff; 
	border: 1px solid #717171; 
	border-radius: .5rem; 
	cursor: pointer;
}

.form_file.sm{ font-size: 1.5rem;}
.form_file.sm::file-selector-button{ height: 3.2rem; border-radius: 3px;}

.btn_file_del{ width: 1.8rem; height: 1.8rem; border-radius: 100%; border: 1px solid #555; background: url("../images/icon/ico_delete.svg") no-repeat  left 1px top 1px; background-size: 90%;}

/*######################3 참여마당 : 녹조 시민 감시단 : 사용자 인증 end ########################### */

/* 데이터 제공 목록 */
.data_service_list_wrap{}
.dsl_cont{ display: flex; flex-direction: column; gap: 1rem;}
.dsl_cont.die2{ gap: 3.2rem; flex-direction: row;}
.dsl_cont.die2 > div{ flex: 1;}

.dsl_cont + .dsl_cont{ margin-top: 2rem;}

.te2{ color: #fff;}

.dsl_cont .tbl2 tbody th{ width: 6rem;}

@media (max-width: 766px) {
	.dsl_cont.die2{ flex-direction: column;}
}