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

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

:root {
	/* Layout */	
	--ce-inner-width: 1760px;
	--ce-sub-cont-width: 1316px;
	
	--main-color: #256ef4;
	--sub-color: #002b50;
  --sub-bg-color: #eff5ff;
	--txt-color: #1e2124;
	--txt-sub-color: #555;	
	--ce-line-color: #dcdcdc;
	--ce-bg-color: #fff;
	--ce-subline: #d8d8d8;
  --ce-radius-sm: .6rem;
  --ce-radius-md: 1.2rem;
  
  --mma-color-prim: #256ef4;
  --mma-color-secd: #d3e1fb;
  --mma-color-third: #083891;

  --mma-text-color: #1e2124;
  --mma-text-prim: #0b50d0;

  
  /* Table */
  --mma-table-top-line: #0e2b5e;
  --mma-table-line: #d8d8d8;
  --mma-th-bg: #eef2f7;
  
  --mma-bg-secd-color: #ecf2fe;

  --main-text-color: #0b50d0;
    
    --subj-line-color:#cdd1d5;
    --line-color:#cdd1d5;

	--ce-btn-main: #3456c5;
	--ce-btn-sub: #1f3a69;
	--ce-btn: #7b7b7f;
	--ce-btn-bBgE: #2a784d;
  --ce-gr-bg: linear-gradient(90deg,rgba(216, 237, 254, 1) 0%, rgba(222, 236, 253, 1) 49%, rgba(222, 223, 254, 1) 100%);

	--ce-input-color: #717171;
	
	--ce-spacer-10: 4rem;
  --ce-spacer-9: 3.6rem;
  --ce-spacer-8: 3.2rem;
  --ce-spacer-7: 2.8rem;
  --ce-spacer-6: 2.4rem;
  --ce-spacer-5: 2rem;
  --ce-spacer-4: 1.6rem;
  --ce-spacer-3: 1.2rem;
  --ce-spacer-2: 0.8rem;
  --ce-spacer-1: 0.4rem;
  --ce-spacer-0: 0;

	--ce-rd-1: .1rem;
    --ce-rd-2: .2rem;
    --ce-rd-4: .4rem;
    --ce-rd-6: .6rem;
    --ce-rd-8: .8rem;
    --ce-rd-10: 1rem;
    --ce-rd-12: 1.2rem;

	--ce-secondary-5: #EDF1F5;
    --ce-secondary-10: #CDD7E4;
    --ce-secondary-20: #B4C4D6;
    --ce-secondary-30: #99B0CB;
    --ce-secondary-40: #2A5C96;
    --ce-secondary-60: #002B5E;
    --ce-secondary-70: #002046;
    --ce-secondary-80: #00162F;
    --ce-secondary-90: #000B17;

	--ce-select-h-sm: 4rem;
    --ce-select-h-md: 4.8rem;
    --ce-select-h-lg: 5.6rem;
    --ce-select-pd-sm: 0 5.2rem 0 1.6rem;
    --ce-select-pd-md: 0 5.2rem 0 1.6rem;
    --ce-select-pd-lg: 0 5.2rem 0 1.6rem;
    --ce-select-rd-sm: .6rem;
    --ce-select-rd-md: .8rem;
    --ce-select-rd-lg: .8rem;
    --ce-select-fz-sm: 1.5rem;
    --ce-select-fz-md: 1.7rem;
    --ce-select-fz-lg: 1.9rem;
    --ce-select-rn-sm: 1.6rem;
    --ce-select-rn-md: 1.6rem;
    --ce-select-rn-lg: 1.6rem;
    --ce-select-bgs-sm: 2rem;
    --ce-select-bgs-md: 2rem;
    --ce-select-bgs-lg: 2.4rem;

	--ce-gray-5: #F8F8F8;
    --ce-gray-10: #F0F0F0;
    --ce-gray-20: #E4E4E4;
    --ce-gray-30: #D8D8D8;
    --ce-gray-40: #C6C6C6;
    --ce-gray-50: #8E8E8E;
    --ce-gray-60: #717171;
    --ce-gray-70: #555555;
    --ce-gray-80: #2D2D2D;
    --ce-gray-90: #1D1D1D;

	--ce-primary-5: #EFF5FF;
    --ce-primary-10: #D3E1FB;
    --ce-primary-20: #A7C4F7;
    --ce-primary-30: #7CA6F3;
    --ce-primary-40: #5089EF;
    --ce-primary-60: #1D56BC;
    --ce-primary-70: #16408D;
    --ce-primary-80: #0E2B5E;
    --ce-primary-90: #07152F;

    --ce-secondary-5: #EDF1F5;
    --ce-secondary-10: #CDD7E4;
    --ce-secondary-20: #B4C4D6;
    --ce-secondary-30: #99B0CB;
    --ce-secondary-40: #2A5C96;
    --ce-secondary-60: #002B5E;
    --ce-secondary-70: #002046;
    --ce-secondary-80: #00162F;
    --ce-secondary-90: #000B17;
	  
    --ce-black: #000;
    --ce-primary: #246BEB;
    --ce-secondary: #003675;
    --ce-point: #E71825;
    --ce-danger: #EB003B;
    --ce-warning: #FFB724;
    
    --gq-text-prim: #0b50d0;
    --gq-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);;
    --gq-radius: .4rem;
    --gq-gis-prim: #0b50d0;

    /* Table */
    --ce-table-top-line: #0e2b5e;
    --ce-table-line: #d8d8d8;
    --ce-th-bg: #eef2f7;

    /* KRDS Custom */
    --krds-contents-wrap-size: 134.8rem;
    --krds-pc-gap-layout-left-contents: 8rem;
    --krds-form-select--color-text: #1e2124 !important;
}

/* ################################################ common ################################################ */

body:has(#wrap) {

    /* overflow-x: hidden;*/
}

.inner {
    width: 100%;
    max-width: var(--krds-contents-wrap-size);
}


#krds-header{ position: static !important;}

.scroll-down #krds-header .header-container{ display: none;}

#krds-header .header-container .logo{ width: 19.2rem;}
#krds-header .header-container .logo a{ background-image: url("../images/common/logo.png");}

.g-tit.prim{ font-size: var(--krds-pc-font-size-heading-xsmall); font-weight: var(--krds-font-weight-bold); color: var(--mma-text-prim); margin-bottom: var(--krds-pc-gap-layout-title-body-small);}

/* GNB Fix */
#wrap.scroll-down #krds-header:not(.sample) .header-in {
    transform: translateY(0) !important;
}

/* 모바일 메뉴 : 2depth 링크 */
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.is-link{ gap: .4rem;}
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .gnb-sub-trigger.is-link::after{
  content: "";
  -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: var(--krds-light-color-text-basic);
  forced-color-adjust: none;
  width: 1.8rem;
  height: 1.8rem;
  display: inline-flex;
}

.krds-form-check.sm input[type=radio] ~ label, .krds-form-check input[type=checkbox] ~ label{ font-size: 1.5rem;}
.krds-form-check.sm{ display: flex; align-items: center; gap: .8rem}

.krds-form-check.sm label::before{}
.krds-form-select.medium{ height: 4.4rem;}

.krds-input.medium{ height: 4.4rem;}
.krds-form-select.large{ height: 4.8rem; font-size: 1.7rem;}
.krds-input.large{ height: 4.8rem; border-radius: .6rem;}

.krds-btn.medium{ height: 4.4rem;}
.krds-btn.large{ height: 4.8rem;}

/* 전체메뉴 */
#krds-header .header-container .btn-navi.navi-row.all{ display: none;}
@media (max-width: 1023px) {
    #krds-header .header-container .btn-navi.navi-row.all{
      display: inline-flex;
    }
}

@media (max-width: 767px) {
    #krds-header .header-container .logo {
        width: 18rem;
        height: 3.2rem;
    }
}

.g-wrap #container .in-between .krds-side-navigation { padding: 4rem 0 0;}
.krds-breadcrumb-wrap{ padding-top: 4rem;}

/* Left Menu */
/*.g-wrap #container .in-between .krds-side-navigation{ padding: 4rem 0 0 0;}*/
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2{ top: 2.5rem;}
.krds-side-navigation .lnb-list .lnb-item .lnb-submenu-lv2 .lnb-btn-tit{ font-size: 1.7rem;}

.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list .sub-title a{ width: 100%; display: flex; align-items: center; gap: 1rem;}

/* KRDS custom */
.krds-form-check input[type=checkbox]~label:after{}
.page-title-wrap .h-tit-wrap{ display: flex; justify-content: space-between; align-items: center;}
.page-title-wrap .h-tit-wrap .util{ display: inline-flex; gap: 1.2rem;}
.page-title-wrap .h-tit-wrap .util button{ width: 4rem; height: 4rem; border-radius: 4rem; background-color: #f6f6f6; display: inline-flex; justify-content: center; align-items: center;}
@media (max-width: 767px) {
  .page-title-wrap .h-tit-wrap .util button.btn_u_print { display: none;}
}

.krds-form-chip.chk_icon_none input[type=radio]:checked ~ label:before{ display: none !important;}

.krds-btn.navy{ background-color: #063a74;}
.tertiary.gray{ border: 1px solid #c6c6c6;}

.f_cont{ display: flex;}
.f_info_wrap{ flex: 1; display: flex;}
.f_info_wrap .f-info{ flex: 1;}
.f_cont .f_link{}
.f_logo.me{}

#krds-footer .f-cnt .f-link{ justify-content: center;}
#krds-footer .f-btm .f-btm-text .f-menu .point{ font-weight: bold;}

.dis_in{ display: inline-block;}

@media (max-width: 767px) {
    .f_info_wrap{ flex-direction: column; gap: var(--krds-gap-6);}
    #krds-footer .f-cnt .f-info{ gap: var(--krds-gap-3);}
    .f_logo{ display: inline-flex;}
    .f_logo img{ height: 3rem;}
}

/* .krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap{ display: none;}*/

.s_tab{}

.tab-conts{ margin-top: 0;}

.tab.full.s_tab .btn-tab {
  height: 4.4rem;
  padding: 0;
  font-size: 1.7rem;
}

.tab.fill.full.s_tab > ul > li:not(:last-child) .btn-tab{ position: relative;}
.tab.fill.full.s_tab > ul > li{ margin-top: 0;}

.tab.full.s_tab > ul > li .btn-tab{ padding: 0 var(--krds-padding-5);}

.tab.full.s_tab > ul > li.active .btn-tab::before,
.tab.full.s_tab > ul > li.active + li .btn-tab::before{ display: none;}
@media (max-width: 767px) {
    .tab.fill.full.s_tab > ul > li + li .btn-tab::before{ display: none;}
}

@media (max-width: 767px) {
    #container .in-between .contents {
        width: 100%;
    }
}

.tab_small{ margin-bottom: 2rem; border-bottom: 1px solid #b1b8be; display: flex;}
.tab_small li{}
.tab_small li button{ font-size: 1.5rem; height: 4rem; padding: 0 2rem; border-radius: .5rem .5rem 0 0; display: inline-flex; align-items: center; justify-content: center;}
.tab_small li.on button{ background-color: var(--mma-color-prim); color: #fff;}


/* Icon 추가 */
.svg-icon.ico-url {
  -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_url.svg");
  mask-image: url("../images/icon/ico_url.svg");
}
/* pjs */
.svg-icon.ico-bbsnew {
  -webkit-mask-image: url("../images/icon/ico_bbsnew.svg");
  mask-image: url("../images/icon/ico_bbsnew.svg");
  background-color: var(--mma-color-prim);
}
/* pjs */
.svg-icon.ico-bbsnoti {
  -webkit-mask-image: url("../images/icon/ico_bbsnoti.svg");
  mask-image: url("../images/icon/ico_bbsnoti.svg");
  background-image: url("../images/icon/ico_bbsnoti.svg");
}

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

.svg-icon.ico-information {
  -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_information.svg");
  mask-image: url("../images/icon/ico_information.svg");
  background-color: var(--mma-color-prim);
}

/* 버튼 */
.btn_m{ position: relative; padding: 0 20px; height: 4.4rem; min-width: 80px; color: #fff; border-radius: .6rem; background-color:#7b7b7f; display:inline-flex; gap:4px; justify-content: center; align-items: center;} /* 버튼 기본 */
.btn_m.down{ background-image:url("../images/common/icon_download.png"); background-repeat:no-repeat; background-position:left 15px center; padding-left:34px;} /* 다운로드 icon */
.btn_m.search{ background-image:url("../images/common/icon_search.png"); background-repeat:no-repeat; background-position:left 15px center; padding-left:34px;} /* 검색 icon */
.btn_m.excel{ background-image:url("../images/icon/icon_excel.png"); background-repeat:no-repeat; background-position:left 15px center; padding-left:38px;} /* 검색 icon */
.btn_m.excel:hover,
.btn_m.excel:active,
.btn_m.excel:focus{ color: #fff !important;}

.krds-btn.xxsmall{
    height: 26px;
    padding: var(--krds-button--padding-y-xsmall) var(--krds-button--padding-x-xsmall);
    border-radius: var(--krds-button--radius-xsmall);
    font-size: 1.4rem;
    font-weight: var(--krds-button--font-weight-xsmall);
}
.krds-btn.xxsmall .svg-icon{ width: 1.4rem; height: 1.4rem;}

.bBgA{ background-color: var(--ce-primary);} /* Main */
.bBgB{ background-color:#eff5ff; border: 1px solid #1d56bc;} /* Sub */
.bBgC{ background-color:#526fa2;} /* sub2 */
.bBgE{ background-color:#00643b;} /* Excel */
.bBgD{ background-color:var(--mma-bg-secd-color) !important;} /* Excel */


.tbl.dataView { width: 100%; border-collapse: separate; border-top: 1px solid var(--ce-table-line); border-left: 1px solid var(--ce-table-line)}
.tbl.dataView tr th,
.tbl.dataView tr td{ border-bottom: 1px solid var(--ce-table-line); line-height: 2.2rem; padding: .7rem 1rem; font-size: 1.5rem;}
.tbl.dataView tr th,
.tbl.dataView tr td{ border-right: 1px solid var(--ce-table-line); background-color: #fff;}
.tbl.dataView tr th{ text-align: center; background-color: var(--ce-th-bg); font-weight: 600;}
.tbl.dataView tr td{ text-align: left; color: var(--mma-text-color);}
.tbl.dataView tbody tr th{ background: #edf1f5;}
.tbl.dataView tbody tr td select,
.tbl.dataView.tdLeft tr td{ text-align: left}
.tbl.tdLeft td{ text-align: left !important;}

.tdr1{ border-right: 1px solid var(--ce-table-line);}

/* 가로 데이터 테이블*/
.tbl.dataView tr td{ text-align:center;}

.tbl.dataFix tr td{ text-align:center;}
.tbl.dataFix.tdLeft tr td{ text-align:left;}

.thFix .tbl{ position: relative; top: 0; border-top: none;}
.thFix .tbl th{ position: sticky; top: 0; border-top: 2px solid var(--ce-table-top-line);}
.scroll_y{ overflow: auto;}
.scroll .tbl{ width: auto;}

/************************************* 테이블 Type2 ********************************/
.tbl2{ width: 100%; border-collapse: separate; border-top: 2px solid #323232; table-layout: inherit; border-left: 1px solid #d8d8d8;}
.tbl2 tr th,
.tbl2 tr td{ font-size: 1.4rem; border-bottom: 1px solid #d8d8d8; line-height: 1.2; padding:10px 10px; text-align: center; }
.tbl2 thead tr th{ background-color: var(--ce-th-bg); font-weight: 700;  border-right: 1px solid #d8d8d8;}
.tbl2 tbody tr th{ background-color: #eff5ff; border-right: 1px solid #d8d8d8;}
.tbl2 tr td{ border-right: 1px solid #d8d8d8;}
.tbl2 td{ min-height: 3.9rem;}

@media (max-width: 767px) {
    /* .sroll .tbl.dataView{ white-space:nowrap}*/
}

/* 게시판 테이블 BBS table */
.bbs_list .krds-table-wrap .tbl thead th{ text-align: center;}
.bbs_list .krds-table-wrap .tbl tbody td{ text-align: center;}

.bbs_list .tbl tbody td.bbs_subj{ text-align: left;}
.bbs_list .tbl tbody td.bbs_subj a:hover{ text-decoration: underline;}

.bbs_list .krds-table-wrap{
    overflow-x: hidden;
}

.bbs_list .krds-table-wrap tbody th.mo_bbs_tit{
    font-weight: 700;
    display: none;
}

.bbs_list i{ vertical-align: middle;}
.fw700{ font-weight: 700 !important;}

.search-list-top .sch-info {
    display: inline;
    font-size: var(--krds-pc-font-size-body-large);
    font-weight: var(--krds-font-weight-bold);
}

.krds-table-wrap .tbl.tbl_center thead th{ text-align: center;}
.krds-table-wrap .tbl.tbl_center tbody td{ text-align: center;}

@media only screen and (max-width: 1023px) {

    .bbs_list .search-list-top .sch-sort{ display: none;}

    .bbs_list .tbl{ min-width: 100%}
    .bbs_list colgroup{ display: none;}
    .bbs_list thead{ display: none;}
    .bbs_list .krds-table-wrap tbody th.mo_bbs_tit{
        display: table-cell;
        width: 25%;
        border: 0;
        background: transparent;
        text-align: left;
    }
    .bbs_list .krds-table-wrap tbody{
        border-top: 1px solid #9ba1bc;
    }
    .bbs_list .krds-table-wrap tbody tr{
        display: flex;
        flex-wrap: wrap;
        padding: 1.6rem 0;
        border-bottom: var(--krds-table--data-border-width) solid var(--krds-table--data-tbody-color-divider);
    }
    .bbs_list .krds-table-wrap tbody td{
        width: 75%;
        height: auto;
        padding-left: 15px !important;
        border: 0;
        text-align: left !important;
        border-bottom: none !important;
    }
}

.krds-pagination .page-links .page-link.active {
    background-color: var(--krds-color-light-primary-50);
}

/* 게시판 : 검색 */
.search-top-box{
    margin: 0;
    padding: 4rem;
    border-radius: 1.2rem;
    background: var(--ce-gr-bg);
}
.search-top-box .sch-form-wrap label{
    font-weight: var(--krds-font-weight-bold);
}

.form-col-group .form-group.row{
    flex-direction: row;
}
.g-wrap .g-search-area .sch-select{}

.search-top-box .form-col-group{ justify-content: center;}
.g-wrap .g-search-area .sch_select_type{ width: 13rem;}
.g-wrap .g-search-area .sch_select_type .krds-form-select{ }
.g-wrap .g-search-area .sch-form-wrap .krds-input{ width: 26rem;}

@media (max-width: 767px) {
    .search-top-box{ padding: 2.4rem;}
    .g-wrap .g-search-area .sch-form-wrap {
        gap: var(--krds-gap-3);
    }
    .g-wrap .g-search-area .sch_select_type{ width: 100%;}
    .g-wrap .g-search-area .sch-form-wrap .krds-input{ width: 100%;}
    .form-col-group .krds-btn{ width: 100%;}
}

/* 게시판 : 상세 */
.bbs_view{ border-bottom: 1px solid #8e8e8e;}
.bbs_view .bbs_title{ position: relative; padding-bottom: 4rem; font-weight: 700; font-size: 25px; border-bottom: 1px solid #8e8e8e;}
.bbs_view .post_info{ padding: 3rem; border-bottom: 1px solid #d8d8d8;}
.bbs_view .post_info ul{ display: flex; gap: 4rem;}
.bbs_view .post_info ul li{ position: relative; font-size: 17px; display: inline-flex; gap: 1.6rem;}
.bbs_view .post_info ul li strong{ font-weight: 700;}

.bbs_view .post_info ul li:not(:first-child):before{ display: block; position: absolute; top: 50%; left: -20px; width: 1px; height: 14px; background-color: #c6c6c6; transform: translateY(-50%); content: "";}

.bbs_cont{ padding: 3.5rem 3rem; min-height: 30rem;}

.bbs_view .bbs_file{ padding: 3.5rem 3rem; border-top: 1px solid #d8d8d8; background-color: #f8f9fa;}
.bbs_view .bbs_file .title{ display: block; margin-bottom: 1rem;}
.bbs_view .bbs_file ul{}
.bbs_view .bbs_file ul li{ font-size: 1.5rem; display: flex; justify-content: space-between; align-items: center;}
.bbs_view .bbs_file ul li:not(:first-child){ margin-top: 1rem;}
.bbs_view .bbs_file ul li span{ display: inline-flex; align-items: center; gap: 1rem;}
.bbs_view .bbs_file ul li span em{ color: #555;}

.bbs_view .bbs_file ul li .krds-btn{ background-color: #fff;}

.bbs_btn_wrap{ display: flex; justify-content: flex-end; gap: 1rem;}
.bbs_btn_wrap .krds-btn{ min-width: 8rem;}

.bbs_navigator{ display: flex; flex-direction: column; margin-top: 0; padding: 0 40px; border: 1px solid #b1b8be; border-radius: 12px;}
.bbs_navigator li{ position: relative; display: flex; align-items: center; gap: 0 5rem; min-height: 6.4rem;}
.bbs_navigator li:last-child{ border-top: 1px solid #d8d8d8;}

.bbs_navigator li strong{ position: relative;}
.bbs_navigator li strong:after{ display: block; position: absolute; top: 50%; right: -24px; width: 1px; height: 12px; background-color: #c6c6c6; transform: translateY(-50%); content: "";}

@media (max-width: 767px) {
    .bbs_view .post_info{ padding: 2rem;}
    .bbs_view .post_info ul{ flex-direction: column; gap: 2rem;}
    .bbs_view .post_info ul li:not(:first-child):before{ display: none;}

    .bbs_view .bbs_file ul li{ gap: 1rem;}
    .bbs_view .bbs_file ul li span em{ display: none;}
}

/* 텍스트 목록 */
.g-wrap .g-conts-area .sec-tit{ font-size: 2.4rem;}

.g-conts-area{}
.g-conts-area > .g-conts-area{ display: flex; flex-direction: column; row-gap: var(--krds-spacer-6);}
.g-conts-area .g-conts-area .g-conts-area{ border: 1px solid yellowgreen; padding-left: 1.8rem;}

.krds-info-list li .krds-info-list li{ color: #555; font-size: 1.5rem; padding-left: 1.2rem;}

.krds-info-list > li{ padding-left: 1.8rem;}
.krds-info-list.decimal > li::before{ background-color: #555; width: 0.4rem; height: 0.4rem; left: 0;}

.g-wrap .g-conts-area .g-desc-area{ }

#g_wrap{ padding: 10px;}

/* 입력 */

.formSet{ display: flex; align-items: center; gap: 2rem;}
.formUnitSet{ display: flex; align-items: center; gap: .8rem;}
.form_tit{ position: relative; font-size: 1.5rem; display: inline-flex; align-items: center; gap: .6rem;}
.form_tit::before{ content: ""; background-color: #8e8e8e; width: .5rem; height: .5rem; border-radius: .5rem; display: inline-flex;}

@media (max-width: 768px) {
    .formSet{ flex-direction: column; align-items: flex-start; gap: 1rem;}
    .formUnitSet{ width: 100%;}
    .formUnitSet select{ flex: 1;}
    .formUint select{ width: 100%;}
}


.inp_cal{ border: 1px solid var(--ce-input-color); background: url("../images/icon/ico_calendar.svg") no-repeat right 8px center #fff; border-radius: .6rem; overflow: hidden; display: flex; padding: 0 4rem 0 .8rem; height: 4rem; font-size: 1.5rem; min-width: auto; width: 14rem;}

@media (max-width: 768px) {
}


.tab.fill.subj_tab{ margin-top: 10rem;}
.tab.fill.subj_tab .tab-conts{ margin-top: 0;}
.tab.fill.subj_tab .active .btn-tab{ background-color: var(--mma-color-prim);}
.tab.fill.subj_tab > ul > li .btn-tab{ gap: .8rem;}


.tab2 {
  --krds-tab--button-size-height: var(--krds-size-height-7);
  --krds-tab--button-size-min-width: 6.4rem;
  --krds-tab--button-pc-font-size: var(--krds-pc-font-size-heading-xsmall);
  --krds-tab--button-mobile-font-size: var(--krds-mobile-font-size-heading-xsmall);
  --krds-tab--gap: var(--krds-gap-3);
  --krds-tab--full-button-size-height: var(--krds-size-height-8);
  --krds-tab--full-button-pc-font-size: var(--krds-pc-font-size-heading-small);
  --krds-tab--full-button-mobile-font-size: var(--krds-mobile-font-size-heading-small);
  --krds-tab--line-button-padding: var(--krds-padding-2);
  --krds-tab--fill-button-padding: var(--krds-padding-3);
  --krds-tab--fill-button-radius: var(--krds-radius-medium2);
  --krds-tab--conts-padding-top: var(--krds-padding-10);
  --krds-tab--mobile-button-trigger-size-height: var(--krds-size-height-7);
  --krds-tab--mobile-button-trigger-padding-x: var(--krds-padding-6);
  --krds-tab--mobile-button-trigger-radius: var(--krds-radius-medium1);
  --krds-tab--button-color-action: var(--krds-light-color-action-secondary);
  --krds-tab--button-color-action-hover: var(--krds-light-color-action-secondary-hover);
  --krds-tab--button-color-action-pressed: var(--krds-light-color-action-secondary-pressed);
  --krds-tab--button-color-border: var(--krds-light-color-action-secondary);
  --krds-tab--button-color-text: var(--krds-light-color-text-subtle);
  --krds-tab--button-color-text-disabled: var(--krds-light-color-text-disabled);
  --krds-tab--fill-button-color-action-active: var(--krds-light-color-action-secondary-active);
  --krds-tab--fill-button-color-border: var(--krds-light-color-border-gray);
  --krds-tab--fill-button-color-border-active: var(--krds-light-color-action-secondary-active);
  --krds-tab--fill-button-color-text: var(--krds-light-color-text-inverse-static);
  --krds-tab--line-button-color-border: var(--krds-light-color-border-gray);
  --krds-tab--line-button-color-line-active: var(--krds-light-color-action-secondary-active);
  --krds-tab--line-button-color-text-active: var(--krds-light-color-text-secondary);
  --krds-tab--mobile-button-trigger-color-text: var(--krds-light-color-text-inverse-static);
  --krds-tab--mobile-button-trigger-color-action: var(--krds-light-color-action-secondary-active);
}
.tab2 > ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-tab--gap);
  overflow-x: auto;
  width: 100%;
}
.tab2 li,
.tab2 .btn-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
  white-space: nowrap;
}
.tab2 .btn-tab {
  width: 100%;
  height: var(--krds-tab--button-size-height);
  background-color: var(--krds-tab--button-color-action);
  border: 1px solid var(--krds-tab--button-color-border);
  font-size: var(--krds-tab--button-pc-font-size);
  color: var(--krds-tab--button-color-text);
  font-weight: var(--krds-font-weight-bold);
  transition: var(--krds-transition-base);
}
@media (max-width: 767px) {
  .tab2 .btn-tab {
    font-size: var(--krds-tab--button-mobile-font-size);
  }
}
.tab2 .btn-tab:not(:disabled):hover {
  background-color: var(--krds-tab--button-color-action-hover);
  transition: var(--krds-transition-base);
}
.tab2 .btn-tab:not(:disabled):active {
  background-color: var(--krds-tab--button-color-action-pressed);
  transition: var(--krds-transition-base);
}
.tab2 .btn-tab:focus {
  box-shadow: var(--krds-box-shadow-outline-inset);
  outline-offset: -0.4rem;
}
.tab2 .btn-tab[disabled] {
  color: var(--krds-tab--button-color-text-disabled);
  cursor: default;
}
.tab2 li {
  flex-grow: 0;
}
.tab2.full {
  width: 100%;
}
.tab2.full .btn-tab {
  height: var(--krds-tab--full-button-size-height);
  padding: 0;
  font-size: var(--krds-tab--full-button-pc-font-size);
}
@media (max-width: 767px) {
  .tab2.full .btn-tab {
    font-size: var(--krds-tab--full-button-mobile-font-size);
  }
}
.tab2.full > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  position: relative;
  width: 100%;
  gap: 0;
}
.tab2.full > ul > li {
  flex: 1 1 0px;
  min-width: 0;
}

.tab2.full > ul > li .svg-icon{ margin-left: 4px;}

.tab2.fill .btn-tab {
  padding: 0 var(--krds-tab--fill-button-padding);
  border-radius: var(--krds-tab--fill-button-radius);
}
.tab2.fill .btn-tab:focus {
  box-shadow: inset 0 0 0 0.6rem var(--krds-light-color-border-primary);
  outline-offset: -0.4rem;
}
.tab2.fill .active .btn-tab {
  background-color: var(--krds-tab--fill-button-color-action-active);
  border-color: var(--krds-tab--fill-button-color-border-active) !important;
  color: var(--krds-tab--fill-button-color-text);
}
.tab2.fill.full .btn-tab {
  border-color: var(--krds-tab--fill-button-color-border);
}
.tab2.fill.full > ul > li + li .btn-tab {
  border-left: none;
}
.tab2.fill.full > ul > li .btn-tab {
  border-radius: 0;
}
.tab2.fill.full > ul > li:first-of-type .btn-tab {
  border-top-left-radius: var(--krds-tab--fill-button-radius);
  border-bottom-left-radius: var(--krds-tab--fill-button-radius);
}
.tab2.fill.full > ul > li:last-of-type .btn-tab {
  border-top-right-radius: var(--krds-tab--fill-button-radius);
  border-bottom-right-radius: var(--krds-tab--fill-button-radius);
}
.tab2.line .btn-tab {
  min-width: var(--krds-tab--button-size-min-width);
  padding: 0 var(--krds-tab--line-button-padding);
}
.tab2.line .btn-tab:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  width: 0;
  height: 0.4rem;
  background-color: var(--krds-tab--line-button-color-line-active);
  transition: var(--krds-transition-base);
}
.tab2.line .active .btn-tab {
  color: var(--krds-tab--line-button-color-text-active);
}
.tab2.line .active .btn-tab:before {
  position: absolute;
  left: 0;
  width: 100%;
}
.tab2.line.full .btn-tab {
  border: 0;
  border-bottom: 2px solid var(--krds-tab--line-button-color-border);
}
.tab2.line.full .btn-tab:before {
  bottom: -0.2rem;
}

@media (max-width: 767px) {
  .tab-conts.active {
    gap: var(--krds-padding-8);
  }
  .tab2.fill.full .btn-tab {
    border-color: var(--krds-tab--fill-button-color-border);
    padding: 0 var(--krds-padding-5);
    border-width: 0;
  }
  .tab2.fill.full > ul {
    gap: var(--krds-gap-3);
    flex-wrap: nowrap;
  }
  .tab2.fill.full > ul > li {
    width: fit-content;
    flex: none;
  }
  .tab2.fill.full > ul > li .btn-tab {
    border-radius: var(--krds-tab--fill-button-radius);
  }
}

/* 레이어 팝업 layerpop */
.layer_pop_wrap{ display: block;
  position: absolute;
  z-index: 9;
}
.layer_pop{
    min-width: 40rem;
    height: auto;
    min-height: var(--krds-modal--size-min-height);
    margin: 0 auto;
    background-color: #fff;
    border-radius: 1.2rem;
    border: 4px solid #063a74;
}
.layer_pop .layer_pop_cont_wrap{ width: 100%; display: flex; flex-direction: column;}
.layer_pop .layer_pop_cont_wrap .layerpop_top{
    height: 6rem;
    background-color: #063a74;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2rem;
}
.layer_pop .layer_pop_cont_wrap .layerpop_top .pop_tit{ color: #fff; font-size: 1.9rem;}
.layer_pop .layer_pop_cont_wrap .layerpop_top .btn_pop_close{
    display: inline-flex; width: 2rem; height: 2rem; align-items: center; justify-content: center;
}
.layer_pop .layer_pop_cont_wrap .layerpop_top .btn_pop_close .svg-icon{ background-color: #fff ;}

.btn_pop_close:focus{
  outline: 0.1rem solid #fff;
  outline-offset: 0;
  transition: outline 0s, box-shadow 0s !important;
}

.layer_pop .layer_pop_cont_wrap .layerpop_cont{ padding: 2rem;}
.layer_pop .layer_pop_cont_wrap .layerpop_btn_wrap{ padding: 2rem; display: flex; justify-content: flex-end; gap: .8rem;}


@media (max-width: 768px) {
    .layer_pop_wrap{ width: 100%;}
    .layer_pop{ min-width: auto; width: 100%;}
    .layer_pop .layer_pop_cont_wrap .layerpop_cont{ max-height: calc(85vh - 152px); overflow: auto;}
}

/* 데이터 검색 : 카테고리 : 데이터 선택 : 레이어 팝업 */
.category_layerpop .layer_pop_cont_wrap .layerpop_cont{ padding: 0;}

.category_layerpop{ top: 0; right: 0; display: none;}

@media (max-width: 768px) {
    .category_layerpop .layer_pop{ height: 85vh;}
    .tree_list_wrap{ height: calc(85vh - 20.4rem) !important;}
    
}


/*################################## 통합검색 ##################################*/
#popTotalSchType1 .modal-dialog .modal-conts,
#popTotalSch .modal-dialog .modal-conts {
    max-width: 79.2rem;
    top: 10%;
}

@media (max-width: 767px) {
    #popTotalSchType1 .modal-dialog .modal-conts, #popTotalSch .modal-dialog .modal-conts {
        padding: 0;
        top: 0;

        overflow-y: clip !important;
    }
}

#popTotalSchType1 .pop-total-serch-wrap .search-text,
#popTotalSch .pop-total-serch-wrap .search-text {
    
}

#popTotalSchType1 .pop-total-serch-wrap .sch-info-item .list li,
#popTotalSch .pop-total-serch-wrap .sch-info-item .list li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

@media (max-width: 767px) {
  #popTotalSchType1 .pop-total-serch-wrap .search-text,
  #popTotalSch .pop-total-serch-wrap .search-text {
    overflow: auto;
    height: calc(100vh - 23rem);
  }
}

#popTotalSchType1 .pop-total-serch-wrap .search-tit,
#popTotalSch .pop-total-serch-wrap .search-tit{ font-size: 3.2rem;}
#popTotalSch .pop-total-serch-wrap .sch-form-wrap .sch-input .krds-input.xlarge{ 
  border: 4px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box,
              linear-gradient(90deg, #256ef4, #259ff4) border-box;
  border-radius: 1rem;
}
#popTotalSch .pop-total-serch-wrap .sch-form-wrap .sch-input .krds-input.xlarge::placeholder{ font-weight: normal;}

@media (max-width: 767px) {
  #popTotalSchType1 .pop-total-serch-wrap .search-tit,
  #popTotalSch .pop-total-serch-wrap .search-tit{
    font-size: 2.2rem;
  }
}

#popTotalSchType1 .pop-total-serch-wrap .search-total-top, #popTotalSch .pop-total-serch-wrap .search-total-top{
  border-bottom: 1px solid #9ba1bc;
}

#popTotalSchType1 .pop-total-serch-wrap .word-lately,
#popTotalSch .pop-total-serch-wrap .word-lately{
  border-left: 1px solid #9ba1bc;
}

.page_desc_wrap{ margin-bottom: 4rem; margin-top: -3rem; display: flex; align-items: center; gap: 8rem;}
.g-desc.p_desc{ font-size: 1.7rem;}
.btn_subj_datalist_view{ gap: 1rem !important;}

@media (max-width: 767px) {
  .page_desc_wrap{ margin-top: 0; flex-direction: column; gap: 2rem; align-items: flex-start;}
}


/*################################## Footer ##################################*/
/* 푸터 - 관련 기관 링크 */
.popFootLink .modal-dialog .modal-header {
  padding: 8rem 0 var(--krds-padding-10);
  line-height: 1;
}
.popFootLink .modal-dialog .modal-header,
.popFootLink .modal-dialog .modal-conts {
  max-width: 128rem;
}
.popFootLink .modal-dialog .btn-close {
  top: var(--krds-gap-12);
  right: var(--krds-gap-12);
}
.popFootLink .pop-foot-links {
  --pop-foot-link-color-background-hover: var(--krds-light-color-element-secondary-light);
  --pop-foot-link-color-background-active: var(--krds-light-secondary-20);
  padding: 0.4rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: var(--krds-gap-3) var(--krds-gap-5);
}
.popFootLink .pop-foot-links li a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-2);
  padding: var(--krds-padding-5) var(--krds-padding-3);
  border-radius: var(--krds-radius-medium3);
  word-break: break-all;
}
.popFootLink .pop-foot-links li a::before {
  content: "･";
  margin-top: 0.1rem;
}
.popFootLink .pop-foot-links li a:hover {
  background-color: var(--pop-foot-link-color-background-hover);
}
.popFootLink .pop-foot-links li a:active {
  background-color: var(--pop-foot-link-color-background-active);
}

@media (max-width: 767px) {
    .popFootLink .modal-dialog .modal-header .modal-title {
        font-size: var(--krds-mobile-font-size-label-large);
    }
}

@media (max-width: 767px) {
    .popFootLink .pop-foot-links {
        grid-template-columns: 1fr 1fr;
        grid-gap: 0;
    }
}
@media (max-width: 767px) {
    .popFootLink .modal-dialog .modal-header {
        padding: var(--krds-padding-8) var(--krds-padding-6) !important;
    }
}
@media (max-width: 767px) {
    .krds-modal:not([data-type=bottom-sheet]) .modal-dialog .modal-header .modal-title {
        font-size: var(--krds-mobile-font-size-label-large);
    }
}

@media (max-width: 767px) {
    .popFootLink .modal-dialog .modal-header .modal-title {
        font-size: var(--krds-mobile-font-size-label-large);
    }
}

/* 모바일 */
.krds-main-menu-mobile .gnb-wrap .gnb-header {
    padding: var(--krds-main-menu-mobile--header-padding-top) var(--krds-main-menu-mobile--header-padding-x) var(--krds-main-menu-mobile--header-padding-top);
}
.krds-main-menu-mobile .gnb-header .logo{
  display: inline-flex;
  width: 18rem;
  height: 3.2rem;
}
.krds-main-menu-mobile .gnb-header .logo a {
    background-image: url(../images/common/logo.png);
    display: block;
    width: 100%;
    height: 100%;
    
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .submenu-wrap .gnb-sub-list:last-child{ padding-bottom: 28rem;}

/* 모바일 메뉴 대시보드 (새창메뉴) */
.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap .is-link{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    position: relative;
    z-index: 1;
    width: 100%;
    height: var(--krds-main-menu-mobile--main-trigger-height);
    padding: 0 var(--krds-main-menu-mobile--main-trigger-padding-x);
    font-size: var(--krds-main-menu-mobile--main-trigger-font-size);
    font-weight: var(--krds-font-weight-bold);
}

.krds-main-menu-mobile .gnb-wrap .gnb-body .gnb-menu .menu-wrap{ width: 15rem;}

.con_tit_wrap{ display: flex; justify-content: space-between;}
.krds-btn.excel{}
.con-tit.sm {
    margin-bottom: var(--krds-pc-gap-layout-title-body-small);
    font-size: var(--krds-pc-font-size-heading-small);
}

/* 팝업 */
.popup_wrap{}
.popup_top{ background-color: #063a74; padding: 2rem; display: flex; align-items: center; justify-content: space-between;}

.popup_top_tit strong{}

.popup_top_tit{ display: flex; align-items: center; gap: 2.5rem;}
.popup_top_tit strong{ position: relative; font-size: 2.1rem; font-weight: normal; color: #fff; line-height: 1;}
.popup_top_tit span{ position: relative; color: #aabed4; font-size: 1.7rem;}
.popup_top_tit span::before{ content: ""; width: 1px; height: 1.6rem; background-color: #3e6289; position: absolute; left: -1.3rem; top: .4rem;}


.popup_cont{ margin-top: 2rem; padding: 2rem 2rem;}
.popup_inner{}
.popup_inner{
    display: flex;
    flex-direction: column;
    row-gap: var(--krds-spacer-6);
}
.popup_cont .popup_inner {
    display: flex;
    flex-direction: column;
    row-gap: var(--krds-spacer-6);
}
.popup_cont .popup_inner + .popup_inner {
    margin-top: var(--krds-pc-gap-layout-h2-h3);
}

.popup_cont .popup_inner.sp-sm {
    margin-top: var(--krds-pc-gap-layout-h2-h3) !important;
}

.btn_popup_top_close{ width: 2.2rem; height: 2.2rem; display: inline-flex; align-items: center;}

.btn_popup_top_close::before{
	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_close.svg");
    mask-image: url("../images/icon/ico_close.svg");	
	background-color: #fff;
}

.popup_btn_wrap{ margin-top: 2rem; padding: 0 2rem; display: flex; align-items: center; justify-content: flex-end; gap: .6rem;}

/*##########################[ GNB S ]######################*/
:root {
	
	--ce-gnb-hight: 60px;
	
}
#wrap:before{ content: ""; display: block; width: 100%; height: 100%; position: fixed; top: -100%; left: 0; z-index: 55; opacity: 0; background-color: rgba(34, 34, 34, 0.6);
    -webkit-backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -o-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

#wrap.on::before{ top: 3.2rem; opacity: 1; /* transition: opacity 0.5s; */}

.gnb_wrap{ position: relative; border-top: 1px solid #cdd1d5; height: var(--ce-gnb-hight);}
.gnb_wrap::after{ content: ""; position: absolute; left: 0; top: var(--ce-gnb-hight); width: 100%; height: 1px; background: #cdd1d5;}

.gnb_wrap .inner{ height: var(--ce-gnb-hight);}

.header_wrap { width: 100%; height: var(--ce-gnb-hight); text-align: center; transition: top 1.3s;}

#gnb { display: inline-block; vertical-align: middle; width: 100%; /*height: 90px; overflow: hidden;*/ transition: all 0.3s ease-in;}
#gnb > ul { max-width: 1300px; height: 100%; margin: 0 auto; transition: 0.3s; font-size: 0; text-align: left; display: flex; justify-content: center;}
#gnb > ul > li { flex: 1; display: inline-block; vertical-align: top; position: relative; height: 100%;}
#gnb > ul > li > a{ position: relative; display: inline-block; vertical-align: top; width: auto; height: var(--ce-gnb-hight); width: 100%; padding: 0 28px; box-sizing: border-box; font-size: 1.9rem; font-weight: 700; text-align: center; transition: padding-left 0.3s, padding-right 0.3s; position: relative; display: flex; align-items: center; justify-content: center; z-index: 4;}
#gnb > ul > li > a:hover > a span{ white-space: nowrap;}
#gnb > ul > li > a::before{ content: ""; width: 100%; height: 3px; background-color: #063a74; position: absolute; left: 0; bottom: 0; opacity: 0;}

#gnb > ul > li:last-of-type > a::after { display: none;}
/* menu Hover 1Depth */
#gnb > ul > li a:hover,
#gnb > ul > li:hover > a{ background-color: #eef2f7;}
#gnb > ul > li:hover > a::before{ content: ""; width: 100%; height: 3px; background-color: #063a74; position: absolute; left: 0; bottom: 0; opacity: 1;}
/*#gnb > ul > li a:hover::before{ opacity: 1;}*/
#gnb > ul > li.active > a{ }
#gnb > ul > li.active > a::before{ opacity: 1;}
#gnb > ul > li:hover > a span{ font-weight: 700;}

#gnb > ul > li:first-child .sub_gnb{ border-left: 1px solid #eaeaea;}
#gnb > ul > li .sub_gnb { position: relative; padding-top: 30px; width: 100%; height: calc(100% - var(--ce-gnb-hight)); text-align: center; display: none; z-index: 4;}
#gnb > ul > li .sub_gnb{ }
#gnb > ul > li .sub_gnb::after{ content: ""; position: absolute; width: 1px; height: 400px; background: #eaeaea; right: 0; top: 0;}

#gnb > ul > li .sub_gnb.on { display: block;}
#gnb .depth2_list { padding: 0 0 30px 0; min-height: 250px;}
#gnb .depth2_list > li{ padding: 0 1rem;}

#gnb .depth2_list > li > a { display: block; padding: .8rem 2rem .8rem 3rem; font-size: 1.7rem; line-height: 1.3333333333; color: #444; word-break: keep-all; text-align: left; border-radius: .6rem;}

#gnb .depth2_list > li.active a{
  color: var(--mma-text-prim);
  font-weight: var(--krds-font-weight-bold);
  background-color: #eef2f7;
}

@media (max-width: 1399px) {
    .gnb_wrap { display: none;}
}

.gnb_wrap.on .header_wrap {	background: #fff; overflow: hidden;}

/*##########################[ GNB E ]######################*/

/* 공통팝업 */
.btn_gis_pop_close{ width: 2.2rem; height: 2.2rem; display: inline-flex; align-items: center;}

.btn_gis_pop_close::before{
	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_close.svg");
    mask-image: url("../images/icon/ico_close.svg");	
	background-color: #fff;
}

.pop_tit{}
.pop_tit_h3{ margin-bottom: 1rem;}