@charset "UTF-8";

/*타이틀 */
.title01{font-size:var(--krds-pc-font-size-heading-large);}/*사이즈 */
.title01.mb{margin-bottom: var(--krds-pc-gap-layout-title-body-large);}/*마진값 추가 */
.title01 em{font-size:var(--krds-pc-font-size-heading-small); margin-left:1.2rem; padding-left:1.2rem;  border-left: 1px solid var(--krds-light-color-border-gray-light);}
.title01.add-wrap{display:flex; align-items: center;}
.title02{font-size:var(--krds-pc-font-size-heading-medium); }/*사이즈 */
.title02.mb{margin-bottom: var(--krds-pc-gap-layout-title-body-medium); }/*마진값 추가 */
.title03{font-size:var(--krds-pc-font-size-heading-small); }
.title03.mb{margin-bottom: var(--krds-pc-gap-layout-title-body-medium); }
/* 컬러블릿 타이틀*/
.title04{font-size:var(--krds-pc-font-size-heading-small); font-weight: var(--krds-font-weight-bold); position:relative; padding-left:var(--krds-padding-7);}
.title04:before{content: ""; display:block;position:absolute;  width: 0.6rem; height: 0.6rem; background-color: var(--krds-light-color-element-information);border-radius: var(--krds-radius-max);top: 1rem;left: 0;}
.title04.mb{padding-bottom: var(--krds-pc-gap-layout-title-body-medium);}
.title05{font-size:var(--krds-pc-font-size-heading-xsmall); font-weight: var(--krds-font-weight-bold);}
.title05.mb{margin-bottom: var(--krds-pc-gap-layout-title-body-medium); }
 [class*="title0"].line{border-bottom: 0.1rem solid var(--krds-light-color-border-gray-light); padding-bottom:0.6rem;}
 .title01 > .add{font-size:var(--krds-pc-font-size-heading-medium); letter-spacing:-0.05rem; }
 .title03 > em{font-size:1.5rem; letter-spacing:-0.05rem; margin-left:1rem; padding-left:1rem;  border-left: 1px solid var(--krds-light-color-border-gray-light);}

 [data-krds-mode=high-contrast]  [class*="title0"].line{border-bottom: 0.1rem solid var(--krds-high-contrast-color-border-gray-light); }

 @media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] [class*="title0"].line{border-bottom: 0.1rem solid var(--krds-high-contrast-color-border-gray-light); }
 }

 /* 라운드 타이틀*/
 .round{ display:inline-block;padding:7px 25px; background-color:#d6e0eb; border-radius:2.4rem;}
.round.green{background-color:#d8eedd;}
.round.young{padding:7px 50px;}/* 청년소리 타이틀*/
 [data-krds-mode=high-contrast]  .round{background-color:#0E3139;}
 @media (prefers-color-scheme: dark) {
	[data-krds-mode=theme]  .round{background-color:#0E3139;}
 }

/* 카드스와이퍼, 썸네일목록 등의 세부 타이틀 */
.sub-tit{font-size: var(--krds-pc-font-size-heading-small); font-weight: var(--krds-font-weight-bold); color: var(--krds-light-color-text-secondary);}
[data-krds-mode=high-contrast] .sub-tit {
    color: var(--krds-high-contrast-color-text-secondary);
}

 @media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .sub-tit {
    color: var(--krds-high-contrast-color-text-secondary);
}
 }
.sub-tit>.krds-badge{margin-right:0.4rem;}

/*숫자블릿*/
.bullet-num{
	display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    background-color: var(--krds-light-color-text-secondary);
    margin-right: var(--krds-gap-3);
	padding:0 0.2rem;
    min-width: 2rem;
    min-height: 2rem;
    font-size: var(--krds-pc-font-size-heading-xxsmall);
    color: var(--krds-light-color-text-basic-inverse);
    border-radius: var(--krds-radius-small2);}
[data-krds-mode=high-contrast] .bullet-num{ background-color: var(--krds-high-contrast-color-text-secondary);color: var(--krds-high-contrast-color-text-basic-inverse);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .bullet-num{ background-color: var(--krds-high-contrast-color-text-secondary);color: var(--krds-high-contrast-color-text-basic-inverse);}
 }

/* 콘텐츠간 간격 */
[class*="tab"] + .tab-panel{margin-top:var(--krds-pc-gap-layout-h5-h5);} /* 탭과 비연동페이지*/
.table-wrap + [class*="title"]{margin-top:var(--krds-pc-gap-layout-h2-h3);} /*테이블과 타이틀 사이간격*/
.tab + [class*="title"]{margin-top:var(--krds-pc-gap-layout-h5-h5);}
[class*="tab"] + [class*="align"]{margin-top:var(--krds-pc-gap-layout-h2-h3);}
[class*="tab"] + .viewbtnWrap{margin-top:var(--krds-pc-gap-layout-h2-h3);}/*홍보물 상세의 탭+버튼뷰*/
[class*="wrap-box"] + [class*="title"]{margin-top:var(--krds-pc-gap-layout-h2-h3);}
[class*="title"] + [class*="wrap-box"] {margin-top:var(--krds-pc-gap-layout-h3-h4);}
[class*="align"] + [class*="wrap-box"]{margin-top:var(--krds-pc-gap-layout-h3-h4);}/*타이틀+버튼,  비영리법인현황*/
[class*="wrap-box"] + [class*="tab"]{margin-top:var(--krds-pc-gap-layout-h1-h2);}
[class*="wrap-box"] + form {margin-top:var(--krds-pc-gap-layout-h3-h3);} /*민원마당 민원신청-대표누리집 신청 가능 민원*/
[class*="wrap-box"] + [class*="list"]{margin-top:var(--krds-pc-gap-layout-h1-h2);}
[class*="wrap-box"] + .iframe-wrap {margin-top:var(--krds-pc-gap-layout-h1-h2);}
.tab + [class*="-swiper"]{margin-top:var(--krds-pc-gap-layout-h2-h3);}
 [class*="title"] + .search-top-box {margin-top:var(--krds-pc-gap-layout-h4-h5);}
 div + .search-top-box{margin-top:var(--krds-pc-gap-layout-h1-h2);}
 [class*="title"] + .table-wrap{margin-top:var(--krds-pc-gap-layout-h3-h4);}
  [class*="title"] + .board{margin-top:var(--krds-pc-gap-layout-h3-h4);}/*민원서식*/
.open-nuri-type + [class*="tab"]{margin-top:var(--krds-pc-gap-layout-h3-h3);}
.list + .list{margin-top:var(--krds-pc-gap-layout-h3-h4);}
[class*="list"] + [class*="title"]{margin-top:var(--krds-pc-gap-layout-h5-h5);}
[class*="title"] + [class*="list"] {margin-top:var(--krds-pc-gap-layout-h4-h5);}
/*.tab-conts-wrap .search-list-top{margin-top:var(--krds-pc-gap-layout-h4-h5);}탭콘텐츠 연동 안의 목록 갯수 상단간격-문화예술공연*/
.search-top-box + [class*="tab"]{margin-top:var(--krds-pc-gap-layout-h1-h2);} /*채용정보*/
.search-top-box + .board{margin-top:var(--krds-pc-gap-layout-h1-h2);}/*민원마당 민원신청*/
[class*="list"] > li > [class*="wrap-box"] {margin:var(--krds-pc-gap-layout-h4-h5) 0;}
/*[class*="wrap-box"] + [class*="wrap-box"]{margin-top:var(--krds-pc-gap-layout-h2-h3);}민원마당 신청가능민원*/
[class*="wrap-box"] + [class*="wrap-box"], [class*="wrap-box"] + .write-form {margin-top:var(--krds-pc-gap-layout-h2-h3);}
[class*="wrap-box"] + p, p + [class*="wrap-box"] {margin-top:var(--krds-pc-gap-layout-h5-h5);}/*공공누리 bi*/
p +  [class*="title"] {margin-top:var(--krds-pc-gap-layout-h2-h3);}/*공공누리 bi*/
[class*="title"] + p {margin-top:var(--krds-pc-gap-layout-h4-h5);}/*공공누리 bi 타이틀+멘트*/
.viewbtnWrap + [class*="wrap-box"] {margin-top:var(--krds-pc-gap-layout-h4-h5);} /*로컬100 상세*/
.view_con + .open-nuri-type{margin-top:var(--krds-pc-gap-layout-h4-h5);}
.view_con > .krds-tab-area{margin-top:0;} /*홍보물 뷰에 탭연동:문화 디지털혁신 기본계획*/
.view_con > .wrap-box + .krds-tab-area{margin-top:var(--krds-pc-gap-layout-h1-h2);}/*홍보물 뷰에 탭연동:게임시간선택제*/
.viewbtnWrap-top + .tab{margin-top:var(--krds-pc-gap-layout-h4-h5);}  /*통계자료 뷰*/
.swiper-tab + [class*="title"]{margin-top:var(--krds-pc-gap-layout-h5-h5);} /*정보공개 중점관리 대상사업 스와이퍼탭+타이틀*/
.tab-panel > .btn-group{margin-top:var(--krds-pc-gap-layout-h3-h4);} /*저작권권법*/
.view-detail .view_con.wide > .content_img{margin:0;} /*홍보물 이미지 간격 이미지+공공누리*/
.view_con .tab-conts-wrap .content_img{margin-top:0;}  /*홍보물 탭+이미지 간격*/
.view_con .tab-conts-wrap .imgcard-swiper .content_img {margin: var(--krds-pc-gap-layout-h5-h5) 0 0 0;} /*홍보물 탭+스와이퍼+이미지 간격*/



@media (max-width: 768px) {
	.view_con > .krds-tab-area{margin-top:var(--krds-pc-gap-layout-h4-h5);}
	.advance-search + .search-list-top {margin-top:var(--krds-pc-gap-layout-h4-h5);}
}


/*정렬 요소*/
.align {display:flex; width:100%; flex-wrap: wrap; gap:var(--krds-gap-4);}
.align.justify {justify-content: space-between; align-items: center;} /*2025 민원우수사례*/
.align.side {justify-content: flex-start; align-items: center; gap:var(--krds-gap-4);}
.align.center {justify-content: center; align-items: center; gap:var(--krds-gap-4);}
.align > .btnWrap{display:flex; gap:var(--krds-gap-4); flex-wrap:wrap;} /*찾아오시는길*/
.align.text-line{padding-bottom:0.8rem;}/*공공누리 타이틀+버튼+라인*/
@media (max-width: 480px) {
	.align{flex-direction: column; gap:var(--krds-gap-3); }
	.align.justify {align-items: normal;}
.align.justify > .btn_al{text-align:right;}
	.align.side {align-items: flex-start; }
	.align > .btnWrap a{width:100%;}
}

/*스크롤바*/
.scroll-bar{padding-right:1.6rem;}
.scroll-bar::-webkit-scrollbar { width: 1rem;}
.scroll-bar::-webkit-scrollbar-thumb { background-color: var(--krds-light-color-divider-secondary-light);  border-radius:1rem; }
.scroll-bar::-webkit-scrollbar-track {background-color: var(--krds-light-color-element-primary-lighter); border-radius:1rem; }

.scroll-xbar{padding-bottom:0.6rem; }
.scroll-xbar::-webkit-scrollbar { height: 0.8rem; margin-bottom:2px;}
.scroll-xbar::-webkit-scrollbar-thumb { background-color:var(--krds-color-light-secondary-20);  border-radius:0.8rem;}
.scroll-xbar::-webkit-scrollbar-track {background-color: var(--krds-color-light-gray-10); border-radius:0.8rem; }

@media (max-width: 768px) {
	.scroll-bar{padding-right:0.8rem;}
	.scroll-bar::-webkit-scrollbar { width: 0.8rem;}
	.scroll-bar::-webkit-scrollbar-thumb {border-radius:0.8rem; }
	.scroll-bar::-webkit-scrollbar-track {border-radius:0.8rem; }
	.scroll-xbar{padding-bottom:0.4rem; }
	.scroll-xbar::-webkit-scrollbar { height: 0.3rem; }
	.scroll-xbar::-webkit-scrollbar-thumb { border-radius: 0.3rem;}
	.scroll-xbar::-webkit-scrollbar-track { border-radius: 0.3rem;}
}


[data-krds-mode=high-contrast] .scroll-bar::-webkit-scrollbar-thumb { background-color: var(--krds-high-contrast-color-surface-inverse);  border-radius:1rem; }
[data-krds-mode=high-contrast] .scroll-bar::-webkit-scrollbar-track {background-color: var(--krds-high-contrast-color-element-gray); border-radius:1rem; }
[data-krds-mode=high-contrast] .scroll-xbar::-webkit-scrollbar-thumb { background-color: var(--krds-high-contrast-color-border-gray-dark);}
[data-krds-mode=high-contrast] .scroll-xbar::-webkit-scrollbar-track {background-color: var(--krds-high-contrast-color-divider-gray-light);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .scroll-bar::-webkit-scrollbar-thumb { background-color: var(--krds-high-contrast-color-surface-inverse);  border-radius:1rem; }
	[data-krds-mode=theme] .scroll-bar::-webkit-scrollbar-track {background-color: var(--krds-high-contrast-color-element-gray); border-radius:1rem; }
	[data-krds-mode=theme] .scroll-xbar::-webkit-scrollbar-thumb { background-color: var(--krds-high-contrast-color-border-gray-dark);}
	[data-krds-mode=theme] .scroll-xbar::-webkit-scrollbar-track {background-color: var(--krds-high-contrast-color-divider-gray-light);}
 }


/* 텍스트 목록  축약 정리*/
.list {
  --krds-list--depth1-list-margin-top: 0;
  --krds-list--depth2-list-margin-top: var(--krds-gap-5);
  --krds-list--depth3-list-margin-top: var(--krds-gap-4);
  --krds-list--depth1-padding-left: var(--krds-number-12);
  --krds-list--depth2-padding-left: var(--krds-number-10);
  --krds-list--depth3-padding-left: var(--krds-number-8);
  --krds-list--depth2-list-margin-bottom: var(--krds-gap-5);
  --krds-list--depth3-list-margin-bottom: var(--krds-gap-7);
  --krds-list--gap-layout-depth1-li-li: var(--krds-gap-4);
  --krds-list--gap-layout-depth2-li-li: var(--krds-gap-3);
  --krds-list--gap-layout-depth3-li-li: var(--krds-gap-2);
  --krds-list--border-color: var(--krds-light-color-border-secondary-light);
  --krds-list--pc-text-depth1: var(--krds-pc-font-size-body-medium);
  --krds-list--mobile-text-depth1: var(--krds-mobile-font-size-body-medium);
  --krds-list--pc-text-depth2: var(--krds-pc-font-size-body-medium);
  --krds-list--mobile-text-depth2: var(--krds-mobile-font-size-body-medium);
  --krds-list--pc-text-depth3: var(--krds-pc-font-size-body-small);
  --krds-list--mobile-text-depth3: var(--krds-mobile-font-size-body-small);
  --krds-list--info-txt-margin-top: var(--krds-number-7);
  --krds-list--depth1-color-text: var(--krds-light-color-text-subtle);
  --krds-list--depth2-color-text: var(--krds-light-color-text-subtle);
  --krds-list--depth3-color-text: var(--krds-light-color-text-subtle);
  --krds-list--bar-color: var(--krds-light-color-border-gray-light);
  --krds-list--line-border-color:var(--krds-light-color-border-gray-light);
  display: flex;
  flex-direction: column;
  /*margin-top: var(--krds-list--depth1-list-margin-top);
  margin-bottom: var(--krds-list--depth1-list-margin-top);*/
  gap: var(--krds-list--gap-layout-depth1-li-li);
}
.list.dept2{gap: var(--krds-list--gap-layout-depth2-li-li);} /*li간 간격*/
.list.dept3{gap: var(--krds-list--gap-layout-depth3-li-li);} /*li간 간격*/
.list > li {
  position: relative;
  padding-left: var(--krds-list--depth2-padding-left);
  word-break:break-all;
  
}
.list.nobl > li{ padding-left:0 !important;} /*블릿하고 패딩값없음*/
[class*="list"] > li.nobllet:before{ background:none !important;} /*블릿만 없음- 국민신청실명제*/
.list > li.flex{display:flex; align-items: center; gap:var(--krds-gap-3); flex-wrap: wrap;}
@media (max-width: 767px) {
  .list  > li > .list  > li {padding-left:var(--krds-list--depth3-padding-left);}
}
.list > li::before {
  position: absolute;
  top: 0;
  left: 0;
}
.list > li > .list {
  gap: var(--krds-list--gap-layout-depth2-li-li);
  margin-top: var(--krds-list--depth2-list-margin-top);
  margin-bottom:var(--krds-list--depth2-list-margin-bottom);
}
.list > li > .list > li:last-child > .list{ margin-bottom:var( --krds-list--depth1-list-margin-top);}
.list > li > .list > li {
  padding-left: var(--krds-list--depth2-padding-left);
  color: var(--krds-list--depth2-color-text);
  font-size: var(--krds-list--pc-text-depth2);
}
.list > li > .list > li > .list {
  margin-top: var(--krds-list--depth3-list-margin-top);
}
.list > li > .list > li > .list > li {
  padding-left: var(--krds-list--depth2-padding-left);
  color: var(--krds-list--depth3-color-text);
}
.list > li > .info-txt {
  margin-top: var(--krds-list--info-txt-margin-top);
}
.list.bullet > li {font-size:var(--krds-pc-font-size-body-large); font-weight:700;}/*블릿 리스트에 글자사이즈 업*/
.list.bullet.normal > li{font-weight:400; font-size:var(--krds-pc-font-size-body-medium);} /*민원-행정서비스헌장*/
.list.bullet > li::before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background-color: var( --krds-light-color-element-information);
  border-radius: var(--krds-radius-max);
  top: 1rem;
  left: 0.5rem;
}
.list.bullet.nobl > li{font-size:var(--krds-pc-font-size-body-large); font-weight:700;}/*블릿 리스트에 블릿이 없는 경우 글자사이즈업 볼드 공공누리 저작권유형안내 영문 부분*/
.list.bullet.nobl > li::before {
	display:none;
}
.list.dot > li {font-weight:400; font-size:var(--krds-pc-font-size-body-medium); }
.list.dot > li.fs-small { font-size:var(--krds-pc-font-size-body-small); } /*댓글부분 하단멘트*/
.list.dot > li::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background-color: var(--krds-list--depth1-color-text);
  border-radius: var(--krds-radius-max);
  top: 1rem;
  left:1rem;

}
.list.bar > li {font-weight:400; font-size:var(--krds-pc-font-size-body-medium);}
.list.bar > li::before {
  content: "-";
   left: 0.5rem;
}
.list.nobl > li{font-weight:400; font-size:var(--krds-pc-font-size-body-medium);}
.list.nobl > li::before {
  display: none;
}
.list.line > li{padding-bottom:var(--krds-padding-5); border-bottom: var(--krds-light-border-width-static-regular) solid var(--krds-list--line-border-color);} /*업무계획다운로드 리스트*/
.list.line > li:last-child{border-bottom:none;}


ol.list > li{text-indent: -2rem; font-weight:400; font-size:var(--krds-pc-font-size-body-medium);}
ol.list > li > .list > li{text-indent: 0rem;}
/*ol.list > li > ol.list > li{text-indent: 0rem; padding-left:0;} 약관*/
ol.list > li > ol.list > li{text-indent: -2rem; padding-left: var(--krds-list--depth2-padding-left);} 
ol.list.privacy > li > ol.list > li {text-indent: -2rem; padding-left: var(--krds-list--depth2-padding-left);}/*개인정보처리방침*/
ol.list.privacy li .table-wrap{margin:1.2rem 0;}
ol.list.privacy li .content_img{text-indent: 0rem;}
ol.list.privacy li p{text-indent: 0; }/*개인정보처리방침 -guide7*/
ol.list > li a, ol.list > li button{text-indent: 0rem;}/*개인정보처리방침*/
ol.list.nobl > li {text-indent: 0rem; } /*개인정보처리방침*/



.list > li.nobl::before {display: none;} 

/*.list.hollow {
  gap: var(--krds-list--gap-layout-depth2-li-li);
}
.list.hollow > li {
  padding-left: var(--krds-list--depth3-padding-left);
}
.list.hollow > li::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  content: "";
  border: 0.1rem solid var(--krds-list--depth1-color-text);
  border-radius: var(--krds-radius-max);
  top: 0.95rem;
  left: 0.8rem;
}*/
.list.ordered > li .num {
  position: absolute;
  top: 0;
  left: 0;
}
.list.ordered > li::before {
  display: none;
}
@media (max-width: 767px) {
	.list > li {padding-left: var(--krds-list--depth3-padding-left); }
	.list > li > .list > li { padding-left: var(--krds-list--depth3-padding-left); }
	.list > li > .list > li > .list > li {/*font-size: var(--krds-list--mobile-text-depth3);*/ padding-left: var(--krds-list--depth3-padding-left); }
	.list.bullet > li::before, .list.dot > li::before, .list.bar > li::before{ left: 0;}
}


[data-krds-mode=high-contrast] .list {
  --krds-list--depth1-color-text: var(--krds-high-contrast-color-text-subtle);
  --krds-list--depth2-color-text: var(--krds-high-contrast-color-text-subtle);
  --krds-list--depth3-color-text: var(--krds-high-contrast-color-text-subtle);
  --krds-list--bar-color: var(--krds-high-contrast-color-border-gray-light);
  --krds-list--line-border-color:var(--krds-high-contrast-color-border-gray-light);
}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .list {
	  --krds-list--depth1-color-text: var(--krds-high-contrast-color-text-subtle);
	  --krds-list--depth2-color-text: var(--krds-high-contrast-color-text-subtle);
	  --krds-list--depth3-color-text: var(--krds-high-contrast-color-text-subtle);
	  --krds-list--bar-color: var(--krds-high-contrast-color-border-gray-light);
	  --krds-list--line-border-color:var(--krds-high-contrast-color-border-gray-light);
	}
}


/* 콘텐츠 박스*/
.wrap-box {
  --wrap-box-basic-background-color:var(--krds-light-color-surface-secondary-subtler); 
  --wrap-box-blue-background-color:var(--krds-light-color-surface-primary-subtler); 
  --wrap-box-gray-background-color:var(--krds-light-color-surface-gray-subtler);
  --wrap-box-green-background-color:var(--krds-color-light-success-5);
  --wrap-box-pink-background-color:var(--krds-color-light-point-5);
  --wrap-box-yellow-background-color:var(--krds-color-light-warning-5);
  --wrap-box-white-background-color:var(--krds-light-color-surface-white-subtle);
  --wrap-box-top-part-background-color:var(--krds-light-color-surface-secondary-subtler);
  --wrap-box-border-width:var(--krds-light-border-width-static-regular);
  --wrap-box-border-bold-width:var(--krds-light-border-width-static-regular);
  --wrap-box-border-color:var(--krds-light-color-border-secondary-light);
  --wrap-box-gray-border-color:var(--krds-light-color-border-gray-light);
  --wrap-box-blue-border-color:var(--krds-light-color-border-secondary-light);
  --wrap-box-green-border-color:var(--krds-color-light-success-10);
  position: relative;
  padding: var(--krds-pc-padding-card-medium);
  border-radius: var(--krds-radius-xlarge1);
  word-break: break-all;
}
.wrap-box{
  background-color: var(--wrap-box-basic-background-color);
}

.wrap-box.narrow{
   padding: var(--krds-pc-padding-card-small);
}

.wrap-box.bg-gray {
  background-color: var(--wrap-box-gray-background-color);
}
.wrap-box.bg-blue {
  background-color: var(--wrap-box-blue-background-color);
}
.wrap-box.bg-green {
  background-color: var(--wrap-box-green-background-color);
}
.wrap-box.bg-pink {
  background-color: var(--wrap-box-pink-background-color);
}
.wrap-box.bg-yellow {
  background-color: var(--wrap-box-yellow-background-color);
}
.wrap-box.line {
  background-color: var(--wrap-box-white-background-color);
  border: var( --wrap-box-border-width) solid var(--wrap-box-border-color);
}
.wrap-box.green-line {
  background-color: var(--wrap-box-white-background-color);
  border: var(--wrap-box-border-bold-width) solid var( --wrap-box-green-border-color);
}
.wrap-box.border {
  border: var(--wrap-box-border-width) solid var(--wrap-box-gray-border-color);
}
.wrap-box.divide {
  background-color: var(--wrap-box-white-background-color);
  border: var(--wrap-box-border-width) solid var(--wrap-box-gray-border-color);
  padding:0;
}
.wrap-box.divide .top-part{background-color: var(--wrap-box-top-part-background-color);  border-radius: 1.2rem 1.2rem 0 0; padding:1.2rem 1.6rem;}
.wrap-box.divide .content{padding:var(--krds-pc-padding-card-medium);}

[data-krds-mode=high-contrast] .wrap-box {
 --wrap-box-basic-background-color:var(--krds-high-contrast-color-surface-secondary-subtler); 
 --wrap-box-blue-background-color:var(--krds-high-contrast-color-surface-primary-subtler); 
 --wrap-box-gray-background-color:var(--krds-high-contrast-color-surface-gray-subtle);
 --wrap-box-green-background-color:var(--krds-color-light-success-90);
 --wrap-box-pink-background-color:var(--krds-color-light-point-90);
 --wrap-box-yellow-background-color:var(--krds-color-light-warning-90);
 --wrap-box-white-background-color:var(--krds-high-contrast-color-surface-white-subtle);
 --wrap-box-top-part-background-color:var(--krds-high-contrast-color-surface-secondary-subtler);
 --wrap-box-border-width:var(--krds-high-contrast-border-width-static-medium);
--wrap-box-border-bold-width:var(--krds-light-border-width-static-medium);
 --wrap-box-border-color:var(--krds-high-contrast-color-border-secondary-light);
 --wrap-box-gray-border-color:var(--krds-high-contrast-color-border-gray-light);
 --wrap-box-blue-border-color:var(--krds-high-contrast-color-border-secondary-light);
 --wrap-box-green-border-color:var(--krds-color-light-success-80);
}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .wrap-box {
	 --wrap-box-basic-background-color:var(--krds-high-contrast-color-surface-secondary-subtler); 
	 --wrap-box-blue-background-color:var(--krds-high-contrast-color-surface-primary-subtler); 
	 --wrap-box-gray-background-color:var(--krds-high-contrast-color-surface-gray-subtle);
	 --wrap-box-green-background-color:var(--krds-color-light-success-90);
	 --wrap-box-pink-background-color:var(--krds-color-light-point-90);
	 --wrap-box-yellow-background-color:var(--krds-color-light-warning-90);
	 --wrap-box-white-background-color:var(--krds-high-contrast-color-surface-white-subtle);
	 --wrap-box-top-part-background-color:var(--krds-high-contrast-color-surface-secondary-subtler);
	 --wrap-box-border-width:var(--krds-high-contrast-border-width-static-medium);
	--wrap-box-border-bold-width:var(--krds-light-border-width-static-medium);
	 --wrap-box-border-color:var(--krds-high-contrast-color-border-secondary-light);
	 --wrap-box-gray-border-color:var(--krds-high-contrast-color-border-gray-light);
	 --wrap-box-blue-border-color:var(--krds-high-contrast-color-border-secondary-light);
	 --wrap-box-green-border-color:var(--krds-color-light-success-80);
	}
}

@media (max-width: 767px) {
	  .wrap-box {padding: var(--krds-pc-padding-card-small);}
	  .wrap-box.divide .content{padding:var(--krds-pc-padding-card-small);}

}


/* 표 */
.table-wrap {
  --krds-table--data-thead-th-padding: var(--krds-padding-5);
  --krds-table--data-thead-th-padding-sides:var(--krds-padding-4);
  --krds-table--data-thead-pc-font-size: var(--krds-pc-font-size-heading-xsmall);
  --krds-table--data-thead-mobile-font-size: var(--krds-mobile-font-size-heading-xsmall);
  --krds-table--data-tbody-pc-font-size: 1.6rem;
  --krds-table--data-tbody-mobile-font-size: var(--krds-mobile-font-size-label-small);
  --krds-table--data-tbody-padding: var(--krds-padding-5);
  --krds-table--data-tbody-padding-sides: var(--krds-padding-6);
  --krds-table--data-border-width: var(--krds-light-border-width-variable-regular);
  --krds-table--data-thead-border: var(--krds-light-color-divider-gray-light);
  --krds-table--data-thead-border-top: var(--krds-light-color-border-secondary);
  --krds-table--data-thead-surface: var(--krds-light-color-surface-secondary-subtler);
  --krds-table--data-thead-color-text: var(--krds-light-color-text-bolder);
  --krds-table--data-tbody-color-surface: var(--krds-light-color-surface-white-subtle);
  --krds-table--data-tbody-color-divider: var(--krds-light-color-divider-gray-light);
  --krds-table--data-tbody-color-text: var(--krds-light-color-text-subtle);
  width: 100%;
}

.table-wrap .tbl.data{  border-top: 0.1rem solid var(--krds-table--data-thead-border-top); }
.table-wrap .tbl.data th,
.table-wrap .tbl.data td {
  vertical-align: middle;
  border-bottom: 1px solid #D8D8D8;
  border-left: var(--krds-table--data-border-width) solid var(--krds-table--data-tbody-color-divider);
}
.table-wrap .tbl.data th:last-child ,.table-wrap .tbl.data td:last-child {border-right: var(--krds-table--data-border-width) solid var(--krds-table--data-tbody-color-divider);}
.table-wrap .tbl.data thead th {
  padding: var(--krds-table--data-thead-th-padding) var(--krds-table--data-thead-th-padding-sides);
  background-color: var(--krds-table--data-thead-surface);
  border-bottom: var(--krds-table--data-border-width) solid var(--krds-table--data-thead-border);
  font-weight: var(--krds-font-weight-bold);
  font-size: var(--krds-table--data-thead-pc-font-size);
  color: var(--krds-table--data-thead-color-text);
  text-align: center;
}
.table-wrap .tbl.data thead td{padding: var(--krds-table--data-thead-th-padding) var(--krds-table--data-thead-th-padding-sides);}
.table-wrap .tbl.data tbody tr th{text-align: center;}
.table-wrap .tbl.data tbody tr.ar td{text-align: right;}
.table-wrap .tbl.data tr.accent td{background-color:var(--krds-light-color-surface-success-subtler);} 
.table-wrap .tbl.data tr.sub-accent td{background-color:var(--krds-light-color-surface-point-subtler);}
.table-wrap .tbl td .svg-icon{width: var(--krds-icon--size-medium); height: var(--krds-icon--size-medium);}
.table-wrap .tbl.data tr.ac td, .table-wrap .tbl.data tr.ac th {text-align:center;}
.data-unit{font-size:1.6rem; font-weight:400; text-align:right; padding-bottom:1.2rem;}

@media (max-width: 767px) {
	  .table-wrap .tbl.data thead th {
		font-size: var(--krds-table--data-thead-mobile-font-size);
	  }
}
.table-wrap .tbl.data tbody th,
.table-wrap .tbl.data tbody td {
  padding: var(--krds-table--data-tbody-padding) var(--krds-table--data-tbody-padding-sides);
  background-color: var(--krds-table--data-tbody-color-surface);
  border-bottom: var(--krds-table--data-border-width) solid var(--krds-table--data-tbody-color-divider);
  font-size: var(--krds-table--data-tbody-pc-font-size);
  color: var(--krds-table--data-tbody-color-text);
  font-weight: var(--krds-font-weight-regular);
  text-align: left;
}
.table-wrap .tbl.data tbody td a{font-size: var(--krds-table--data-tbody-pc-font-size);}
.table-wrap .tbl.data tbody th{ background-color: var(--krds-table--data-thead-surface); font-weight:700;}
.table-wrap .tbl.data tbody td [class*="list"] > li {font-size: var(--krds-table--data-tbody-pc-font-size);}

/* 세로라인 없는 콘텐츠 테이블 */
.table-wrap .tbl.data.noline th, .table-wrap .tbl.data.noline td {border-left:0;}
.table-wrap .tbl.data.noline th:last-child ,.table-wrap .tbl.data.noline td:last-child {border-right:0;}

@media (max-width: 767px) {
	  .table-wrap .tbl.data tbody th,
	  .table-wrap .tbl.data tbody td {
		font-size: var(--krds-table--data-tbody-mobile-font-size);
	  }
}
.table-wrap.scroll {
  overflow-x: auto;
  overflow-y: hidden;
}
.table-wrap.scroll .tbl {
  width: 100%;
}

@media (max-width: 767px) {
	  .table-wrap {
		overflow-x: auto;
		width: 100%;
	  }
	   .table-wrap.no-csroll {
		overflow-x: initial;
		width: 100%;
	  }
	  .table-wrap .tbl {
		min-width: 73.2rem;
	  }
	  .table-wrap.mob-scroll {
		width: 100%;
	  }
	  .table-wrap.mob-scroll th,
	  .table-wrap.mob-scroll td {
		white-space: nowrap;
	  }
}

[data-krds-mode=high-contrast] .table-wrap {
  --krds-table--data-border-width: var(--krds-high-contrast-border-width-variable-regular);
  --krds-table--data-thead-border: var(--krds-high-contrast-color-border-secondary-light);
  --krds-table--data-thead-surface: var(--krds-high-contrast-color-surface-secondary-subtler);
  --krds-table--data-thead-color-text: var(--krds-high-contrast-color-text-bolder);
  --krds-table--data-tbody-color-surface: var(--krds-high-contrast-color-surface-white-subtle);
  --krds-table--data-tbody-color-divider: var(--krds-high-contrast-color-divider-gray-light);
  --krds-table--data-tbody-color-text: var(--krds-high-contrast-color-text-subtle);
}
[data-krds-mode=high-contrast] .table-wrap .tbl.data tr.accent td{background-color:var(--krds-high-contrast-color-surface-information-subtler); }
[data-krds-mode=high-contrast] .table-wrap .tbl.data tr.sub-accent td{background-color:var(--krds-high-contrast-color-surface-point-subtler); }

@media (prefers-color-scheme: dark) {

	[data-krds-mode=theme] .table-wrap {
	  --krds-table--data-border-width: var(--krds-high-contrast-border-width-variable-regular);
	  --krds-table--data-thead-border: var(--krds-high-contrast-color-border-secondary-light);
	  --krds-table--data-thead-surface: var(--krds-high-contrast-color-surface-secondary-subtler);
	  --krds-table--data-thead-color-text: var(--krds-high-contrast-color-text-bolder);
	  --krds-table--data-tbody-color-surface: var(--krds-high-contrast-color-surface-white-subtle);
	  --krds-table--data-tbody-color-divider: var(--krds-high-contrast-color-divider-gray-light);
	  --krds-table--data-tbody-color-text: var(--krds-high-contrast-color-text-subtle);
	}
	[data-krds-mode=theme] .table-wrap .tbl.data tr.accent td{background-color:var(--krds-high-contrast-color-surface-information-subtler); }
	[data-krds-mode=theme] .table-wrap .tbl.data tr.sub-accent td{background-color:var(--krds-high-contrast-color-surface-point-subtler); }
}

/* 게시판 테이블 */
table.board {
  --krds-table--board-thead-th-padding: var(--krds-padding-5);
  --krds-table--board-tbody-mobile-padding: var(--krds-padding-2);
  --krds-table--board-tbody-org-text-color: var( --krds-light-color-divider-secondary);
  --krds-table--board-border-width: var(--krds-light-border-width-variable-regular);
  --krds-table--board-thead-top-border: var(--krds-light-color-border-secondary);
  --krds-table--board-thead-border: var(--krds-light-color-border-secondary-light);
  --krds-table--board-thead-surface: var(--krds-light-color-surface-secondary-subtler);
  --krds-table--board-tbody-color-surface: var(--krds-light-color-surface-white-subtle);
  --krds-table--board-tbody-color-divider: var(--krds-light-color-divider-gray-light);
  --krds-table--board-tbody-color-notice: var(--krds-light-color-surface-success-subtler);
  width: 100%;
}
table.board th{background-color: var(--krds-table--board-thead-surface); border-top:0.2rem solid var(--krds-table--board-thead-top-border);}
table.board th, .board td {text-align:center;padding:var(--krds-table--board-thead-th-padding); border-bottom:var(--krds-table--board-border-width) solid var(--krds-table--board-tbody-color-divider); font-size:1.6rem;}
table.board tr.notice {background-color: var(--krds-table--board-tbody-color-notice);}
table.board td.tit_wrap{text-align:left;}
table.board td.tit_wrap .tit_wrap_inside{}/*기관추가시 :입찰공고*/
table.board td.tit_wrap .org{text-align:left; color: var( --krds-table--board-tbody-org-text-color); font-size: var(--krds-pc-font-size-body-small); padding-bottom:var(--krds-padding-2);}
table.board td.tit_wrap a {display:flex; flex-wrap:wrap; align-items: center; gap:var(--krds-gap-3); }
table.board td.tit_wrap a:focus{border-radius:0.2rem;}
table.board td.tit_wrap .tit{ position:relative;  display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-size: var(--krds-pc-font-size-body-medium);  font-weight: var(--krds-font-weight-bold); word-break:break-all;}
table.board td.tit_wrap a .tit:hover{text-decoration: underline; text-underline-offset: 0.5rem;}
table.board td.tit_wrap .tit .krds-badge{margin-right:0.4rem;}
table.board td.tit_wrap .tit.ico-pop{padding-right:2.4rem;}
table.board td.tit_wrap .tit.ico-pop:after{content: ""; display: inline-flex; position:absolute; top: 50%; transform: translate(0, -50%); right:0;  width:2rem; height:2rem; background-image: url(/site/images/icon/ico_go.svg); background-size:contain;}
table.board td .svg-icon{width: var(--krds-icon--size-medium); height: var(--krds-icon--size-medium);}
table.board td .svg-icon.ico-lock{width: var(--krds-icon--size-large); height: var(--krds-icon--size-large);}/*청년소리 비공개*/
table.board td.tit_wrap .tit.lock{padding-left:2.8rem;}
table.board td.tit_wrap .tit.lock:before{content: ""; display: inline-flex; position:absolute; top: 50%; transform: translate(0, -50%); left:0;  width:2.4rem; height:2.4rem; background-image: url(/site/images/icon/ico_certified.svg); background-size:contain;}

@media (max-width: 1024px) {
	table.board{border-top:0.2rem solid var(--krds-table--board-thead-top-border);}
	table.board colgroup, .board colgroup{display:none}
	table.board .m-hide{display:none !important}
	table.board thead{display:none}
	table.board .noti{display:block; margin-right:1rem;}
	table.board tr.notice td, .board tr.notice th {font-weight:400;}
	table.board tr{display:block;padding:var(--krds-padding-5);  border-bottom:var(--krds-table--board-border-width) solid var(--krds-table--board-tbody-color-divider);}
	table.board td{display:block;overflow:hidden; padding:var(--krds-table--board-tbody-mobile-padding) 0;border-bottom:none;text-align:left !important;white-space:normal}
	table.board td[aria-label]:before{float:left;width:8.3rem; content:attr(aria-label);text-align:left}
	table.board td.tit_wrap{display:flex; }
	table.board td.tit_wrap .tit_wrap_inside{width:calc(100% - 8.3rem);}/*기관추가시 :입찰공고*/
	table.board td.tit_wrap .tit_wrap_inside a{width:100%;}
	table.board td.tit_wrap  a {width:calc(100% - 8.3rem); margin-right:0.4rem;}
	table.board td.tit_wrap  .sports {width:calc(100% - 8.3rem);}/*체육행사 a태그 없는 경우 간격*/
	table.board td.tit_wrap .tit{ word-break:break-all; -webkit-line-clamp: 2; padding-right:2rem;}
	table.board td.tit_wrap .tit.ico-pop:after{top:initial; bottom:0.2rem; transform:initial;}
	table.board td.tit_wrap .tit.lock{padding-right:0;}
	table.board td.tit_wrap .tit.lock:before{top: 0; transform: translate(0, 0);}
}

[data-krds-mode=high-contrast] table.board {
  --krds-table--board-border-width: var(--krds-high-contrast-border-width-variable-regular);
  --krds-table--board-thead-border: var(--krds-high-contrast-color-border-secondary-light);
  --krds-table--board-thead-surface: var(--krds-high-contrast-color-surface-secondary-subtler);
  --krds-table--board-thead-color-text: var(--krds-high-contrast-color-text-bolder);
  --krds-table--board-tbody-color-surface: var(--krds-high-contrast-color-surface-white-subtle);
  --krds-table--board-tbody-color-divider: var(--krds-high-contrast-color-divider-gray-light);
  --krds-table--board-tbody-color-text: var(--krds-high-contrast-color-text-subtle);
  --krds-table--board-tbody-org-text-color:var(--krds-high-contrast-color-text-secondary);
  --krds-table--board-tbody-color-notice: var(--krds-high-contrast-color-surface-success-subtler);
}
[data-krds-mode=high-contrast] table.board td.tit_wrap .tit.ico-pop:after{background-image: url(/site/images/icon/ico_go_white.svg);}
[data-krds-mode=high-contrast] table.board td.tit_wrap .tit.lock:before{background-image: url(/site/images/icon/ico_certified_white.svg);}

@media (prefers-color-scheme: dark) {

	[data-krds-mode=theme] table.board {
	--krds-table--board-border-width: var(--krds-high-contrast-border-width-variable-regular);
	--krds-table--board-thead-border: var(--krds-high-contrast-color-border-secondary-light);
	--krds-table--board-thead-surface: var(--krds-high-contrast-color-surface-secondary-subtler);
	--krds-table--board-thead-color-text: var(--krds-high-contrast-color-text-bolder);
	--krds-table--board-tbody-color-surface: var(--krds-high-contrast-color-surface-white-subtle);
	--krds-table--board-tbody-color-divider: var(--krds-high-contrast-color-divider-gray-light);
	--krds-table--board-tbody-color-text: var(--krds-high-contrast-color-text-subtle);
	--krds-table--board-tbody-org-text-color:var(--krds-high-contrast-color-text-secondary);
	--krds-table--board-tbody-color-notice: var(--krds-high-contrast-color-surface-success-subtler);
	}
	[data-krds-mode=theme] table.board td.tit_wrap .tit.ico-pop:after{background-image: url(/site/images/icon/ico_go_white.svg);}
	[data-krds-mode=theme] table.board td.tit_wrap .tit.lock:before{background-image: url(/site/images/icon/ico_certified_white.svg);}
}

/* 목록상단 검색 */
.search-top-box {
  --search-box-filter-color-background: var(--krds-light-color-surface-secondary-subtler);
  --search-box-filter-chip-width-border: var(--krds-light-border-width-variable-regular);
  --search-box-filter-chip-color-border: var(--krds-light-color-divider-secondary-light);
  min-width: auto;
  /*margin-top: var(--krds-pc-gap-layout-h1-h2);*/
  /* 필터칩 박스 */
}
/* 2024 일반적인 검색 폼 타입한줄 */
.search-top-box .sch-form-wrap {
	padding: var(--krds-pc-padding-card-small);
	background: var(--krds-light-color-surface-gray-subtler);
	border:0.1rem solid  var(--krds-light-color-border-gray-more-light);
	border-radius: var(--krds-radius-xlarge1);
	gap: var(--krds-gap-5);
	justify-content: center;
	flex-direction: column;
}

.search-top-box .sch-form-wrap .input-group .sch-input, .search-top-box .sch-form-wrap.multi .input-group .sch-input{
	gap: var(--krds-gap-4);
}
.search-top-box .sch-form-wrap .sch-input .form-control ~ .ico-sch, .search-top-box .sch-form-wrap.multi .sch-input .form-control ~ .ico-sch  {
  width: auto;
  height: auto;
  position: initial;
  transform: none;
}
.search-top-box .sch-form-wrap .input-group-wrap {
	display:flex;
	width:100%;
	justify-content: center;
	align-items: center;
	gap: var(--krds-gap-5);
}
.search-top-box .sch-form-wrap .input-group-wrap .input-group, .search-top-box .sch-form-wrap .input-group-wrap .form-group  {
	width: auto;
}
.search-top-box .sch-form-wrap .input-group-wrap .input-group.fit .krds-form-select{width:100%;}/*감사결과 기관전체*/

.search-top-box .sch-form-wrap .input-group-wrap .input-group.range {align-items: center;}

.search-top-box .sch-input .krds-input {padding: 0  var(--krds-padding-6);}

/*select, input, button 요소 높이값*/
.search-top-box .input-group select.krds-form-select, .search-top-box .input-group input.krds-input, .search-top-box .input-group button.krds-btn, 
.search-top-box .krds-form-chip label.krds-form-chip-outline {height: 4rem !important; font-size: 1.5rem;}
.search-top-box .form-group .calendar-input button.krds-btn{height: 2.4rem !important;}/*달력아이콘 높이값*/

.search-top-box .sch-form-wrap.tablet{flex-direction: row;}
.search-top-box .sch-form-wrap.tablet .input-group-wrap{width:auto;}

/*달력 관련
.search-top-box .sch-form-wrap .input-group .datepicker-input-wrap{
	display:inline-flex;
	align-items: center;
	gap: var(--krds-spacer-2);
}

.search-top-box .sch-form-wrap .input-group .datepicker-input-wrap .datepicker-input-wrap-inside{
	display:inline-flex;
	gap: var(--krds-spacer-2);
	align-items: center;
	width:100%;

}

.search-top-box .sch-form-wrap .input-group .datepicker-input .form-control.cal {
	width:100% !important;
	background:var(--krds-white);
}*/


/* 2025 달력옆의 기간 버튼 */
.search-top-box .sch-form-wrap .input-group .form-group { width:auto; min-width:26rem;}
.search-top-box .sch-form-wrap .input-group .form-group .chip-wrap button{width:100%}/*2025초기화버튼*/

/* 2024 여러항목 검색 폼 타잎 3줄이상 */
.search-top-box .sch-form-wrap.multi {
}
.search-top-box .sch-form-wrap.multi .input-group {
	display:flex;
	width: 100%;
	border-bottom:1px solid var(--krds-gray-20);
	padding: var(--krds-spacer-4);
	align-items: center; /* 2025 달력아이콘 위치*/
}
.search-top-box .sch-form-wrap.multi .input-group:last-child{
	border-bottom:none;
}
.search-top-box .sch-form-wrap.multi .input-group  .sch-input .form-control, .search-top-box .sch-form-wrap.multi .input-group .krds-input.part{
	width: auto;
}
.search-top-box .sch-form-wrap.multi .label {
	width:10%;
}
.search-top-box .sch-form-wrap.multi .label_content{
	display:flex;
	align-items: center;
	width:88%;
	gap: var(--krds-gap-5);
}
/*달력 범위 input의 패딩조절*/
.search-top-box .calendar-input .range li:first-child .krds-input{padding-right:1.6rem ;}

@media (max-width: 767px) {
	.search-top-box .sch-form-wrap .input-group .krds-form-select {  width: 100%; }
	/* 2024 col5 태블릿에서 2줄*/
	.search-top-box .sch-form-wrap.tablet{flex-direction: column;}
	.search-top-box .sch-form-wrap.tablet .input-group-wrap{width:100%;}
	.search-top-box .sch-form-wrap.tablet .input-group-wrap .input-group{width:100%;}
	.search-top-box .sch-form-wrap.multi .input-group{display:block; padding: 0 0 var( --krds-padding-3) 0;}
	.search-top-box .sch-form-wrap.multi .label_content{width:100%; } /*정보목록: 부서찾기*/	
	.search-top-box .sch-form-wrap.multi .input-group  .sch-input .form-control, .search-top-box .sch-form-wrap.multi .input-group .krds-input.part{width: 100%;}
	.search-top-box .sch-form-wrap.multi .label{ margin-bottom: var( --krds-padding-3);}
	.search-top-box .sch-form-wrap.multi .input-group .datepicker-input{width:50%;}
	.search-top-box .sch-form-wrap .input-group .form-group { width:100%;/* 2024 달력옆의 기간 버튼 */}
	.search-top-box .sch-form-wrap .input-group .datepicker-conts{flex-direction: column;  }
	.search-top-box .sch-form-wrap .input-group .datepicker-input-wrap {flex-direction: column; }
	/*select, input, button 요소 높이값*/
	.search-top-box .input-group select.krds-form-select, .search-top-box .input-group input.krds-input, .search-top-box .input-group button.krds-btn, 
	.search-top-box .krds-form-chip label.krds-form-chip-outline {height: 4.8rem !important; font-size: 1.7rem;}
}
@media (max-width: 599px) {
	.search-top-box .sch-form-wrap {padding: var(--krds-pc-padding-card-small);}
	.search-top-box .sch-form-wrap .input-group, .search-top-box .sch-form-wrap .input-group-wrap .input-group {width: 100%;}
	.search-top-box .sch-form-wrap .input-group.col{flex-direction:column; align-items:flex-start;}/*갑질피해신고 2011년 이전*/
	.search-top-box .sch-form-wrap .input-group-wrap {flex-direction: column;}
	.search-top-box .sch-form-wrap.multi .input-group {width:100%;}
	.search-top-box .sch-form-wrap.multi .input-group  .sch-input .form-control, .search-top-box .sch-form-wrap.multi .input-group .krds-input.part {width: 100%;}
	.search-top-box .sch-form-wrap.multi .label_content{ flex-direction:column;} /*정보목록: 부서찾기*/
	.search-top-box .sch-form-wrap.multi .label_content .chip-wrap{width:100%;}
	.search-top-box .sch-form-wrap.multi .label_content .chip-wrap .krds-btn{width:100%;}
	.search-top-box .sch-form-wrap .input-group .datepicker-input{width:100%;}
	.search-top-box .sch-form-wrap .input-group .datepicker-input-wrap .chip-wrap .form-chip.md .radio ~ .form-chip-outline{font-size: var(--krds-rdoChipOutline-fz-sm);}
	.search-top-box .sch-form-wrap .input-group .sch-input, .search-top-box .sch-form-wrap.multi .input-group .sch-input{ flex-direction:column ; gap: var(--krds-gap-5);}
}
@media (max-width: 420px) {
	.search-top-box .sch-form-wrap {padding: var(--krds-pc-padding-card-xsmall);}
}
[data-krds-mode=high-contrast] .search-top-box .sch-form-wrap {background-color: var(--krds-high-contrast-color-surface-secondary-subtler); border:var(--krds-high-contrast-color-border-gray-light);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .search-top-box .sch-form-wrap {background-color: var(--krds-high-contrast-color-surface-secondary-subtler); border:var(--krds-high-contrast-color-border-gray-light);}
}

/* 상세검색 */
.advance-search{display:none; }

@media (max-width: 767px) {
	.advance-search{display:flex; margin-top:var(--krds-pc-gap-layout-h5-h5) ; justify-content:flex-end;}

}



/* 목록 상단 정렬 및 필터 */
.search-list-top {
  --search-list-color-text-primary: var(--krds-light-color-text-primary);
  --search-list-width-border: var(--krds-light-border-width-variable-regular);
  --search-list-color-border: var(--krds-light-color-divider-gray);
  --search-list-sort-btn-color-button-hover: var(--krds-light-color-button-text-fill-hover);
  --search-list-sort-btn-color-button-active: var(--krds-light-color-button-text-fill-pressed);
  --search-list-sort-btn-color: var(--krds-light-color-text-basic);
  --search-list-sort-btn-color-background: var(--krds-light-color-button-text-fill);
  --search-list-sort-btn-border: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-button-text-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: var(--krds-gap-9);
  margin: var(--krds-pc-gap-layout-h2-h3) 0 var(--krds-gap-5);
}
.search-list-top .sch-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-7);
}
.search-list-top .sch-left .krds-check-area {
  font-size: 0;
}
.search-list-top .sch-left .btn-txt.sm {
  height: 2.4rem;
}
.search-list-top .sch-info {
  display: inline;
  font-size: var(--krds-pc-font-size-body-large);
  font-weight: var(--krds-font-weight-bold);
}
.search-list-top .sch-info .point {
  word-break: break-all;
  color: var(--search-list-color-text-primary);
}
.search-list-top .sch-info .whole-count {margin-left: var(--krds-gap-2);}
.search-list-top .sch-info .br {
  display: none;
}
.search-list-top .sch-sort {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  flex-wrap:wrap;/*정보목록: 정렬+개수*/
}
.search-list-top .sch-sort .sort-label {
  font-weight: var(--krds-font-weight-bold);
  white-space: nowrap;
  margin-right: var(--krds-gap-4);
}
.search-list-top .sch-sort .krds-form-select {margin-right: var(--krds-gap-3);}
.search-list-top .sch-sort .krds-form-select-sort {
  border: var(--search-list-sort-btn-border);
  border-radius: var(--krds-radius-medium2);
  background-color: var(--search-list-sort-btn-color-background);
  margin-right: var(--krds-gap-3);
}
.search-list-top .sch-sort .w-sort-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-3);
}
.search-list-top .sch-sort .w-sort-btn button {
  transition: var(--krds-transition-base);
  color: var(--search-list-sort-btn-color);
  border: var(--search-list-sort-btn-border);
  border-radius: var(--krds-radius-medium2);
  background-color: var(--search-list-sort-btn-color-background);
}
.search-list-top .sch-sort .w-sort-btn button.active {
  text-decoration: underline;
  text-underline-offset: var(--krds-font-underline-offset);
}
.search-list-top .sch-sort .w-sort-btn button:hover {
  border-radius: var(--krds-radius-medium1);
  background-color: var(--search-list-sort-btn-color-button-hover);
  transition: 0.4s ease-in-out;
}
.search-list-top .sch-sort .w-sort-btn button:active {
  background-color: var(--search-list-sort-btn-color-button-active);
  transition: 0.4s ease-in-out;
}
.search-list-top .sch-sort .m-sort-btn {
  display: none;
}
.search-list-top .sch-info li,
.search-list-top .sch-sort li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
}


.search-list-top .sch-info li:not(:last-child)::after,
.search-list-top .sch-sort li:not(:last-child)::after {
  content: "";
  display: inline-flex;
  width: var(--search-list-width-border);
  height: var(--krds-size-height-2);
  background-color: var(--search-list-color-border);
  position: absolute;
 
}
.search-list-top .sch-info li:not(:last-child){padding-right: 1.5rem;}
.search-list-top .sch-sort li:not(:last-child){padding-right: 1.8rem;}
.search-list-top .sch-info li:not(:last-child)::after{bottom: 0.3rem; right: 0.5rem;}
.search-list-top .sch-sort li:not(:last-child)::after{bottom: 0.8rem; right: 1rem;}
.search-list-top .sch-sort {
  flex-shrink: 0;
}
.search-list-top .sch-info li {
  display: inline;
}
.search-list-top .sch-info li .search-result {
  display: inline-block;
  width: max-content;
}
.search-list-top .side-line-ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--krds-gap-5) var(--krds-gap-3);
}
.search-list-top .side-line-ul li {
  display: inline-flex;
  align-items: center;
}

.search-list-top .side-line-ul li:not(:last-child)::after {
  display: inline-flex;
  content: "";
  width: var(--search-list-width-border);
  height: var(--krds-size-height-2);
  margin-left: var(--krds-padding-3);
  background-color: var(--search-list-color-border);
}
/* 통합검색 상단 결과 */
.search-list-top.border {
  flex-wrap: wrap;
  padding-bottom: var(--krds-padding-8);
  margin: 0 0 var(--krds-padding-10);
  border-bottom: var(--search-list-width-border) solid var(--search-list-color-border);
  gap: var(--krds-gap-4);

}

@media (max-width: 767px) {
	/* 통합검색 상단 결과 */
	.search-list-top.border { margin-bottom:1rem;  }
	.search-list-top.border + .wrap-box{margin-top:3rem;}
}


/* 필터칩 박스 */
.filter-chip {
  --filter-chip-color-background: var(--krds-light-color-surface-secondary-subtler);
  --filter-chip-num-color-text: var(--krds-light-color-text-primary);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: var(--krds-gap-5);
  padding: var(--krds-padding-7) var(--krds-padding-8);
  margin-bottom: var(--krds-gap-9);
  background: var(--filter-chip-color-background);
  border-radius: var(--krds-radius-xlarge2);
}
.filter-chip dt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  font-weight: var(--krds-font-weight-bold);
  white-space: nowrap;
  height: var(--krds-size-height-5);
}
.filter-chip dt .num {
  margin-left: var(--krds-gap-2);
  color: var(--filter-chip-num-color-text);
}
.filter-chip dd {
  display: flex;
  gap: var(--krds-gap-3);
  flex: 1;
}
.filter-chip dd .krds-btn.icon.xlarge {
  flex-shrink: 0;
}
.filter-chip dd .krds-btn.icon.xlarge .ico-refresh {
  width: var(--krds-size-height-2);
  height: var(--krds-size-height-2);
}
.filter-chip .chip-wrap {
  justify-content: flex-start;
}
@media (max-width: 767px) {
  /* 공통 - 검색 폼 */
  .search-top-box .sch-form-wrap .sch-input,
  .search-top-box .sch-form-wrap .krds-input {
    width: 100%;
  }
  .search-top-box .sch-form-wrap.flex-inline {
    display: flex;
  }
  .search-top-box .sch-form-wrap.flex-inline .krds-form-select {
    width: 100%;
  }
  .search-top-box .sch-form-wrap.flex-inline .input-group {
    flex-direction: column;
  }
  .search-top-box .sch-filter-box {
    display: none;
  }
  /* 공통 - 결과 리스트 상단 */
  .search-list-top {
    flex-direction: column;
    gap: var(--krds-gap-5);/*2025*/
    margin-top: var(--krds-mobile-gap-layout-h2-h3);
	align-items: flex-start;
  }
  .search-list-top .sch-info,
  .search-list-top .sch-left {
    order: 2;
    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 li.w-hide.no-line{padding-right: 1.2rem;} /*필터+버튼*/
  .search-list-top .sch-sort li.w-hide.no-line:after {display:none !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 {
    gap: var(--krds-gap-3);
    margin-top: var(--krds-gap-4);
  }
  /* 필터칩 박스 */
  .filter-chip {
    display: none;
  }
}
[data-krds-mode=high-contrast] .search-top-box{
  --search-box-filter-color-background: var(--krds-high-contrast-color-surface-secondary-subtler);
  --search-box-filter-chip-width-border: var(--krds-high-contrast-border-width-variable-regular);
  --search-box-filter-chip-color-border: var(--krds-high-contrast-color-divider-secondary-light);
}
[data-krds-mode=high-contrast] .search-top-box .sch-form-wrap.type1 {
	background-color: var(--krds-high-contrast-color-surface-secondary-subtler);
	border: var(--krds-high-contrast-border-width-variable-regular) solid var(--krds-high-contrast-color-border-gray);

}
[data-krds-mode=high-contrast] .search-list-top {
  --search-list-color-text-primary: var(--krds-high-contrast-color-text-primary);
  --search-list-width-border: var(--krds-high-contrast-border-width-variable-regular);
  --search-list-color-border: var(--krds-high-contrast-color-divider-gray);
  --search-list-sort-btn-color-button-hover: var(--krds-high-contrast-color-button-text-fill-hover);
  --search-list-sort-btn-color-button-active: var(--krds-high-contrast-color-button-text-fill-pressed);
  --search-list-sort-btn-color: var(--krds-high-contrast-color-text-basic);
  --search-list-sort-btn-color-background: var(--krds-high-contrast-color-button-text-fill);
  --search-list-sort-btn-border: var(--krds-high-contrast-border-width-variable-regular) solid var(--krds-high-contrast-color-button-text-border);
}
[data-krds-mode=high-contrast] .filter-chip {
  --filter-chip-color-background: var(--krds-high-contrast-color-surface-secondary-subtler);
  --filter-chip-num-color-text: var(--krds-high-contrast-color-text-primary);
}

@media (prefers-color-scheme: dark) {

	[data-krds-mode=theme] .search-top-box{
	--search-box-filter-color-background: var(--krds-high-contrast-color-surface-secondary-subtler);
	--search-box-filter-chip-width-border: var(--krds-high-contrast-border-width-variable-regular);
	--search-box-filter-chip-color-border: var(--krds-high-contrast-color-divider-secondary-light);
	}
	[data-krds-mode=theme] .search-top-box .sch-form-wrap.type1 {
	background-color: var(--krds-high-contrast-color-surface-secondary-subtler);
	border: var(--krds-high-contrast-border-width-variable-regular) solid var(--krds-high-contrast-color-border-gray);

	}
	[data-krds-mode=theme] .search-list-top {
	--search-list-color-text-primary: var(--krds-high-contrast-color-text-primary);
	--search-list-width-border: var(--krds-high-contrast-border-width-variable-regular);
	--search-list-color-border: var(--krds-high-contrast-color-divider-gray);
	--search-list-sort-btn-color-button-hover: var(--krds-high-contrast-color-button-text-fill-hover);
	--search-list-sort-btn-color-button-active: var(--krds-high-contrast-color-button-text-fill-pressed);
	--search-list-sort-btn-color: var(--krds-high-contrast-color-text-basic);
	--search-list-sort-btn-color-background: var(--krds-high-contrast-color-button-text-fill);
	--search-list-sort-btn-border: var(--krds-high-contrast-border-width-variable-regular) solid var(--krds-high-contrast-color-button-text-border);
	}
	[data-krds-mode=theme] .filter-chip {
	--filter-chip-color-background: var(--krds-high-contrast-color-surface-secondary-subtler);
	--filter-chip-num-color-text: var(--krds-high-contrast-color-text-primary);
	}
}



/* 게시판_상세보기*/
.view-detail {
  --krds-view--padding: var(--krds-padding-6);
  --krds-view--mobile-padding: var(--krds-padding-5);
  --krds-view--border-top-width: var(--krds-light-border-width-variable-regular);
   --krds-view--border-width: var(--krds-light-border-width-variable-regular);
  --krds-view--border-color: var(--krds-light-color-border-gray-light);
  --krds-view--title-border-color: var(--krds-light-color-border-secondary);
  --krds-view--title-pc-font-size: var(--krds-pc-font-size-body-large);
  --krds-view--surface: var(--krds-light-color-surface-secondary-subtler);
  --krds-view--color-divider: var(--krds-light-color-divider-gray-light)
}
/* 게시판 상세 상단 버튼 */
.viewbtnWrap-top { display:flex; justify-content: space-between; width:100%; padding:0 0 var(--krds-padding-5) 0; align-items: flex-start;}
.viewbtnWrap-bottom{display:flex; gap:var(--krds-gap-4); justify-content: flex-end; padding-top:var(--krds-pc-gap-layout-h5-h5); padding-right:0.4rem; margin-top:var(--krds-pc-gap-layout-h4-h4); border-top:0.1rem solid var(--krds-light-color-border-secondary); }
.viewbtnWrap-bottom.justify{justify-content: space-between;}/*청년소리 제안 보기페이지 버튼*/
.viewbtnWrap-bottom.justify .al, .viewbtnWrap-bottom.justify .ar{display:flex; gap:var(--krds-gap-4); }

@media (max-width: 520px) {
	.viewbtnWrap-bottom a{width:100%;}
	.viewbtnWrap-bottom.justify{flex-direction:column-reverse;}
	.viewbtnWrap-bottom.justify .al, .viewbtnWrap-bottom.justify .ar{justify-content:flex-end;}
	.viewbtnWrap-bottom.justify .al a, .viewbtnWrap-bottom.justify .ar a{width:100%;}
}
[data-krds-mode=high-contrast] .viewbtnWrap-bottom {border-top:0.2rem solid var(  --krds-high-contrast-color-border-secondary);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .viewbtnWrap-bottom {border-top:0.2rem solid var(  --krds-high-contrast-color-border-secondary);}
}

.snsWrap{
  --snsWrap-button--hover-color: var(--krds-light-color-surface-secondary-subtler);
  --snsWrap-button--border-width: var(--krds-light-border-width-static-regular);
  --snsWrap-button--border-color: var(--krds-light-color-border-gray-light);
  --snsWrap-button--focus-color: var(--krds-light-color-border-primary);
  display:flex; 
  gap:var(--krds-gap-3); 
  align-items:flex-start;
}
.snsWrap {}
.snsWrap li.krds-contextual-help.share .tooltip-popover{left:0; top:100%;margin-top:var(--krds-gap-5); width:20rem !important; padding:1.6rem;} 
.snsWrap li.krds-contextual-help.share .tooltip-popover:before{top:0; transform:rotate(227deg);}
.snsWrap li .krds-btn {display:flex;  border-radius:0.6rem; border:var(--snsWrap-button--border-width) solid var(--snsWrap-button--border-color); width:4.4rem;height:4.4rem;overflow:hidden;background-repeat:no-repeat;background-position:0 0;background-size:contain;}
.snsWrap li .krds-btn:hover{background-color:var(--snsWrap-button--hover-color);}
.snsWrap li .krds-btn.tooltip-btn {justify-content:space-around;}
.snsWrap li .krds-btn.tooltip-close{border:none;}
.snsWrap li .krds-btn .svg-icon { width: var(--krds-size-height-5); height: var(--krds-size-height-5);}
.snsWrap .label_form.check label span{border-radius:0.6rem; border:var(--snsWrap-button--border-width) solid var(--snsWrap-button--border-color); width:4.4rem;height:4.4rem;display:block; padding:0; position:relative;}
.snsWrap .label_form.check label span:before {content:"";display:block;position:absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);display:block; width:3rem;height:3rem; background-image:url(/site/images/icon/ico_scrap.svg);background-size:contain;}
.snsWrap .label_form.check label input:checked + span:before {background-image:url(/site/images/icon/ico_scrap_on.svg);background-position:0 0;background-size:contain;}
.snsWrap .label_form.check label span:hover{background-color:var(--snsWrap-button--hover-color);}


@media (max-width: 767px) {
.snsWrap li.krds-contextual-help.share .tooltip-popover:before { display: block !important;}

}
[data-krds-mode=high-contrast] .snsWrap{
  --snsWrap-button--hover-color: var(--krds-high-contrast-color-surface-secondary-subtler);
  --snsWrap-button--border-width: var(--krds-high-contrast-border-width-variable-regular);
  --snsWrap-button--border-color: var(--krds-high-contrast-color-border-gray-light);
  --snsWrap-button--focus-color: var(--krds-light-color-border-inverse);
}
[data-krds-mode=high-contrast] .snsWrap .label_form.check label span:before{background-image:url(/site/images/icon/ico_scrap_white.svg);}
[data-krds-mode=high-contrast] .snsWrap .label_form.check label input:checked + span:before{background-image:url(/site/images/icon/ico_scrap_on_white.svg);}

 @media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .snsWrap{
  --snsWrap-button--hover-color: var(--krds-high-contrast-color-surface-secondary-subtler);
  --snsWrap-button--border-width: var(--krds-high-contrast-border-width-variable-regular);
  --snsWrap-button--border-color: var(--krds-high-contrast-color-border-gray-light);
  --snsWrap-button--focus-color: var(--krds-light-color-border-inverse);
}
[data-krds-mode=theme] .snsWrap .label_form.check label span:before{background-image:url(/site/images/icon/ico_scrap_white.svg);}
[data-krds-mode=theme] .snsWrap .label_form.check label input:checked + span:before{background-image:url(/site/images/icon/ico_scrap_on_white.svg);}
 }

/* SNS공유하기 버튼 */
.share-link ul{display:flex; gap:var(--krds-gap-5);}
.share-link ul li{display:flex; flex-direction: column; align-items:center;}
.share-link ul li a{ border-radius:3.2rem;   width:3.2rem; height:3.2rem;}
.share-link ul li a img{ width:3.2rem; height:3.2rem; border-radius:3.2rem;  }
.share-link ul li span{font-size:1.3rem; margin-top:0.8rem;}
/* input포커스 */
.label_form.radio label > input.cursor + span{outline: 0.2rem dotted var(--snsWrap-button--focus-color); }
.label_form label > input:focus + span {outline: 0.2rem dotted var(--snsWrap-button--focus-color); outline-offset: 0.2rem;}
.viewbtnWrap-top .btnWrap, .viewbtnWrap-bottom {display:flex; gap:var(--krds-gap-4); }
.viewbtnWrap-top .btnWrap a, .viewbtnWrap-bottom a{min-width:10rem; height:4.6rem; }
.viewbtnWrap .btnWrap_edit {float:left;}
.viewbtnWrap .btnWrap_edit li {float:left;}

@media (max-width: 767px) {
	.viewbtnWrap-top .btnWrap a, .viewbtnWrap-bottom a{min-width:8rem; }
}

/* 게시판 상세 타이틀+에디터 */
.view-detail {border-top:var(--krds-view--border-top-width) solid var(--krds-view--title-border-color);}
.view-detail dl.board {width:100%;margin:0; display:flex;flex-wrap:wrap; border-top:none;}
.view-detail dl.board dt {width:29.71%;max-width:132px; background:var( --krds-view--surface);} 
.view-detail dl.board dd {width:calc(50% - 132px);box-sizing:border-box;}
.view-detail dl.board dd.full {width:calc(100% - 132px);}
.view-detail dl.board dt, .view-detail dl.board dd {display:flex; font-size:1.6rem; /*붙임파일 높이 정렬*/align-items: center;flex-wrap: wrap; padding:var(--krds-view--padding);margin:0;border-bottom:var(--krds-view--border-width) solid var(--krds-view--border-color);text-align:left;word-break:break-all;;box-sizing:border-box; -webkit-box-sizing:border-box;}
.view-detail dl.board dd.full > a {display:block;word-break:break-all}
.view-detail dl.board dd.full > a + a {margin-top:5rem;}
.view-detail dl.board dd.full .add_file { display:flex; justify-content: flex-start; width:100%; align-items: center; gap: var(--krds-gap-3); flex-wrap: wrap;}
.view-detail dl.board dd.full .add_file .add_file_wrapbtn{display:flex; gap:var(--krds-gap-3); }
.view-detail dl.board dd.full .add_file + .add_file{margin-top:1.6rem;}
.view-detail .view_title {padding:var(--krds-padding-7) var(--krds-padding-5);  border-bottom:var(--krds-view--border-width) solid var(--krds-view--border-color); font-size:var(--krds-view--title-pc-font-size);}
.view-detail .view_title.type2 {padding:15px 15px 15px 0;}
.view-detail .view_con{padding: var(--krds-pc-padding-card-large) var(--krds-padding-2) var(--krds-pc-padding-card-xsmall) var(--krds-padding-2); }
.view-detail .view_con.wide{padding: var(--krds-pc-padding-card-large) 0 var(--krds-pc-padding-card-xsmall) 0;}/*홍보물뷰에 와이드하게 사용*/
dl.board + .view_con{border-top:none;}
/* 민원마당 > 민원처리결과뷰, 현황자료 > 비영리법인현황 뷰페이지 */
.view-detail dl.board.end-noline dt:last-of-type, .view-detail dl.board.end-noline dd:last-of-type{border-bottom: none !important;}
.view-detail dl.board.end-noline + .btnWrap{margin-top:0; }



.view-detail .view_synap { padding:0 ;}
.view-detail .view_synap.color05 {border-bottom:1px solid #96b71e}
/* 게시판 상세 하단 버튼 */

@media all and (max-width:1024px) {
	.view-detail .view_synap {padding:0;}
	.view-detail .view_con.edit{overflow-y: auto;}
}
@media all and (max-width:767px) {
    .viewbtnWrap {padding-bottom: var(--krds-padding-4);}
	.view-detail .view_title {padding:var(--krds-padding-6);}
	.view-detail dl.board {position:relative;}
    .view-detail dl.board dt {width:25%; }
    .view-detail dl.board dd, .view-detail dl.board dd.full, .view-detail dl.board dd {width:75%;}
    .view-detail dl.board dt, .view-detail dl.board dd {min-height:auto;padding:var(--krds-view--mobile-padding);}
	.view-detail dl.board dd.full{padding:var(--krds-view--mobile-padding);}
	.view-detail dl.board dd.full .add_file .add_file_wrapbtn{display:flex; justify-content: flex-start; width: 100%; gap:var(--krds-gap-3);}
	.view-detail .view_con{ padding: var(--krds-pc-padding-card-small) 0;}
    .view-detail .view_con.wide{padding: var(--krds-pc-padding-card-small) 0;}
	.view-detail .view_con img {width:100% !important;height:auto !important} 
	.view-detail .view_con img.logo{width:auto !important}
    .view-detail .view_con img.tag {width:auto !important}
    .view-detail .view_con p, .view-detail .view_con span, .view-detail .view_con th, .view-detail .view_con td, .view-detail .view_con li, .view-detail .view_con div {}

    .viewbtnWrap-top > .btnWrap{display:none;}

}
@media all and (max-width:420px) {
	.view-detail .view_title {padding:var(--krds-padding-5);}


}
.down_file{position:relative; display:flex; padding-left:3.2rem; font-size:1.5rem;}
.down_file:before{content:"";display:inline-block;position:absolute; left:0;margin:0 5px 0 0;width:2.6rem;height:2.4rem; background-repeat: no-repeat; background-position: center;  background-size: contain;}
.pdf_down, .xlsx_down, .xls_down, .hw_down, .hwp_down, .eb_down, .doc_down, .etc_down, .jpg_down, .ppt_down, .zip_down, .hwpx_down  {text-decoration:none; }
.pdf_down:before {background-image:url(/site/images/sub/file_pdf.gif); }
.xlsx_down:before {background-image:url(/site/images/sub/file_xls.gif); }
.hw_down:before {background-image:url(/site/images/sub/file_hwp.gif); }
.xls_down:before {background-image:url(/site/images/sub/file_xls.gif); }
.hwp_down:before {background-image:url(/site/images/sub/file_hwp.gif); }
.hwpx_down:before {background-image:url(/site/images/sub/file_hwpx.gif);}
.eb_down:before {background-image:url(/site/images/sub/file_ebook.gif); }
.doc_down:before {background-image:url(/site/images/sub/file_doc.gif); }
.etc_down:before {background-image:url(/site/images/sub/file_etc.gif);}
.jpg_down:before {background-image:url(/site/images/sub/file_jpg.gif);}
.ppt_down:before {background-image:url(/site/images/sub/file_ppt.gif);}
.zip_down:before {background-image:url(/site/images/sub/file_zip.gif);}

[data-krds-mode=high-contrast] .view-detail {
  --krds-view--border-width: var(--krds-high-contrast-border-width-variable-regular);
  --krds-view--border-top-width: var(--krds-high-contrast-border-width-variable-regular);
  --krds-view--border-color: var(--krds-high-contrast-color-border-gray-light);
  --krds-view--title-border-color: var(--krds-high-contrast-color-border-secondary);
  --krds-view--surface: var(--krds-high-contrast-color-surface-gray-subtler);
  --krds-view--color-divider: var( --krds-high-contrast-color-border-secondary-light);
}

 @media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .view-detail {
  --krds-view--border-width: var(--krds-high-contrast-border-width-variable-regular);
  --krds-view--border-top-width: var(--krds-high-contrast-border-width-variable-regular);
  --krds-view--border-color: var(--krds-high-contrast-color-border-gray-light);
  --krds-view--title-border-color: var(--krds-high-contrast-color-border-secondary);
  --krds-view--surface: var(--krds-high-contrast-color-surface-gray-subtler);
  --krds-view--color-divider: var( --krds-high-contrast-color-border-secondary-light);
}

 }

/* 방문통계*/
.member-visitor{margin:var(--krds-pc-gap-layout-h3-h3) 0;}
.member-visitor-count{padding-bottom:var(--krds-padding-5) ; display:flex; justify-content: space-between;  align-items: center; border-bottom:var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-surface-disabled);}
.reply_tit {font-size:var(--krds-pc-font-size-body-large); font-weight: var(--krds-font-weight-bold);}
.reply_tit .count {padding:0 5px 0 0; }
.reply_tit .ment {font-size: var(--krds-pc-font-size-body-medium);border-left:1px solid var(--krds-color-light-gray-30); padding:0 0 0 10px;font-weight:normal; }
.reply_tit.line {width:100%;border-bottom:1px solid #c6c6c6}
.reply_tit.line > p {float:left;}
.reply_tit.line a {float:right}
.statisticsToggle {display:flex; align-items: center; gap:var(--krds-gap-1); margin-right:0.4rem;}
.statisticsToggle:after {
  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;
  -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(/site/images/icon/ico_angle.svg);
	mask-image: url(/site/images/icon/ico_angle.svg);
	flex-shrink: 0;
	margin-left: auto;
	transition: var(--krds-transition-base);}
.statisticsToggle.on:after {transform: rotate(180deg);}

.statisticsWrap{margin-top:var(--krds-pc-gap-layout-h5-h5);}
.statisticsWrap .reply_tit{margin-top:var(--krds-pc-gap-layout-h5-h5); padding-bottom:var(--krds-padding-7);}
.city_chart {position:relative;width:100%;  height:150px; }
.city_chart:before {content:"";display:block;position:absolute;bottom:34px;left:0;width:100%;height:0.1rem;background:var(--krds-light-color-surface-disabled);}
.city_chart .city_wrap{margin-top:1rem;}
.city_chart .city {position: relative;float:left; margin:15px 0 0 1px; width: 5.7%; height: 100px;}
.city_chart .city .per {position: absolute;top: -26px;left: 0;width:100%;text-align: center;white-space: nowrap;}
.city_chart .city .graph {position: absolute;bottom: 0;left: 1rem;right:1rem;background: var(--krds-color-high-contrast-gray-20); border-radius:0.4rem 0.4rem 0 0;}
.city_chart .city .city_name {position: absolute;top:107px;left: 0;text-align: center; width:100%; font-size:var(--krds-pc-font-size-body-small);}
.city_chart:after {clear: both; content: "";display: block;}
@media all and (max-width:768px) {
	.reply_tit.line {padding:40px 0 10px;}
    .city_chart .city .per, .city_chart .city .city_name {font-size:var(--krds-mobile-font-size-body-xsmall);}
    .city_chart .city {width:5.5%}
}
@media all and (max-width:599px) {
	.city_chart { overflow: scroll !important; -webkit-overflow-scrolling: touch !important;}
	.city_chart:before {min-width: 600px}
	.city_chart .city_wrap{width:100%; height:100%; min-width: 600px; overflow-x: scroll; margin-top:0;}
	.city_chart .city .per {top: -19px;}
}

.stat_chart {position:relative; padding-top:31px;width:100%; height:190px; background:url(/site/images/sub/bg_chart2.png) repeat-x; overflow:hidden}
.stat_chart .sex {float:left;padding:0 0 0 4rem;}
.stat_chart .sex .male {position: relative;float: left;margin-top:5px; width:54px; height:125px;background:url(/site/images/sub/bg_sex.png) no-repeat 0 0 ; }
.stat_chart .sex .male .per {position: absolute;left: 0;text-align: center;white-space: nowrap;font-weight: 500; top: -25px; width: 100%; color:var( --krds-color-light-secondary-50);}
.stat_chart .sex .male .graph {position: absolute;bottom: 1px;left: 1px;right: 1px;background: #8284ea;}
.stat_chart .sex .male .sex_name {position: absolute;left: 0; bottom: -33px;width: 100%;text-align: center;white-space: nowrap;}
.stat_chart .sex .male .mask {position: absolute;bottom: 0;left: 0;width: 100%;height: 127px;background:url(/site/images/sub/bg_sex.png) no-repeat -60px 1px;}
.stat_chart .sex .female {position: relative;float: left;margin:5px 0 0 20px;width:60px; height:125px;background:url(/site/images/sub/bg_sex.png) no-repeat -120px 0 ;  }
.stat_chart .sex .female .per {position: absolute;left: 0;top: -25px; width: 100%;text-align: center;white-space: nowrap;  color:var( --krds-color-light-secondary-50);}
.stat_chart .sex .female .graph {position: absolute;bottom: 1px;left: 1px;right: 1px;background: #a67fd7;}
.stat_chart .sex .female .sex_name {position: absolute;left: 0;bottom: -33px;width: 100%;text-align: center;white-space: nowrap; }
.stat_chart .sex .female .mask {position: absolute;bottom: 0;left: 0;width: 100%;height: 127px;background:url(/site/images/sub/bg_sex.png) no-repeat -190px 1px;}
.stat_chart .sex:after{clear: both; content: "";display: block;}
.stat_chart .age{float: left;width:calc(100% - 280px);}
.stat_chart .age .age_chart {position: relative;float: left; text-align:center;width:13%; height: 130px;margin:0 0 0 1px}
.stat_chart .age .age_chart .per {position: absolute;left: 0;top: -25px;width: 100%; text-align: center;white-space: nowrap; }
.stat_chart .age .age_chart .graph {position: absolute;bottom: 0;left: 2.5rem;right: 2.5rem;background:var(--krds-color-high-contrast-gray-20); border-radius:0.4rem 0.4rem 0 0;}
.stat_chart .age .age_chart .age_name {position: absolute;left: 0;bottom:-33px; width: 100%;text-align: center;white-space: nowrap; font-size:var(--krds-pc-font-size-body-small);}
@media all and (max-width:768px) {
    .stat_chart .age .age_chart {width:13%}
    .stat_chart .age .age_chart .per, .stat_chart .age .age_chart .age_name,
    .stat_chart .sex .male .per,  .stat_chart .sex .female .per, .stat_chart .sex .male .sex_name, .stat_chart .sex .female .sex_name {font-size:var( --krds-fz-detail-md);}
    .stat_chart .age {width:calc(100% - 120px); width:-webkit-calc(100% - 120px)}
    .stat_chart .sex {padding:0;}
    .stat_chart .sex .female {margin:5px 0 0 0}
}
@media all and (max-width:640px) {
    .stat_chart .age .age_chart .graph, .city_chart .city .graph {left:5px;right:5px;}
    .stat_chart .age .age_chart .per, .stat_chart .age .age_chart .age_name,
    .stat_chart .sex .male .per,  .stat_chart .sex .female .per, .stat_chart .sex .male .sex_name, .stat_chart .sex .female .sex_name {font-size:var( --krds-mobile-font-size-body-xsmall);}
	.stat_chart .age .age_chart .per{top: -20px;}
}
/* 별점평가 */
.point-assess{display:flex;flex-direction:column;  flex-wrap:wrap;  gap:var(--krds-gap-5);}
.point-assess > .title05{flex: 1; }
.point_box {display:flex; margin:0 auto ; justify-content: center; gap:var(--krds-gap-5); width:100%;}
.point_box li{width:20%;}
.point_box > li a {position:relative; display:flex;align-items: center; flex-direction: column ; gap:var(--krds-gap-2);}
.point_box > li a:before{content: ""; display: inline-flex; width: 3.2rem;height: 3.2rem;  }
.point_box > li a.point-happy:before{background:url(/site/images/icon/ico_point_happy.svg) top center no-repeat; background-size: contain;}
.point_box > li a.point-like:before{background:url(/site/images/icon/ico_point_like.svg) top center no-repeat; background-size: contain;}
.point_box > li a.point-good:before{background:url(/site/images/icon/ico_point_good.svg) top center no-repeat; background-size: contain;}
.point_box > li a.point-soso:before{background:url(/site/images/icon/ico_point_soso.svg) top center no-repeat; background-size: contain;}
.point_box > li a.point-bad:before{background:url(/site/images/icon/ico_point_bad.svg) top center no-repeat; background-size: contain;}
.point_box > li a:hover{text-decoration:none;}
.point_box > li a:focus{border-radius: var(--krds-radius-small2);}
.point_box > li p {text-align: center; font-size:1.5rem; }
.point_box > li span{font-weight:700; display:block; font-size:var(--krds-pc-font-size-label-small);}
.point_box > li span.on{color:var(--krds-light-color-text-primary);}

@media all and (max-width:767px) {
	.point_box {width:100%; min-width:initial; gap:var(--krds-gap-1); }
	.point_box > li {font-size:var(--krds-mobile-font-size-body-xsmall);}
	.point_box > li a:before{content: ""; display: inline-flex; width: 2.8rem;height: 2.8rem;}
}
@media all and (max-width:480px) {
    .point_box > li img {width:40%}
	.point_box > li p {font-size:1.3rem; line-height:120%; margin-top:0.4rem; }
}
[data-krds-mode=high-contrast] .point_box > li a.point-happy:before{background:url(/site/images/icon/ico_point_happy_dark.svg) top center no-repeat; background-size: contain;}
[data-krds-mode=high-contrast] .point_box > li a.point-like:before{background:url(/site/images/icon/ico_point_like_dark.svg) top center no-repeat; background-size: contain;}
[data-krds-mode=high-contrast] .point_box > li a.point-good:before{background:url(/site/images/icon/ico_point_good_dark.svg) top center no-repeat; background-size: contain;}
[data-krds-mode=high-contrast] .point_box > li a.point-soso:before{background:url(/site/images/icon/ico_point_soso_dark.svg) top center no-repeat; background-size: contain;}
[data-krds-mode=high-contrast] .point_box > li a.point-bad:before{background:url(/site/images/icon/ico_point_bad_dark.svg) top center no-repeat; background-size: contain;}
[data-krds-mode=high-contrast] .point_box > li span.on{color:var(--krds-high-contrast-color-text-primary);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .point_box > li a.point-happy:before{background:url(/site/images/icon/ico_point_happy_dark.svg) top center no-repeat; background-size: contain;}
	[data-krds-mode=theme] .point_box > li a.point-like:before{background:url(/site/images/icon/ico_point_like_dark.svg) top center no-repeat; background-size: contain;}
	[data-krds-mode=theme] .point_box > li a.point-good:before{background:url(/site/images/icon/ico_point_good_dark.svg) top center no-repeat; background-size: contain;}
	[data-krds-mode=theme] .point_box > li a.point-soso:before{background:url(/site/images/icon/ico_point_soso_dark.svg) top center no-repeat; background-size: contain;}
	[data-krds-mode=theme] .point_box > li a.point-bad:before{background:url(/site/images/icon/ico_point_bad_dark.svg) top center no-repeat; background-size: contain;}
	[data-krds-mode=theme] .point_box > li span.on{color:var(--krds-high-contrast-color-text-primary);}
}

/* 댓글 */
.reply-wrap{display:flex; flex-direction: column; margin: var(--krds-pc-gap-layout-h3-h3) 0;}
.reply-wrap > .wrap-box{margin-top:var(--krds-pc-gap-layout-h3-h4); padding: var(--krds-pc-padding-card-large);}
.reply {position: relative;padding:0; margin-top:var(--krds-pc-gap-layout-h4-h5);}
.reply .write {width:calc(100% - 111px); height:110px;border:none;padding:10px; background:var(--krds-light-color-surface-secondary-subtler);  border-radius: var(--krds-radius-xlarge1) 0 0 var(--krds-radius-xlarge1);  -webkit-box-sizing:border-box;vertical-align:top;}
.reply input{background:var(--krds-color-light-secondary-50); width:110px;height:110px; color:#fff;  font-size:var(--krds-pc-font-size-body-large); margin-left:-5px;   border-radius: 0 var(--krds-radius-xlarge1)  var(--krds-radius-xlarge1) 0; }
.reply input:hover{cursor:pointer ; }
.reply .wrap-btn{margin: 1.2rem 0 0 0;}
.reply .list{ margin-top:var(--krds-pc-gap-layout-h3-h4);}
.reply_ment {padding-top:var(--krds-padding-8);}
.reply_ment > li {width:100%;padding:var(--krds-pc-padding-card-xsmall); overflow:hidden;border-bottom: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-surface-disabled);}
.reply_ment > li.admin{background:#ecf2f7;}
.reply_ment > li.admin .name{color:#295181;}
.reply_ment > li .name {padding:0 10px 0 0;font-weight: var(--krds-font-weight-bold);}
.reply_ment > li .date {padding-left:10px;border-left:1px solid #ccc;}
.reply_ment > li .ment {display:block; padding-top:1.2rem; font-size:1.5rem;}
.reply_ment > li .ment a{ vertical-align:middle; margin-left:0.5rem;}
.gray_box {margin:30px 0 15px;padding:20px 10px;border:1px solid #e7e7e6;background:#f8f8f8}
@media all and (max-width:768px) {
    .reply .write {width:calc(100% - 110px);width:-webkit-calc(100% - 110px)}
	.reply_ment{padding-top:var(--krds-padding-5);}
}
@media all and (max-width:480px) {
	.reply-wrap > .wrap-box{ padding: var(--krds-pc-padding-card-xsmall);}
    .reply .write {width:100%;     border-radius: var(--krds-radius-xlarge1) var(--krds-radius-xlarge1) 0 0 ; }
    .reply input{display:block; width:100%; padding:1rem 0; height: auto; font-size: var(--krds-mobile-font-size-body-medium); margin-left:0px; border-radius: 0  0 var(--krds-radius-xlarge1) var(--krds-radius-xlarge1);  }
}
[data-krds-mode=high-contrast] .reply .write { background: var(--krds-high-contrast-color-surface-secondary-subtler);}
[data-krds-mode=high-contrast] .reply input { background: var(--krds-high-contrast-color-surface-primary-subtler);}
[data-krds-mode=high-contrast] .city_chart .city .graph {background: var(--krds-high-contrast-color-surface-disabled);}
[data-krds-mode=high-contrast] .stat_chart .age .age_chart .graph {background: var(--krds-high-contrast-color-surface-disabled);}
[data-krds-mode=high-contrast] .member-visitor-count{border-bottom: var(--krds-high-contrast-border-width-variable-regular) solid var(--krds-high-contrast-color-surface-disabled);}
[data-krds-mode=high-contrast] .reply_ment > li{border-bottom: var(--krds-high-contrast-border-width-variable-regular) solid var(--krds-high-contrast-color-surface-disabled);}
[data-krds-mode=high-contrast] .city_chart:before {height:0.1rem;background:var(--krds-high-contrast-color-graphic-blue-subtle);}

@media (prefers-color-scheme: dark) {

	[data-krds-mode=theme] .reply .write { background: var(--krds-high-contrast-color-surface-secondary-subtler);}
	[data-krds-mode=theme] .reply input { background: var(--krds-high-contrast-color-surface-primary-subtler);}
	[data-krds-mode=theme] .city_chart .city .graph {background: var(--krds-high-contrast-color-surface-disabled);}
	[data-krds-mode=theme] .stat_chart .age .age_chart .graph {background: var(--krds-high-contrast-color-surface-disabled);}
	[data-krds-mode=theme] .member-visitor-count{border-bottom: var(--krds-high-contrast-border-width-variable-regular) solid var(--krds-high-contrast-color-surface-disabled);}
	[data-krds-mode=theme] .reply_ment > li{border-bottom: var(--krds-high-contrast-border-width-variable-regular) solid var(--krds-high-contrast-color-surface-disabled);}
	[data-krds-mode=theme] .city_chart:before {height:0.1rem;background:var(--krds-high-contrast-color-graphic-blue-subtle);}

}


/* 공공누리 타입4가지*/
.open-nuri-type { display:flex; margin-top: var(--krds-pc-gap-layout-h4-h4); padding: var(--krds-padding-10); border-radius: var(--krds-radius-xlarge1); background-color: var(--krds-color-light-secondary-5); gap:var(--krds-gap-7);}
.open-nuri-type .logo.type01  img{max-width:10rem;}
.open-nuri-type .logo.type02  img{max-width:13rem;}
.open-nuri-type .logo.type03  img{max-width:13rem;}
.open-nuri-type .logo.type04  img{max-width:14rem;}
.open-nuri-type .logo.etc  img{max-width:14rem;}
.open-nuri-type .ment a{font-weight:700;}
.open-nuri-type .ment a:hover{text-decoration:underline;}


@media all and (max-width:768px) {
	.open-nuri-type{flex-direction: column; flex-wrap:wrap; padding: var(--krds-padding-8); gap:var(--krds-gap-4);}
	.open-nuri-type .logo, .open-nuri-type .ment{text-align:center;}
	.open-nuri-type .ment ul.list li{text-align:left;}
}
[data-krds-mode=high-contrast] .open-nuri-type {background-color: var(--krds-high-contrast-color-surface-secondary-subtler);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .open-nuri-type {background-color: var(--krds-high-contrast-color-surface-secondary-subtler);}
}


/* 썸네일 리스트 -신버전*/
.thum-list { 
	--krds-thum--list-border-top-color: var(--krds-light-color-border-secondary);
	--krds-thum--list-border-bottom-color: var(--krds-light-color-border-gray-light);
	--krds-thum--list-border-color:var(--krds-light-color-border-gray-light);
	display: flex; 
	align-items: flex-start; 
	justify-content: flex-start;  
	flex-direction: row;  
	flex-wrap: wrap;  
	border-top:0.2rem solid var(--krds-thum--list-border-top-color);
}
.thum-list > li { width: 100%; border-bottom:0.1rem solid var(--krds-thum--list-border-bottom-color); padding:0.2rem 0.4rem; margin-top:0.3rem;}
.thum-list  > li > a { display: block;   height: 100%; }
.thum-list  > li > a:focus{  border-radius: 0.6rem;}
.thum-list .inside { display: flex;  gap: 0 var(--krds-gap-9);  padding: var(--krds-pc-padding-card-medium) 1.6rem;  height: 100%;  }
.thum-list .inside .img {flex-shrink: 0; width: 25%; height: 14rem; border-radius:0.4rem; overflow: hidden;}/*사진뉴스 동영상뉴스*/
.thum-list .inside .img.student{height: 20rem;}/*대학생기자단*/
.thum-list .inside .img.border{border:0.1rem solid var(--krds-thum--list-border-color);}
.thum-list .inside .img img {object-fit:cover; height:100%; object-position:top; } /*사진뉴스 동영상뉴스*/
.thum-list .inside .text {flex-grow: 1;  display:flex;  flex-direction: column; gap: var(--krds-gap-4);}
.thum-list .inside .sub-tit { font-size: var(--krds-pc-font-size-heading-small); font-weight: var(--krds-font-weight-bold) ; display: -webkit-box; overflow: hidden;  text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all; }
.thum-list .inside .date{font-size:var(--krds-pc-font-size-body-small); text-align:right;}
.thum-list .inside .sub-text {font-size: 1.6rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 3;  word-break: break-all;}
.thum-list .inside .text > .list { gap: var(--krds-gap-3); }
.thum-list .inside .text > .list li{padding-left:0; font-size: 1.5rem;}
.thum-list .inside.col2 .img img {min-width: 100%; max-width: 100%; height: 100%; }/*추천도서 지약축제 문화예술공연*/


/* 썸네일 국제교류*/
.thum-list.kocc .inside .img{}
.thum-list.kocc .inside .img img{object-fit: cover; height:13.5rem;}
.thum-list.kocc .inside .etc{ display: flex; flex-wrap:wrap; align-items:center; text-align:right;  justify-content:flex-end;}
.thum-list.kocc .inside .etc span{display: flex; align-items:center; font-size: var(--krds-pc-font-size-body-small); }
.thum-list.kocc .inside .etc span:not(:first-child):before{display: inline-flex; content: ""; width: 0.1rem; height: 1.6rem; background-color: var(--krds-light-color-border-gray-light); margin-inline: 1rem;}

/* 썸네일  지역축제*/
.thum-list .inside .img.festival{height:100%; }
.thum-list .inside .img.festival img {object-fit: cover; height: 18rem;}

/* 썸네일  추천여행지*/
.thum-list .inside .img.tour{height:18rem;}

/* 썸네일 리스트 -추천도서*/
.thum-list.col2{justify-content: flex-start; align-items: stretch}
.thum-list.col2 > li {width:50%;}
.thum-list.col2 .inside { padding: var(--krds-pc-padding-card-medium) var(--krds-padding-3); gap: var(--krds-gap-7);}
.thum-list.col2 .inside .text{gap: var(--krds-gap-3);}
.thum-list.col2 .inside .cate{font-size: var(--krds-pc-font-size-body-small);}
.thum-list.col2 .inside .sub-tit{-webkit-line-clamp: 1;}
.thum-list.col2 .inside .img.book{  border:0.1rem solid var(--krds-thum--list-border-color); height: 16rem;}
.thum-list.col2 .inside .img { width: 35%; height: 17rem;}

/* 문화예술공연- 목록분류- 추천도서, 문화예술공연 */
.thum-list.col2 .inside .text .tit-wrap{display:flex; gap:0.6rem; align-items:center; margin-bottom: 1.4rem; flex-direction:column; align-items:flex-start;}



/* 썸네일 리스트 -대학생 기자단*/
.thum-list .inside .student{display:flex; flex-direction: row; }
.thum-list .inside .student li{display:flex; align-items: center;}
.thum-list .inside .student li:not(:first-child):before{display: inline-flex; content: ""; width: 0.1rem; height: 1.6rem; background-color: var(--krds-light-color-border-gray-light); margin-inline: 1rem;}

@media all and (max-width:1024px) {
	.thum-list .inside .img.student{height: 15.5rem;}/*대학생기자단*/
	.thum-list.col2 > li {width:100%;}
	.thum-list.col2 .inside {gap: var(--krds-gap-7);}
	.thum-list.col2 .inside .img { width: 25%; height: 25rem;}
	.thum-list.col2 .inside .img.book{  height: 25rem;}
	.thum-list.kocc .inside .img{width: 30%;}

}

@media all and (max-width:768px) {
	.thum-list .inside{padding: var(--krds-pc-padding-card-small) var(--krds-pc-padding-card-xsmall);   gap: var(--krds-gap-6);}
	.thum-list .inside .text {gap: var(--krds-gap-3);}
	.thum-list .inside .sub-tit {font-size: var(--krds-pc-font-size-heading-xsmall);}
	.thum-list .inside .text.photo .sub-tit{ -webkit-line-clamp: 1;}/*사진,동영상 뉴스 제목 1줄만 나오게*/
	.thum-list .inside .sub-text { -webkit-line-clamp: 2;}
	.thum-list .inside .img {height: 12rem; }
	.thum-list .inside .img.student{height: 11.5rem;}/*대학생기자단*/
	.thum-list.col2  .inside { padding: var(--krds-pc-padding-card-medium) var(--krds-pc-padding-card-xsmall); gap: var(--krds-gap-7);}
	.thum-list.col2  .inside .text{gap: var(--krds-gap-2);}
	.thum-list.col2  .inside .img { width: 25%; height: auto;}
	.thum-list.col2 .inside .img.culture{height:20rem;}/*문화예술공연 썸네일*/
	.thum-list.col2 .inside .img.book{height:20rem;}/*추천도서 썸네일*/

	.thum-list .inside .text .spot{font-size:var( --krds-mobile-font-size-body-small); display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 1;} /*추천여행지 멘트 사이즈 줄임*/
	.thum-list .inside .text.festival .sub-text{display:none;} /*지역축제 추천멘트 숨김*/
	.thum-list .inside .img.festival img { height: 20.276vw;}
	.thum-list .inside .img.tour{height:10rem;}
	.thum-list.kocc .inside .img img{height:16.2760vw;}
	.thum-list.kocc .inside .etc span{font-size: var(--krds-pc-font-size-body-xsmall);}
	.thum-list.kocc .inside .etc span:not(:first-child):before{margin-inline: 0.6rem;}
}

@media all and (max-width:480px) {
	.thum-list .inside {padding: var(--krds-pc-padding-card-small) 0; gap: var(--krds-gap-5);}
	.thum-list .inside .img { width: 33%; }
	.thum-list .inside .text.photo .sub-tit{ -webkit-line-clamp: 2;} /*사진,동영상뉴스,국제교류 제목 2줄 나오게*/
	.thum-list .inside .text.photo .sub-text {display:none;} /*사진,동영상뉴스, 국제교류 멘트 숨김*/
	.thum-list .inside .img {height: 10rem; }
	.thum-list .inside .img.student{height: 14.5rem;}/*대학생기자단*/
	.thum-list.col2  .inside .img { width: 35%;}
	.thum-list.col2  .inside { padding: var(--krds-pc-padding-card-small) 0; }
	.thum-list.col2  .inside .img.book {width:35%; }
	.thum-list.col2 .inside .img.culture{height:17rem;}/*문화예술공연 썸네일*/
	.thum-list.col2 .inside .img.book{height:14rem;}/*추천도서 썸네일*/
	.thum-list .inside .img.festival img { height: 20.276vw;}
	.thum-list .inside .festival .sub-tit{-webkit-line-clamp: 1;}
	.thum-list .inside .text.festival .list li:not(:first-child){display:none;}
	.thum-list.col2  .inside .text{width:65%}
	.thum-list.col2  .inside .sub-tit{ margin-bottom:0.8rem;}
	.thum-list  .inside .text.book .sub-text{display:none;} /*추천도서 사서추천멘트 숨김*/
	.thum-list.col2  .inside .text > .list{ gap: var(--krds-gap-1);}
	.thum-list  .inside .text > .list li {font-size:var( --krds-mobile-font-size-body-small);}
	.thum-list.kocc .inside .img {width: 33%;}
	.thum-list.kocc .inside .etc{justify-content:flex-start;}
	.thum-list.col2 .inside .text .tit-wrap{margin-bottom: 0.8rem;} /* 문화예술공연- 목록분류 */
	
}
@media all and (max-width:420px) {
	.thum-list.col2 .inside .img.culture{height:15rem;}/*문화예술공연 썸네일*/
	.thum-list .inside .img.student{height: 12.5rem;}/*대학생기자단*/
	.thum-list .inside .text .sub-text {display:none;} 
	.thum-list .inside .student{flex-direction: column; gap: var(--krds-gap-1);}
	.thum-list .inside .student li:not(:first-child):before{display:none;}
	.thum-list .inside .img {height: 8rem; }

}

[data-krds-mode=high-contrast] .thum-list {	
	--krds-thum--list-border-top-color: var(--krds-high-contrast-color-border-secondary);
	--krds-thum--list-border-bottom-color: var(--krds-high-contrast-color-border-gray-light);
	--krds-thum--list-border-color:var(--krds-high-contrast-color-border-gray-light);
}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .thum-list {	
	--krds-thum--list-border-top-color: var(--krds-high-contrast-color-border-secondary);
	--krds-thum--list-border-bottom-color: var(--krds-high-contrast-color-border-gray-light);
	--krds-thum--list-border-color:var(--krds-high-contrast-color-border-gray-light);
	}

}


/* 박스 목록 */
.box-list {

  --box-list--wrap-gap: var(--krds-gap-7);
  --box-list--list-color-border: var(--krds-light-color-border-gray-light);
  --box-list--border-width: var(--krds-light-border-width-variable-regular);
  --box-list--logo-bottom-color: var(--krds-light-color-divider-secondary-light);
  --box-list--sns-top-color: var(--krds-light-color-divider-gray-light);
  --box-list--full-card-body-meta-color-text:var(--krds-light-color-text-subtle);
  --box-list--list-padding-xsmall-size: var(--krds-padding-7);
  --box-list--list-padding-small-size: var(--krds-padding-8);
  --box-list--list-padding-medium-size: var(--krds-padding-9);
  --box-list--list-padding-large-size: var(--krds-padding-10);

}
@media (max-width: 767px) {
  .box-list {
    --box-list--list-padding-small-size: var(--krds-padding-7);
  }
}
.box-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: var(--box-list--wrap-gap);
}
.box-list > li {
  position: relative;
  display: flex;
  align-items: normal;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--krds-gap-5) 0;
  border-radius: 1.2rem;
  border: var(--box-list--border-width) solid var(--box-list--list-color-border);
  padding: var(--box-list--list-padding-small-size);
}

.box-list > li .text-wrap{display:flex; flex-direction:column; gap: var(--krds-gap-2);}

@media (min-width: 768px) and (max-width: 1023px) {
  .box-list {grid-template-columns: 1fr 1fr;}
}

@media (max-width: 767px) {
  .box-list {grid-template-columns: 1fr;}
}


[data-krds-mode=high-contrast] .box-list{
	--box-list--list-color-border: var(--krds-high-contrast-color-border-gray);
	--box-list--border-width: var(--krds-high-contrast-border-width-variable-regular);
	--box-list--logo-bottom-color: var(--krds-high-contrast-color-divider-gray-light);
	--box-list--sns-top-color: var(--krds-high-contrast-color-divider-gray-light);
}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .box-list{
		--box-list--list-color-border: var(--krds-high-contrast-color-border-gray);
		--box-list--border-width: var(--krds-high-contrast-border-width-variable-regular);
		--box-list--logo-bottom-color: var(--krds-high-contrast-color-divider-gray-light);
		--box-list--sns-top-color: var(--krds-high-contrast-color-divider-gray-light);
	}
}

/*카드 스와이퍼*/
.card-swiper{display: flex; align-items: normal; justify-content: flex-start; flex-direction: column;  gap: var(--krds-gap-7);}
.card-swiper-in .swiper-slide { padding: 0.4rem 0.1rem;}
.card-swiper li a{ display:block; height:100%; padding:0.2rem;}
.card-swiper li a:focus{box-shadow: inset 0 0 0 0.4rem var(--krds-light-color-border-primary);  outline-offset: -0.4rem; border-radius: var(--krds-radius-xlarge1); }
.card-swiper li a .inside{
	display: flex; 
	align-items: normal; 
	justify-content: 
	flex-start;  
	flex-direction: column;  
	height: 100%; 
	overflow: hidden; 
	margin:0.2rem;
	padding: var(--krds-pc-padding-card-small); 
	border-radius: var(--krds-radius-xlarge1);   
	background: var(--krds-light-color-surface-primary-subtler);
	border: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-border-secondary-light);}
.card-swiper li a .inside{min-height:14rem;}/*카드  높이값 지정*/
.card-swiper li a .inside ul {display:flex; flex-direction: column; gap:var(--krds-gap-3);}
.card-swiper li a .inside ul .sub-tit{display: -webkit-box; font-size:1.7rem; overflow: hidden; text-overflow: ellipsis;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-all;}
.card-swiper li a .inside ul .sub-tit.ico-pop{position: relative; padding-right:2rem;}
.card-swiper li a .inside ul .sub-tit.ico-pop:after{content: "";display: inline-flex;position:absolute;bottom:0.3rem;right:0;width:2rem;height:2rem;background-image: url(/site/images/icon/ico_go.svg);background-size:contain;}
.card-swiper li a .inside ul .sub-tit .krds-badge{margin-right:var(--krds-gap-2);}

/*알림-채용, 입찰*/
.card-swiper li a .inside ul li.part{display: flex; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


[data-krds-mode=high-contrast] .card-swiper li a .inside{background: var(--krds-high-contrast-color-surface-primary-subtler); border: var(--krds-high-contrast-border-width-variable-regular) solid var(--krds-high-contrast-color-border-secondary-light);}
[data-krds-mode=high-contrast] .card-swiper li a .inside ul .sub-tit.ico-pop:after{background-image: url(/site/images/icon/ico_go_white.svg);}

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .card-swiper li a .inside{background: var(--krds-high-contrast-color-surface-primary-subtler); border: var(--krds-high-contrast-border-width-variable-regular) solid var(--krds-high-contrast-color-border-secondary-light);}
	[data-krds-mode=theme] .card-swiper li a .inside ul .sub-tit.ico-pop:after{background-image: url(/site/images/icon/ico_go_white.svg);}
}

/*이미지카드 스와이퍼*/

.imgcard-swiper{display: flex; position: relative;  flex-direction: column; }
.imgcard-swiper-inside{  z-index: 1; width: 100%; padding: 0 4.8rem;}
.imgcard-swiper-inside .swiper-indicator .swiper-pagination-clickable {border: var(--krds-light-border-width-variable-regular) solid var(--krds-light-color-border-gray-light);}

.imgcard-swiper.wide .imgcard-swiper-inside{padding: 0;} /*이미지가 1000이 넘는 경우 홍보물: 문화 디지털혁신 기본계획*/

/*이미지카드 스와이퍼 위드값 조정*/
.imgcard-swiper.w800{ width:100%; margin:0 auto;} /*이미지가 800인경우*/


@media all and (max-width: 767px) {
	.imgcard-swiper-inside{padding: 0;}
	.imgcard-swiper-inside .swiper-indicator{margin-bottom:1rem;}
	
	/*뷰페이지 안의 이미지카드*/
	.view_con > .imgcard-swiper{margin-top:var(--krds-pc-gap-layout-h3-h4);}
}

[data-krds-mode=high-contrast] .imgcard-swiper-inside .swiper-indicator .swiper-pagination-clickable {border: var(--krds-light-border-width-variable-medium) solid var(--krds-high-contrast-color-border-gray-light);}

/* 버튼그룹 - 모바일 셀렉트형*/
.btn-group{
	--btn-group-width-border: var(--krds-light-border-width-static-regular);
	--btn-group-color-background: var(  --krds-light-color-surface-primary-subtler);
	--btn-group-btn-background: var( --krds-light-color-surface-white);
	--btn-group-btn-active-background: var(--krds-color-light-secondary-60);
	--btn-group-btn-active-color-text: var(--krds-light-color-text-basic-inverse);
	--btn-group-btn-color-border:  var(--krds-color-light-secondary-20);
	--btn-group-select-btn-color-border:  var( --krds-light-color-divider-gray-light);
	--btn-group-select-active-btn-color:  var(--krds-light-color-surface-primary-subtler);
	--btn-group-btn-hover-background: var(--krds-light-color-button-text-fill-hover);
}
.btn-group {padding:2.4rem;background:var(--btn-group-color-background);border-radius: var(--krds-radius-xlarge1); margin:var(--krds-pc-gap-layout-h2-h3) 0; }
.btn-group.narrow{padding:var(--krds-pc-padding-card-small);} /*통계자료*/
.btn-group-inside{position:relative;}
.btn-group ul.btn-select {display: grid; grid-template-columns: repeat(auto-fill, minmax(19%, auto)); gap:2.4rem; } /*기본이 5개*/
.btn-group ul.col{display:flex; flex-flow:row wrap; }
.btn-group ul.col li { width: calc(25% - 2rem); margin: 1rem;}
.btn-group ul.col.col3 li {width:calc(33.3% - 2rem); margin: 1rem;} /*3개 씩*/
.btn-group ul li{}
.btn-group ul li button {width:100%;text-align:center; padding: var(--krds-padding-4); border:0.1rem solid var(--btn-group-btn-color-border); border-radius: var(--krds-radius-medium1); 
background:var(--btn-group-btn-background);position:relative; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; font-size:1.7rem;}
.btn-group ul li button.on{background-color: var(--btn-group-btn-active-background);border-color:#386199;color:var(--btn-group-btn-active-color-text); font-weight:700;}
.btn-group ul li button.on:hover{background-color: var(--btn-group-btn-active-background);}
.btn-group ul li button:hover{background:var(--btn-group-btn-hover-background);}
.btn-group .m-select-btn {display:none;}

/*사전정보공개 버튼그룹 부분 offset위치 처리*/
#opentab:before{content: "";display:block;height:200px;margin-top:-200px;visibility:hidden;}


[data-krds-mode=high-contrast] .btn-group {
	--btn-group-width-border: var(--krds-light-border-width-static-regular);
	--btn-group-color-background: var(--krds-high-contrast-color-surface-gray-subtle);
	--btn-group-btn-background: var( --krds-high-contrast-color-surface-white);
	--btn-group-btn-active-background: var(--krds-high-contrast-color-action-secondary-active);
	--btn-group-btn-active-color-text: var(--krds-high-contrast-color-text-basic);
	--btn-group-btn-color-border:  var(--krds-high-contrast-color-divider-gray);
	--btn-group-select-btn-color-border:  var( --krds-high-contrast-color-divider-gray-light);
	--btn-group-select-active-btn-color:  var(--krds-high-contrast-color-button-primary-fill);
	--btn-group-btn-hover-background: var(--krds-high-contrast-color-button-text-fill-hover);
}
[data-krds-mode=high-contrast] .btn-group ul li button {border-width:0.2rem; }

@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .btn-group {
		--btn-group-width-border: var(--krds-light-border-width-static-regular);
		--btn-group-color-background: var(--krds-high-contrast-color-surface-secondary-subtler);
		--btn-group-btn-background: var( --krds-high-contrast-color-surface-white);
		--btn-group-btn-active-background: var(--krds-high-contrast-color-action-secondary-active);
		--btn-group-btn-active-color-text: var(--krds-high-contrast-color-text-basic);
		--btn-group-btn-color-border:  var(--krds-high-contrast-color-divider-gray);
		--btn-group-select-btn-color-border:  var( --krds-high-contrast-color-divider-gray-light);
		--btn-group-select-active-btn-color:  var(--krds-high-contrast-color-button-primary-fill);
		--btn-group-btn-hover-background: var(--krds-high-contrast-color-button-text-fill-hover);
	}
	[data-krds-mode=theme] .btn-group ul li button {border-width:0.2rem; }
}


@media all and (max-width:767px) {
	.btn-group .m-select-btn {display: flex; align-items: center; justify-content: flex-start; flex-direction: row; font-weight:700; color: var(--btn-group-btn-active-color-text); width: 100%; height: 4.8rem; padding: 0 var(--krds-padding-6); border-radius: var(--krds-radius-medium3);
    background-color: var(--btn-group-btn-active-background);cursor: pointer;}
	.btn-group .m-select-btn::after {
	content: "";
	display: inline-flex;
	width: var(--krds-icon--size-medium);
	height: var(--krds-icon--size-medium);
	background-color: var(--krds-light-color-text-bolder-inverse);
	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(/site/images/icon/ico_angle.svg);
	mask-image: url(/site/images/icon/ico_angle.svg);
	flex-shrink: 0;
	margin-left: auto;
	transition: var(--krds-transition-base);}
	.btn-group .m-select-btn.active::after{transform: rotate(180deg);}
	.btn-group ul.btn-select.active {display: flex; grid-template-columns:inherit;  flex-direction: column; position: absolute; left: 0; top: 100%; z-index: 100; padding: var(--krds-padding-4); border: 0.1rem solid var(--btn-group-select-btn-color-border); border-radius: var(--krds-radius-large1);
    background-color: var(--btn-group-btn-background); width:100%; gap:0.8rem; }
	.btn-group ul.btn-select li {margin:var(--krds-padding-2); }
	.btn-group ul.btn-select.active li button.on{background-color: var(--btn-group-select-active-btn-color); color:var(--krds-gray-90);}
	.btn-group ul.btn-select li button {border:none; text-align:left; }
	.btn-group .btn-select{display:none !important;}
	.btn-group .btn-select.active{display:block !important; }
	.btn-group ul.col{}
	.btn-group ul.col li {width: calc(50% - 2rem); margin: 1rem;}
	.btn-group ul.col.col3 li {width:calc(50% - 2rem); margin: 1rem;} 
	.btn-group ul.col.scroll-bar{height:24rem; overflow-y: scroll; padding-right: 1.6rem;}
	.btn-group ul.col.scroll-bar::-webkit-scrollbar-thumb {background-color: var(--krds-color-light-secondary-20); }
	.btn-group ul.col.scroll-bar::-webkit-scrollbar-track {background-color: #fff;}
	
	[data-krds-mode=high-contrast] .btn-group ul.col.scroll-bar::-webkit-scrollbar-thumb {background-color: var(--krds-color-high-contrast-gray-60); }
	[data-krds-mode=high-contrast] .btn-group ul.col.scroll-bar::-webkit-scrollbar-track {background-color: #000;}

	@media (prefers-color-scheme: dark) {
	[data-krds-mode=theme] .btn-group ul.col.scroll-bar::-webkit-scrollbar-thumb {background-color: var(--krds-color-high-contrast-gray-60); }
	[data-krds-mode=theme] .btn-group ul.col.scroll-bar::-webkit-scrollbar-track {background-color: #000;}

	}

}

@media all and (max-width:480px) {
	.btn-group {padding:var(--krds-pc-padding-card-xsmall);}
	.btn-group.narrow{padding:1.2rem;}
	.btn-group ul.col li {font-size:1.5rem;}
}



/* 콘텐츠 버튼 정렬*/
.wrap-btn {display:flex; gap:var(--krds-gap-5); margin:var(--krds-pc-gap-layout-h4-h4) 0; flex-wrap: wrap; padding:0 0.4rem;}
.wrap-btn.center{justify-content: center;}
.wrap-btn.justify{justify-content: space-between;}
.wrap-btn.start{justify-content: flex-start;}
.wrap-btn.end{justify-content: flex-end;}
.wrap-btn > div {display:flex; gap:var(--krds-gap-3);}

@media all and (max-width:480px) {
	.wrap-btn{ flex-direction: column;}
	.wrap-btn.justify{flex-direction: column-reverse !important;}/* 버튼 순서 변경 양쪽정렬시*/
	.wrap-btn > div > button{width:100%}/* 나의 정보 상단 버튼*/
}

/* 라운드이미지 */
.round-img img{border-radius: 1.2rem;}

/* 콘텐츠 모바일 확대이미지 */
.content_img {position:relative;margin:var(--krds-pc-gap-layout-h5-h5) 0; text-align:center;}
.content_img img{text-align:center; margin: 0 auto;}
.content_img a.zoom {display:none;position:absolute;bottom:1rem;right:1rem;width:3rem;height:0;padding-top:3rem;background:url(/site/images/icon/ico_img_zoom.svg) top right no-repeat;overflow:hidden;cursor:pointer;}

.content_img.round{}/* 콘텐츠 모바일 이미지 라운드 처리 */
.content_img.round img{border-radius:1.2rem;}
.content_img.line img{border:1px solid #dfdfdf; box-sizing: border-box;}

/* 청년소리2- 컨텐트 이미 100% */
.content_img.w95 img{width:95%}

@media all and (max-width:768px) {
    /* 청년소리2*/.content_img.w95 img{width:100%} 
    .view_con.type2 > .content_img:first-child {padding:0 0 15px;}
   /* 라운드이미지 */
	.round-img img{border-radius: 0.8rem;}
	.content_img img {width:100%;}
    .content_img a.zoom {display:block;}
    .content_img.news img {min-width:100%;}
}

/* 에러페이지 */
.g-wrap.err #container .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
}
.g-wrap.err .heading-error {
  position: relative;
  padding-top: 24.4rem;
  margin-bottom: var(--krds-gap-7);
  font-size: var(--krds-pc-font-size-heading-medium);
  text-align: center;
}
.g-wrap.err .heading-error strong{
  font-size: var(--krds-pc-font-size-heading-large);
}
@media (max-width: 767px) {
  .g-wrap.err .heading-error {
    margin-top:var(--krds-gap-7);
	font-size: var(--krds-mobile-font-size-heading-medium);
  }
}
.g-wrap.err .heading-error::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: inline-flex;
  width: 20rem;
  height: 20rem;
  background-color: var(--krds-light-color-text-basic);
  background-color: transparent !important;
  forced-color-adjust: none;
  background: url(/site/images/common/ico_error.svg) no-repeat center;
  background-size: contain;
  transform: translateX(-50%);
}
.g-wrap.err .info-txt {
  font-size: var(--krds-pc-font-size-body-large);
}
@media (max-width: 767px) {
  .g-wrap.err .info-txt {
    font-size: var(--krds-mobile-font-size-body-large);
  }
}