/* **** POPUP **** */
.popup-wrap {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  padding: 1.2rem;
}
.popup-wrap .popup-in { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; margin: 0 auto; height: 100%;}
.popup-wrap .popup {
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
}
.popup-wrap .popup .popup-head .pop-tit {
  font-size: 2.5rem;
}
.popup-wrap .popup .popup-body { flex: 1;  overflow-x: hidden; overflow-y: auto;}
.popup-wrap .popup .popup-body::-webkit-scrollbar { width: 0.8rem;}
.popup-wrap .popup .popup-body::-webkit-scrollbar-thumb { background-color: #C6C6C6;  border-radius: 0.8rem;}
.popup-wrap .popup .popup-body::-webkit-scrollbar-track {
  background-color: #D8D8D8;
}
.popup-wrap .popup-close { background: url(https://uiux.egovframe.go.kr/resources/img/pattern/common/ico_close_48.svg) no-repeat;
  background-size: 2.4rem;  background-position: center;}
.popup-wrap[data-type=full] {  gap: 4rem; max-height: 100%; background-color: #EDF1F5;}
.popup-wrap[data-type=full] .popup-in {  padding: 8rem 0;}
.popup-wrap[data-type=full] .popup {
  gap: 4rem;  width: 100%;
  max-width: 128rem;
  height: 100%;
}
.popup-wrap[data-type=full] .popup-close { position: absolute;  top: 20px; right: 20px;  z-index: 3; width: 4.8rem;  height: 4.8rem; background: url(/nfa/common/fonts/ico_close_48.svg) no-repeat;  background-size: contain;}
.popup-wrap[data-type=full].is-open, .popup-wrap[data-type=full].is-close {
  display: block;
  height: auto;
}

.popup-wrap[data-type=bottom] {
  display: block;
  top: auto;
  bottom: -5rem;
  height: 0;
}
.popup-wrap[data-type=bottom]::after {
  display: none;
  content: "";
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: #000;
  transition: all ease 0.6s 0.4s;
}
.popup-wrap[data-type=bottom] .popup-in { height: 0;}
.popup-wrap[data-type=bottom] .popup {
  position: fixed;
  left: 0;
  bottom: -100%;
  z-index: 2;
  width: 100%;
  max-height: 90%;
  border-top-left-radius: 1.6rem;
  border-top-right-radius: 1.6rem;
  background-color: #fff;
  transition: all ease 0.6s 0.2s;
}
.popup-wrap[data-type=bottom] .popup-head { display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  flex-shrink: 0;
  height: 7.2rem;
  padding: 0 1.6rem;
}
.popup-wrap[data-type=bottom] .popup-body { padding: 0 1.6rem;}
.popup-wrap[data-type=bottom] .popup-close { width: 2.4rem;  height: 2.4rem;}
.popup-wrap[data-type=bottom] .popup-btm { display: flex; position: sticky; left: 0; bottom: 0; z-index: 5; gap: 1.6rem; padding: 2.4rem 1.6rem 4rem; border-top: 0.1rem solid #C6C6C6; background-color: #fff;}
.popup-wrap[data-type=bottom] .popup-btm .btn { flex: 1;}
.popup-wrap[data-type=bottom].is-open::after { display: block; opacity: 0.5;}
.popup-wrap[data-type=bottom].is-open .popup { bottom: 0;}


/* 통합검색 */
.pop-total-serch-wrap {
  max-width: 84.6rem;
  padding: 8rem 0 4rem;
  margin: 0 auto;
}
.pop-total-serch-wrap .search-tit { display: flex;  align-items: center;  justify-content: flex-start;  flex-direction: row;  font-size:24px;  font-weight: 700;  line-height: 1; color: #232323;  margin-bottom: 2.4rem;}
.pop-total-serch-wrap .search-tit .btn-txt { margin-left: auto;}
.pop-total-serch-wrap .search-total-top { position: sticky; top: 0; padding-bottom: 20px; background-color: #EDF1F5;}
.pop-total-serch-wrap .search-text { padding-top: 4rem;}
.pop-total-serch-wrap .search-text .sch-info-list { display: flex; width: 100%;}
.pop-total-serch-wrap .search-text .sch-info-list .li { display: inline-flex; align-items: flex-start;  justify-content: flex-start;
  flex-direction: column;
  flex: 1;
  width: 50%;
  min-height: 43rem;
  padding: 0.8rem 2.4rem;
  margin: 0;}
.pop-total-serch-wrap .search-text .sch-info-list .li .tit { font-size:1.8rem;  color: #1D1D1D; width: 100%;  margin-bottom: 4rem; font-weight: 500;}
.pop-total-serch-wrap .search-text .sch-info-list .li .list { display: flex; align-items: normal;  justify-content: flex-start;  flex-direction: column;  gap: 2.0rem;  width: 100%;}
.pop-total-serch-wrap .search-text .sch-info-list .li .list li { display: flex; align-items: center;  justify-content: flex-start;  flex-direction: row; font-size: 16px;}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-txt { display: -webkit-box; overflow: hidden;  text-overflow: ellipsis;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-state { display: inline-flex; align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-shrink: 0;
  gap: 0.2rem;
  font-size: 1.5rem;
  font-size:1.5rem;  width: 3.2rem;
}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-state::before { display: inline-flex; content: "";
  width: 1rem;
  height: 1rem;
}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-state.up { color: #EB003B;
}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-state.up::before { width: 0;
  height: 0;
  border-bottom: 0.6rem solid #EB003B; border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-state.down {
  color: #2768FF;
}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-state.down::before { width: 0; height: 0;
  border-top: 0.6rem solid #2768FF;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
}
.pop-total-serch-wrap .search-text .sch-info-list .li .ranking-state.same::before { width: 0.6rem;
  height: 0.2rem;
  background-color: #1D1D1D;}
.pop-total-serch-wrap .search-text .sch-info-list .li1 { counter-reset: item;}
.pop-total-serch-wrap .search-text .sch-info-list .li1 li { gap: 0.8rem;  counter-increment: item;}
.pop-total-serch-wrap .search-text .sch-info-list .li1 li::before { display: inline-flex;  content: counter(item);  width: 2rem;}
.pop-total-serch-wrap .search-text .sch-info-list .li1 li .ranking-state { margin-left: auto;}

.pop-total-serch-wrap .search-text .sch-info-list .li2 { border-left: 1px solid #C6C6C6;}
.pop-total-serch-wrap .search-text .sch-info-list .li2 li { gap: 0.8rem;}
.pop-total-serch-wrap .search-text .sch-info-list .li2 .word-txt { display: -webkit-box; overflow: hidden; text-overflow: ellipsis;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;}
.pop-total-serch-wrap .search-text .sch-info-list .li2 .btn-ico.ico-del { flex-shrink: 0;  margin-left: auto;  background: url(/nfa/common/fonts/ico_del_20.svg) right no-repeat; height: 2rem;}
.pop-total-serch-wrap .search-text .sch-info-list .li2 .btn-txt { margin-top: auto;}
.pop-total-serch-wrap .search-text .sch-info-list .li2 .btn-txt:hover{background: none;}
.pop-total-serch-wrap .search-text .sch-info-list .li2 .btn-txt.ico-del::after { background: url(ico_del_20.svg) center 5px no-repeat; width:2rem; height: 2rem; display: inline-flex; content: '';}

.pop-total-serch-wrap .search-text .sch-keyword-list { display: flex; align-items: normal;  justify-content: flex-start;  flex-direction: column;  gap: 2.4rem;}
.pop-total-serch-wrap .search-text .sch-keyword-list .li { display: flex; align-items: center;  justify-content: space-between;  flex-direction: row;  gap: 0.8rem;  word-break: break-all;}
.pop-total-serch-wrap .search-text .sch-keyword-list .li .text { display: flex;  align-items: flex-start;  justify-content: flex-start;  flex-direction: column;  flex: 1;  gap: 1.2rem;}
.pop-total-serch-wrap .search-text .sch-keyword-list .li .text .txt { width: 100%;  display: -webkit-box; overflow: hidden;  text-overflow: ellipsis;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;}
.pop-total-serch-wrap .search-text .sch-keyword-list .li .text .url { text-decoration: underline;}
.pop-total-serch-wrap .search-text .sch-keyword-list .li .btn-txt { height: auto;}

.btn-ico.ico-sch{background: url(/nfa/common/fonts/head_ico_navi_sch.svg) ; background-repeat:no-repeat; background-size: contain; background-position: center;}

/* 검색 폼 */
.sch-form-wrap { display: flex;  align-items: center;  justify-content: flex-start;  flex-direction: row;  gap: 1.6rem;}
.sch-form-wrap.vert { display: flex;  align-items: flex-start;  justify-content: flex-start;  flex-direction: column;}
.sch-form-wrap.vert .sch-input { width: 100%;}
.sch-form-wrap .input-group .form-select { width: auto;}
.sch-form-wrap .btn-txt.ico-sch1::before { width: 2.4rem;  height: 2.4rem;}

.sch-input { display: flex;  position: relative;}
.sch-input .form-control { padding: 0 4.8rem 0 1.6rem;}
.sch-input .form-control ~ .ico-sch { width: 2.4rem;  height: 2.4rem;}
.sch-input .form-control.xlg { font-weight: 500;  padding: 0 20px; width: 100%; border: 1px #3a3a3a solid;}
.sch-input .form-control.xlg ~ .ico-sch { right: 2.4rem;  width: 4rem;  height: 4rem;}
.sch-input .ico-sch { position: absolute; top: 50%;  right: 1.6rem;  transform: translateY(-50%);}


/* **** button : text button **** */
.btn-txt {  color: inherit;  border: 0;  background-color: inherit;  padding: 0 .2rem !important;}
.btn-txt:hover, .btn-txt:active {  background-color: inherit;}
.btn-txt:hover {  background-color: #EDF1F5;}
.btn-txt:active {  background-color: #D3E1FB;}
.btn-txt:focus {  outline-offset: 0.4rem;  outline: 2px solid rgba(36, 107, 235, 0.8);}
.btn-txt[disabled] {  color: var(--krds-gray-50);}
.btn-txt[class*=ico-]::after {  background-repeat: no-repeat;  background-size: contain;  background-position: center;}
.btn-txt[class*=ico-].ico-before::before {  display: inline-flex;  content: "";  background-repeat: no-repeat;  background-size: contain;  background-position: center;}
.btn-txt[class*=ico-].ico-before::after { display: none;}
.btn-txt[class*=ico-].ico-call::before { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_call.svg);}
.btn-txt[class*=ico-].ico-call::after {  background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_call.svg);}
.btn-txt[class*=ico-].ico-faq::before {background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_faq.svg);}
.btn-txt[class*=ico-].ico-faq::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_faq.svg);}
.btn-txt.underline {
  text-decoration: underline;
}
.btn-txt.link {
  height: auto;
  text-decoration: underline !important;
}
.btn-txt.ico-like::before, .btn-txt.ico-like::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_like_20.svg);
}
.btn-txt.ico-share::before, .btn-txt.ico-share::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_share_20.svg);
}
.btn-txt.ico-arr::after {
  background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_arr_20_right.svg);
}
.btn-txt.ico-arr-down::after {
  background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_arr_16_down.svg);
}
.btn-txt.ico-more::after {
  background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_arr1_20_right.svg);
}
.btn-txt.ico-sch::before, .btn-txt.ico-sch::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_sch_40.svg);}
.btn-txt.ico-sch1::before, .btn-txt.ico-sch1::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_sch1_20.svg);}
.btn-txt.ico-go::before, .btn-txt.ico-go::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_go_20.svg);}
.btn-txt.ico-down::before, .btn-txt.ico-down::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_file_20.svg);}
.btn-txt.ico-filter {  position: relative;}
.btn-txt.ico-filter::before, .btn-txt.ico-filter::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_filter_20.svg);}
.btn-txt.ico-filter .num { display: inline-flex;  position: absolute;  right: 0.1rem;  z-index: 1;  height: 2rem;  font-size: 1.5rem;  color: #fff;  padding: 0 0.8rem;  margin-top: -3rem;  border-radius: 2rem;  background-color: #246BEB;}
.btn-txt.ico-reset::before, .btn-txt.ico-reset::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_refresh_16.svg);}
.btn-txt.ico-log::before, .btn-txt.ico-log::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_login_20.svg);}
.btn-txt.ico-func { gap: 0.8rem;}
.btn-txt.ico-func::before, .btn-txt.ico-func::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_arr_func_20.svg);}
.btn-txt.ico-logout { gap: 0.8rem;}
.btn-txt.ico-logout::before, .btn-txt.ico-logout::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_logout_16.svg);}
.btn-txt.ico-email { gap: 0.8rem;}
.btn-txt.ico-email::before, .btn-txt.ico-email::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_email_20.svg);}
.btn-txt.ico-print { gap: 0.8rem;}
.btn-txt.ico-print::before, .btn-txt.ico-print::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_print_20.svg);}
.btn-txt.ico-scrap { gap: 0.8rem;}
.btn-txt.ico-scrap::before, .btn-txt.ico-scrap::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_scrap_20.svg);}
.btn-txt.ico-del { gap: 0.8rem;}
.btn-txt.ico-del::before, .btn-txt.ico-del::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_del1_20.svg);}
.btn-txt.ico-plus { gap: 0.8rem;}
.btn-txt.ico-plus::before, .btn-txt.ico-plus::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_plus_24.svg);}
.btn-txt.ico-setting { gap: 0.8rem;}
.btn-txt.ico-setting::before, .btn-txt.ico-setting::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_setting_20.svg);}
.btn-txt.ico-link { gap: 0.8rem;}
.btn-txt.ico-link::before, .btn-txt.ico-link::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_link_16.svg);}
.btn-txt.ico-comment { gap: 0.8rem;}
.btn-txt.ico-comment::before, .btn-txt.ico-comment::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico_comment_16.svg);}
.btn-txt.ico-prev { gap: 0.8rem;}
.btn-txt.ico-prev::before, .btn-txt.ico-prev::after { background-image: url(https://uiux.egovframe.go.kr/resources/img/component/common/ico-prev_24.svg);}
.btn-txt.sm[class*=ico-]::before, .btn-txt.sm[class*=ico-]::after { width: 2rem;  height: 2rem;}
.btn-txt.xsm[class*=ico-] { gap: .2rem;}
.btn-txt.xsm[class*=ico-]::before, .btn-txt.xsm[class*=ico-]::after { width: 1.6rem;  height: 1.6rem;}
.btn-txt.h-auto { height: auto; padding: .2rem !important;}

.link-txt { text-decoration: underline;}

.form-control.xlg { height: 8rem; padding: 0 1.6rem; border-radius: 10px; font-size: 1.9rem;}

.sm{font-size: 14px; font-weight: 300;}

@media (max-width: 1023px) {
	
	.popup-wrap[data-type=bottom].is-close::after {  display: block;  opacity: 0.5;}
	.form-control.xlg {  height: 4.6rem;   padding: 0 1.6rem;   border-radius: 6px;   font-size: 16px; }
}

@media (max-width: 599px) {
	
	.pop-total-serch-wrap{padding:0px 10px;}
	.pop-total-serch-wrap .search-tit {  flex-direction: column;   align-items: flex-start;   gap:1.6rem; font-size: 18px; }
	.pop-total-serch-wrap .search-tit .btn-txt {  padding: 0;   margin: 0; }

	.pop-total-serch-wrap .search-text { padding: 20px 0; }
	.pop-total-serch-wrap .search-text .sch-info-list {   flex-direction: column; }
	.pop-total-serch-wrap .search-text .sch-info-list .li {   width: 100%;   min-height: auto;   padding: 0; }
	.pop-total-serch-wrap .search-text .sch-info-list .li .tit {   margin-bottom: 3.2rem;  }
	.pop-total-serch-wrap .search-text .sch-info-list .li2 {   padding-top: 3.2rem; margin-top: 3.2rem; border: 0; border-top:1px solid #C6C6C6; }
	.pop-total-serch-wrap .search-text .sch-info-list .li2 .btn-txt.ico-del {margin-top: 3.2rem; }
	.pop-total-serch-wrap .search-text .sch-keyword-list .li {   gap: 1.6rem;  }
	.pop-total-serch-wrap .search-text .sch-keyword-list .li .text .url {   text-decoration: none; }
	.pop-total-serch-wrap .search-text .sch-keyword-list .li .ico-go span {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; }

  /* **** POPUP **** */
	.popup-wrap[data-type=full] {padding: 0 0.8rem;	}
	.popup-wrap[data-type=full] .popup-in {padding: 30px 0;	}
	.popup-wrap[data-type=full] .popup {gap: 3.2rem;}
	.popup-wrap[data-type=full] .popup-head {padding: 0 0.8rem;	}
	.popup-wrap[data-type=full] .popup-head .pop-tit {font-size: 1.9rem;}
	.popup-wrap[data-type=full] .popup-body {padding: 0 20px;	}
	.popup-wrap[data-type=full] .popup-close {width: 2.4rem;height: 2.4rem;	}
	
	  /* 검색 폼 */
	.sch-form-wrap {flex-direction: column;   align-items: flex-start; }
	.sch-input .form-control.xlg { padding: 0 20px; width: 100%; border:1px #3a3a3a solid; }
	.sch-input .form-control.xlg ~ .ico-sch {   right: 10px;   width:28px;   height: 28px; }
	
	.btn{display: inline-flex; align-items: center; justify-content: center; gap:0.4rem; border-radius: 8px; font-size: 16px; font-weight: 500; cursor: pointer; white-space: normal; transition: 0.4s ease-in-out;}
	.btn-ico[class*=ico-]{width: 4rem; height: 2rem; background-repeat: no-repeat; background-size: contain; background-position: center;}
	
}

/* 팝업 오픈 애니메이션 */
@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

/* 팝업 닫기 애니메이션 */
@keyframes slideUp {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-100%);
    }
}

/* 팝업이 열릴 때 애니메이션 적용 */
.popup-wrap.is-open {
    animation: slideDown 0.3s ease-out forwards;
}

/* 팝업이 닫힐 때 애니메이션 적용 */
.popup-wrap.is-close {
    animation: slideUp 0.3s ease-out forwards;
}

.header-search {
  position: relative;
}

.keyboard-trigger {
  position: absolute;
  right: 45px; /* 검색 버튼과의 간격을 더 확보 */
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
}