.hidden{display:none;}
.mb0 {margin-bottom:0;}
.ml5 {margin-left:5px;}

/*gnb 스크롤로 인해 깜빡이는 현상 제어*/
html {overflow-y: scroll; /* 항상 스크롤바 공간 확보 */}
body.is-gnb-web {padding-right: 0 !important;}

/* Firefox */
body.is-gnb-web {
    scrollbar-width: none; /* 파이어폭스 */
}

/* Chrome, Edge, Safari */
body.is-gnb-web::-webkit-scrollbar {
    display: none; /* WebKit 계열 */
}

/*상단 누리집배너*/
#krds-masthead .toggle-wrap .toggle-head .inner {justify-content: space-between;}

.header-utility .utility-list span {color: #00A287;}
.header-utility .utility-list button .svg-icon {width:16px; height:16px;}

/*output.css 한번더 기재*/
.header-utility .utility-list > li:not(:first-child) {gap:12px; margin-left:12px;}
.header-utility .utility-list > li:not(:first-child)::before { display: inline-flex; content: ""; width:1px; height:16px; background-color:#cdd1d5;}

/*메인메뉴 위치변경*/
#krds-header .header-container {border-bottom: 0.1rem solid; border-color:#ddd;}
#krds-header .header-container .inner {padding-top: 0; padding-bottom: 0; padding-right:0;}
#krds-header .header-container .header-branding {justify-content: space-between; min-height:7.2rem;}
.krds-main-menu {border:none;}
.krds-main-menu ul li {height:72px;}
.krds-main-menu .gnb-menu .gnb-main-trigger {height:72px;}
.krds-main-menu .gnb-toggle-wrap {position: fixed; margin-top:0;}

/* 현재 위치 강조 */
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a.menu-selected {font-weight:600; color: #00A287;}
.krds-main-menu .gnb-toggle-wrap .gnb-sub-list .gnb-sub-content > ul a.menu-selected::before {background-color:#00A287;}

/* 현재 위치의 조상 메뉴(상위 depth) */
.krds-main-menu .gnb-menu .gnb-main-trigger.menu-ancestor {
    /*background: color-mix(in oklab, currentColor 8%, transparent);*/
    /*!* color-mix 미지원 브라우저 대비 *!*/
    /*background: rgba(0, 0, 0, 0.04);*/
    /*border-radius: .5rem;*/
    /*padding: .15rem .4rem;*/
    color: #00A287;
}

/*푸터*/
#krds-footer .f-cnt {align-items: flex-start;}
#krds-footer .f-cnt .f-link {flex-direction: row; gap:12px; align-items: flex-end;}
#krds-footer .f-cnt .f-link img {height:3.5rem;}
#krds-footer .f-cnt .f-link img:nth-child(2) {height:4.9rem; margin-left:6px;}
#krds-footer .f-cnt .f-info p.info {display: flex; gap:.3rem; align-items: center;}
/*#krds-footer .f-cnt .f-info p.info span {display: flex;}*/
#krds-footer .f-cnt .f-info p.info i {margin-left:.5rem; width:2.2rem; height:2.2rem; opacity:.6;}
#krds-footer .f-cnt .f-info p.info i:last-child {width:1.9rem; height:1.9rem;}
.svg-icon.ico-call-full {-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(../img/component/icon/ico_call_full.svg);
    mask-image: url(../img/component/icon/ico_call_full.svg);
}
.svg-icon.ico-email-full {-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(../img/component/icon/ico_email_full.svg);
    mask-image: url(../img/component/icon/ico_email_full.svg);
}



/*그라데이션 버튼*/
.krds-btn.gradient {background-image: linear-gradient(135deg, rgb(0, 171, 147) 0%, rgb(0, 171, 147) 20%, rgb(0, 131, 224) 100%); border: none;}
.krds-btn.gradient:hover, .krds-btn.gradient:focus {color: #fff; background: linear-gradient(to right, #009eb3, #0073b0);}

.krds-btn.blue  {background-color:#0087d7; border-color:#0087d7; color:#fff;}
.krds-btn.blue:hover, .krds-btn.blue:focus, .krds-btn.blue:active {color:#fff; background-color:#0073b0;}

.krds-btn.gray.secondary {border: 1px solid #C6C6C6; color: #1D1D1D; background-color:#fff;}
.krds-btn.gray.secondary:hover, .krds-btn.gray.secondary:focus, .krds-btn.gray.secondary:active {color: #00A287; border-color: #00A287; background-color:#fff;}
.krds-btn.gray.secondary:hover i, .krds-btn.gray.secondary:focus i, .krds-btn.gray.secondary:active i {background-image: url(../../img/component/icon/ico_help_active.svg); transition: all 0.4s ease;}

/*태양광 아이콘 버튼*/
.krds-btn.yellow {background-color:#fff; border-color:#c6c6c6; color:#1E2124; justify-content: space-between;}
.krds-btn.yellow:hover {color:#C58505;}
.krds-btn.yellow:hover .svg-icon.ico-solar {background-image: url(../../img/component/icon/ico_solar_active.svg); transition: all 0.4s ease; }
.krds-btn.yellow:focus {border:solid 2px #C58505;}
.krds-btn.yellow:active {color:#C58505; border:solid 1px #C58505;
    outline: 2px dotted #C58505 !important; outline-offset: 2px; transition: outline 0s; box-shadow: none;}

/*풍력 아이콘 버튼*/
.krds-btn.yellow.active {font-weight:500;}
.krds-btn.yellow.active .svg-icon.ico-solar {background-image: url(../../img/component/icon/ico_solar_active.svg);}
.krds-btn.yellow.active, .krds-btn.yellow:focus.active {border-color:#C58505; color:#C58505;
    outline: 2px dotted #C58505 !important; outline-offset: 2px; transition: outline 0s; box-shadow: none;}

.krds-btn.blue.secondary  {background-color:#fff; border-color:#c6c6c6; color:#1E2124; justify-content: space-between;}
.krds-btn.blue.secondary :hover {color:#006BE1;}
.krds-btn.blue.secondary :hover .svg-icon.ico-wind {background-image: url(../../img/component/icon/ico_wind_active.svg); transition: all 0.4s ease; }
.krds-btn.blue.secondary:focus {border:solid 2px #006BE1;}
.krds-btn.blue.secondary:active {color:#006BE1; border:solid 1px #006BE1;
    outline: 2px dotted #006BE1 !important; outline-offset: 2px; transition: outline 0s; box-shadow: none;}
.krds-btn.blue.secondary:not(.icon) .svg-icon {background-color:transparent;}

.krds-btn.blue.secondary.active {font-weight:500;}
.krds-btn.blue.secondary.active .svg-icon.ico-wind {background-image: url(../../img/component/icon/ico_wind_active.svg);}
.krds-btn.blue.secondary.active, .krds-btn.blue:focus.active {border-color:#006BE1; color:#006BE1;
    outline: 2px dotted #006BE1 !important; outline-offset: 2px; transition: outline 0s; box-shadow: none;}


/*공식 배너*/
#krds-masthead {
  --krds-masthead--color-surface:#F3F9F9;
}

/*브레드크럼 포커스*/
#container > .krds-breadcrumb-wrap:focus {box-shadow:none;}

/*모바일 메인메뉴*/
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-login .user {margin-right: 8px; line-height:4rem;}
.krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-login .user, .krds-main-menu-mobile .gnb-wrap .gnb-header .gnb-login a {font-weight: var(--krds-font-weight-bold);}

/*alert*/
.krds-modal.alert .modal-dialog .modal-content {border-radius:30px;}
.krds-modal.alert .modal-dialog .modal-header {padding-top:20px; padding-bottom:10px; border-bottom:solid 1px #ddd;}
.krds-modal.alert .modal-dialog .modal-conts  {align-items: center; min-height:120px; justify-content: center;}
.krds-modal.alert .modal-dialog .modal-conts .conts-area {text-align:center; word-break: keep-all; align-items: center;}
.krds-modal.alert .modal-dialog .modal-conts img {width:60px; margin-bottom:10px;}
.krds-modal.alert .modal-dialog .modal-btn {padding-bottom:35px;}
.krds-modal.alert .modal-dialog .modal-btn .krds-btn {width:100%;}
.krds-modal.alert .modal-dialog .btn-close {top:25px; right:30px;}

/*테이블 타이틀*/
.conts-wrap h3.sec-tit {margin-bottom:2.4rem; font-size: 3.2rem; color:#222;}

/*테이블 오른쪽정렬*/
.krds-table-wrap .tbl.data.center thead th, .krds-table-wrap .tbl.data.center tbody td {text-align: center;}

/*테이블 왼쪽정렬*/
.krds-table-wrap .tbl.data thead th.left, .krds-table-wrap .tbl.data tbody td.left {text-align: left;}

/*테이블 왼쪽라인*/
td.line {position: relative;}
td.line:before {position: absolute; content: ""; width:0.94px; height:18px; background-color:#ddd; left:0; top:50%; margin-top:-9px;}

/*테이블 상단 버튼*/
.control-con {display:flex; justify-content: space-between; align-items: flex-end; margin-bottom:24px;}
.control-con h3.sec-tit {margin-bottom:0; width:380px;}
.control-con .btn-wrap {text-align:right;}
.control-con .btn-wrap button {min-width:78px;}

/*테이블 상단 셀렉트*/
.control-con .krds-form-select {width:120px;}

/*탭,테이블 총건수 오른쪽 셀렉트*/
.tab-conts-wrap .search-list-top, .search-list-top.select{align-items: flex-end;}
.tab-conts-wrap .search-list-top .krds-form-select, .search-list-top.select .krds-form-select{width:120px;}
.search-list-top.select {margin-bottom:2.4rem;}

/*탭 총건수 상단 공간*/
.tab-conts-wrap .search-list-top {margin-top:0;}

/*팝업 입력폼 간력*/
.modal-conts .form-group-row {display: flex; align-items: flex-end; justify-content: flex-start; flex-direction: row; gap: var(--krds-gap-5); width:100%;}

/*팝업 소타이틀*/
.modal-conts .form-group h4 {font-size:19px; color:#00A287; font-weight: 500;}

/*달력 입력폼*/
.form-group.calendar .form-tit {width:100%;}
.form-group.calendar ul { display: flex; align-items: center; gap:.5rem;}

/*인풋 포커스-output.css 한번더 기재*/
.krds-form-check input[type="checkbox"]:focus + label, .krds-form-check input[type="radio"]:focus + label {box-shadow: 0 0 0 2px #256ef4;}

/*검색창*/
.search-top-box {margin-bottom:2rem; width:100%; background-color:#EBF8F5;}
.search-top-box .sch-filter-box {margin-top:1.5rem; padding:3rem 2.4rem;}

/*전체 width값이 1200px이 아닌경우 검색창*/
.search-list-top.inner {margin-bottom:2rem;}

/*타이틀+브레드크럼*/
.page-title-wrap {display: flex; flex-direction: row; justify-content: space-between; margin-top: 2rem; margin-bottom: 1.5rem;}
.page-title-wrap .krds-breadcrumb-wrap {margin-bottom:0;}
.page-title-wrap span {font-size:17px; color: #555; font-weight: 500; margin-left: 2rem; letter-spacing:-0.8px; padding-top: 3px; width:100%;}

/*페이징*/
.krds-pagination.mb60 {margin-bottom:6rem;}

/*바로가기 아이콘*/
.krds-btn.link:visited .svg-icon {background-color:#666;}

/*첨부파일*/
.g-attach-file-wrap { width: 100%; padding: var(--krds-padding-10); border-radius: var(--krds-radius-xlarge2); background-color:#EBF8F5; border:solid 1px #cdd1d5;}
.g-attach-file-wrap .file-list li { display: flex; align-items: center; gap: var(--krds-gap-5); margin-bottom: var(--krds-gap-5); padding: var(--krds-padding-6); border-radius: var(--krds-radius-medium3); border: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-gray-light); background-color: var(--krds-light-color-background-white); }
.g-attach-file-wrap .file-list li:last-child { margin-bottom: 0; }
.g-attach-file-wrap .file-list .name { width: 100%; word-break: break-all; color: var(--krds-light-color-text-bolder); }
.g-attach-file-wrap .file-list .btn-download { flex-shrink: 0; }
.g-attach-file-wrap .con-tit { margin-bottom: var(--krds-pc-gap-layout-title-body-medium); font-size: var(--krds-pc-font-size-heading-medium); font-weight: var(--krds-typo-font-weight-bold);}

/*자료실 디테일 내용부분*/
.g-description-area { display: flex; flex-direction: column; gap: var(--krds-pc-gap-layout-h2-h2); width: 100%; }
.g-description-area > * { width: 100%; }
.g-description-area.line { padding-bottom: var(--krds-gap-9); border-bottom: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-divider-gray-light); }
.g-description-area ~ .g-description-area { margin-top: var(--krds-pc-gap-layout-h3-h3); }

/*결과 리스트 상단*/
.search-list-top { display: flex; flex-direction: row-reverse; gap: var(--krds-gap-7); margin-top: var(--krds-mobile-gap-layout-h2-h3); margin-bottom:2rem;}
.search-list-top .sch-info,
.search-list-top .sch-left { order: 2; display: flex; flex-direction: column; align-items: flex-start; gap: var(--krds-gap-4); font-size: var(--krds-mobile-font-size-body-large); }
.search-list-top .sch-info { flex-direction: row; flex-wrap: wrap; gap: 0; }
.search-list-top .sch-sort { order: 1; margin-left: auto; }
.search-list-top .sch-sort .w-hide { display: flex !important; }
.search-list-top .sch-sort .w-sort-btn { display: none; }
.search-list-top .sch-sort .m-sort-btn { display: flex; align-items: center; }
.search-list-top .sch-sort .krds-btn.ico-filter { position: relative; font-size: var(--krds-pc-font-size-heading-xxsmall); height: 2.5rem; padding: var(--krds-padding-1); }
.search-list-top .sch-sort .krds-btn.ico-filter .span { position: relative; z-index: 2; font-weight: var(--krds-font-weight-bold); }
.search-list-top .sch-sort .krds-btn.ico-filter .krds-badge.number { position: absolute; top: calc(-1 * var(--krds-number-6)); right: var(--krds-number-5); z-index: 1; }
.search-list-top .side-line-ul { display: flex; gap: var(--krds-gap-3); margin-top: var(--krds-gap-4); }
.search-list-top.border { margin-bottom: 0; }

/*필터칩 박스*/
.filter-chip { display: none; }

/*모바일 검색필터 달력선택*/
.accordion-item.active .accordion-body.calendar {display: flex; flex-direction: row; gap: 1.8rem; align-items: center;}

/*조회수*/
/*.community-notice-list .c-date {margin-right:1.3rem;}*/
.community-notice-list .c-date strong.key {color: #444; font-size: 16px;}
.community-notice-list .info {display: flex; flex-direction: row; gap:1.5rem;}
/*.community-notice-list .date {margin-right:1.3rem;}*/

/*모바일 상세검색 클릭시 적용하기 버튼*/
.krds-modal[data-type=bottom-sheet] .modal-btn.btn-wrap {padding-top:1rem;}
.modal-conts .krds-accordion .accordion-item .btn-accordion.active:focus {box-shadow:none;}

/*시계열정보 팝업*/
.krds-modal .modal-dialog .search-top-box {-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
.krds-modal .modal-dialog .search-top-box .sch-filter-box {padding: 2rem 2.4rem; position: relative; margin-top:0;}
.krds-modal .modal-dialog .search-top-box .sch-filter-box .filter-form {position: relative;}
.krds-modal .modal-dialog .search-top-box .sch-filter-box .filter-form >div:last-child {position: absolute; right:0; width: auto;}

.krds-modal .modal-dialog.modal-xlg .search-top-box .sch-filter-box , .krds-modal .modal-dialog.modal-xxlg .search-top-box .sch-filter-box {max-width:100%;}
.krds-modal .modal-dialog.modal-xlg .search-top-box .sch-filter-box .filter-form > div {width:23rem; max-width:100%;}
/*.krds-modal .modal-dialog.modal-xlg .search-top-box .sch-filter-box .filter-form > div:first-child,*/
/*.krds-modal .modal-dialog.modal-xxlg .search-top-box .sch-filter-box .filter-form > div:first-child {width:40rem;}*/
.krds-modal .modal-dialog.modal-xlg .search-top-box .sch-filter-box .filter-form > div:last-child,
.krds-modal .modal-dialog.modal-xxlg .search-top-box .sch-filter-box .filter-form > div:last-child {width: auto;}
/*.krds-modal .modal-dialog.modal-xlg .search-top-box .sch-filter-box .filter-form > div.calendar.time,*/
/*.krds-modal .modal-dialog.modal-xxlg .search-top-box .sch-filter-box .filter-form > div.calendar.time {width:30rem;}*/
/*.krds-modal .modal-dialog.modal-xxlg .search-top-box .sch-filter-box .filter-form > div.calendar.time>div {width:22rem;}*/
.krds-modal .modal-dialog.modal-xlg .search-top-box .sch-filter-box .filter-form > div {width:23rem;}

p.sec-tit {font-size:1.9rem; font-weight:700; margin-bottom:1rem;}
p.sec-tit span {color: #00A287;}

/*.search-top-box .sch-filter-box .filter-form .calendar.time {max-width: 30rem;}*/

/*레이어팝업 전체공통*/
.search-top-box .sch-filter-box .filter-form.space-between {justify-content: space-between;}
.search-top-box .sch-filter-box .filter-form.space-between > div {justify-content: flex-end;}

.chart-wrap {width:100%; height:auto; border:solid 1px #ddd; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; min-height: 350px; margin-bottom:2.5rem;}

/*조회날자 텍스트 + 엑셀다운로드 버튼*/
.txt-list-top { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom:1.5rem;}
.txt-list-top p.conts-desc { font-weight:bold; position: relative;}
.txt-list-top p.conts-desc span {color: #555; font-weight:500; display:inline-block; padding-left:1rem;}
/*.txt-list-top p.conts-desc span {position: relative; display: inline-block; padding-left:2rem;}*/
/*.txt-list-top p.conts-desc span:before {position: absolute; left:1rem; top:0; content:""; width:1px; height:2rem; background-color: #222;}*/

/*레이어팝업 하단 버튼 없는경우(ex-시계열)*/
.krds-modal .modal-dialog .modal-conts.none-btn {margin-bottom:4rem;}
.krds-modal .modal-dialog .modal-conts .krds-table-wrap {overflow-x: auto; max-height:330px;}

/* 시계열 팝업 테이블 */
.krds-table-wrap .tbl.center.fixed thead th {position:sticky; top:0; z-index:3;}
.krds-table-wrap .tbl.center.fixed tbody th[scope="row"] {position:sticky; left:0; z-index:2; background:#f4f4f4; text-align:center;}
/* 시계열 팝업 테이블 - 헤더 첫 셀도 왼쪽 고정 */
.krds-table-wrap .tbl.center.fixed thead th:first-child {left:0; z-index:4; position:sticky;}

/*레이어팝업 메인 하단 공통 전체페이지팝업(ex-소속기관) 제외한 팝업*/ /* 크기 있는 모달 헤더 */
.krds-modal:not([data-type=bottom-sheet]) .modal-dialog.modal-sm, .krds-modal:not([data-type=bottom-sheet]) .modal-dialog.modal-md,
.krds-modal:not([data-type=bottom-sheet]) .modal-dialog.modal-lg, .krds-modal:not([data-type=bottom-sheet]) .modal-dialog.modal-xlg,
.krds-modal:not([data-type=bottom-sheet]) .modal-dialog.modal-xxlg {
    width: var(--krds-modal--mobile-width) !important;
    height: var(--krds-modal--mobile-height);
    min-height: var(--krds-modal--mobile-height);
    margin: var(--krds-modal--mobile-gap) auto;
}

/*레이어팝업 메인 하단 공통 전체페이지팝업(ex-소속기관) 제외한 팝업*/ /* 크기 있는 모달 헤더 */
.krds-modal:not([data-type=bottom-sheet]) .modal-dialog.modal-sm .modal-header, .krds-modal:not([data-type=bottom-sheet]) .modal-dialog.modal-md .modal-header,
.krds-modal:not([data-type=bottom-sheet]) .modal-dialog.modal-lg .modal-header, .krds-modal:not([data-type=bottom-sheet]) .modal-dialog.modal-xlg .modal-header,
.krds-modal:not([data-type=bottom-sheet]) .modal-dialog.modal-xxlg .modal-header {border-bottom: solid 1px #c6c6c6;}

.krds-modal .modal-dialog .modal-conts h3.conts-tit {margin-bottom:1.2rem;}
.krds-modal .modal-dialog .krds-check-area {gap:1rem;}

.krds-modal .modal-dialog .modal-conts h4 {
    width: 100%;
    margin-bottom:.5rem;
    color: #1E2124;
    font-size:1.7rem;
}

/*푸터 팝업*/
.krds-modal .modal-dialog .modal-conts .pop-foot-links+h4 {
    padding-left:1rem;
}

ul.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:.4rem 0 1.6rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: var(--krds-gap-3) var(--krds-gap-5);
}

/*ul.pop-foot-links:last-child {*/
/*    padding-bottom:0;*/
/*}*/

.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;
}
.pop-foot-links li a::before {
    content: "･";
    margin-top: 0.1rem;
}
.pop-foot-links li a:hover {
    background-color: var(--pop-foot-link-color-background-hover);
}
.pop-foot-links li a:active {
    background-color: var(--pop-foot-link-color-background-active);
}

/*도움말 팝업*/
.modal-conts.guide {}

/*deps1*/
.modal-conts.guide>ul {margin-bottom:2rem;}
.modal-conts.guide ul>li {padding-left:0rem; color: #464c53; font-weight:400;}
.modal-conts.guide ul>li strong {font-weight:400; color: #1E2124;}
.modal-conts.guide sup {font-size:1.1rem;}

.modal-conts.guide ul.decimal {gap: 4px;}
.modal-conts.guide ul.decimal > li {padding-left: 2.4rem;}

.modal-conts.guide .info-text01 p {font-size: 15px; line-height: 22px; color: #464C53; margin-bottom: 4px;}


/* deps2 풍력 기상관측 3.시계열 ● */
.modal-conts.guide ul > li > ul.decimal {margin-top: 1rem;}

/*deps3 - */
.modal-conts.guide ul.dash {margin-bottom:0; gap: 0px;}
.modal-conts.guide ul.dash.mb5 {margin-bottom:5px;}
.modal-conts.guide ul.dash ul {margin-top:0; margin-bottom:10px;}
.modal-conts.guide ul.dash ul li {font-size: 1.6rem; gap: 0px; color:#666;}
.modal-conts.guide ul.decimal li > ul.dash {margin-top:0;}
.modal-conts.guide ul.decimal > li div {/*font-weight:500;*/ color: #1E2124;}
.modal-conts.guide ul.decimal > li div ul.dash > li {margin-left: 2rem;} /*태양광서비스 - 기상예측*/

.modal-conts.guide ul.decimal ul.dash>li {padding-left: 1.6rem; font-size: 1.6rem;}




/*선택버튼*/
.select-btn { display: flex; align-items: stretch; min-width:15rem; gap: 0; flex-direction: row; align-items: center;}
.select-btn li {width:50%;}
.select-btn li button {border-color: #00A287;
    border:solid 0.2rem #00A287; height:3.8rem; font-size: 1.5rem; transition: var(--krds-transition-base);
    width:100%; background-color:#fff; box-sizing:border-box;}
.select-btn li:first-child button {border-top-left-radius: 0.6rem; border-bottom-left-radius: 0.6rem;}
.select-btn li:last-child button {border-top-right-radius: 0.6rem; border-bottom-right-radius: 0.6rem;}

.select-btn li.active button {background-color:#00A287; color:#fff; font-weight:bold;}

.select-btn li button:focus {
    box-shadow: inset 0 0 0 0.4rem var(--krds-light-color-border-primary);
    outline-offset: -0.4rem;
}

.svg-icon.ico-board {-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(../img/component/icon/ico_board.svg);
    mask-image: url(../img/component/icon/ico_board.svg);}

/*엣지 에서 비밀번호 눈아이콘 가리기*/
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

.svg-icon.ico-help {
    -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(../img/component/icon/ico_help.svg);
    mask-image: url(../img/component/icon/ico_help.svg);
}

.info-text02 {position:relative; background: var(--ol-partial-background-color); border-radius: 4px; font-size: 12px; font-weight: bold; padding-right: 3px; padding-left: 15px;display:
        flex; align-items: center; color:#555; display:inline-block;}
.info-text02:before {position:absolute; content:"*"; left:5px; top:-3px;}


@media (max-width: 1100px) {
    .krds-main-menu .gnb-menu .gnb-main-trigger, .krds-main-menu .gnb-menu .gnb-main-trigger h2 {font-size:1.6rem;}
}

@media (max-width: 1024px) {
    .krds-modal .modal-dialog.modal-xlg, .krds-modal .modal-dialog.modal-xxlg {width:100%;}

    .krds-modal .modal-dialog.modal-xlg .search-top-box .sch-filter-box .filter-form > div:not(:last-child) {max-width:100%; display: flex; flex-direction: column; align-items: flex-start; width:100%;}
    .krds-modal .modal-dialog.modal-xlg .search-top-box .sch-filter-box .filter-form > div:first-child {width:100%;}
    .krds-modal .modal-dialog .search-top-box .sch-filter-box .filter-form {flex-direction: column;}
    .krds-modal .modal-dialog .search-top-box .sch-filter-box .filter-form >div:last-child {position: static; justify-content: flex-start;}
    .page-title-wrap span {display: none;}
}

@media (max-width: 767px) {
    #krds-header .header-container .logo a { width:23.8rem; height: 3.2rem; background-position: left center;}

    .g-attach-file-wrap { padding: var(--krds-padding-8); }
    .g-attach-file-wrap .file-list li { flex-direction: column; align-items: flex-start; }
    .g-attach-file-wrap .file-list .btn-download { align-self: flex-end; }
    .g-description-area { gap: var(--krds-mobile-gap-layout-h2-h2); }
    .g-description-area ~ .g-description-area { margin-top: var(--krds-mobile-gap-layout-h3-h3); }
    /*.search-list-top {flex-direction: column; gap: var(--krds-gap-7);margin-top: var(--krds-mobile-gap-layout-h2-h3);}*/
    .krds-modal.alert .modal-dialog .modal-conts img {width:60px !important;}
    #krds-footer .f-cnt .f-link img {height: 2.8rem;}
    #krds-footer .f-cnt .f-link img:nth-child(2) {height: 4rem;}

    /*모바일 조회기간 (자료실, 공지사항)*/
    .krds-input.datepicker:placeholder-shown {font-size: 1.2rem;}

    /*푸터팝업*/
     ul.pop-foot-links {
        grid-template-columns: 1fr 1fr;
        grid-gap: 0;
    }



}

@media (max-width: 700px) {
    .krds-modal .modal-dialog.modal-xxlg .search-top-box .sch-filter-box .filter-form > div.calendar.time {width:100%;}
    .krds-modal .modal-dialog.modal-xxlg .search-top-box .sch-filter-box .filter-form > div:first-child {width:100%;}
}