@charset "utf-8";
/**
 * @author https://www.cosmosfarm.com/
 */

@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

img { border: 0; }
.cut_strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }

.kboard-card-gallery-button-small { font-family: Open Sans,Apple SD Gothic Neo,Malgun Gothic,arial,sans-serif; }
.kboard-card-gallery-button-small,
.kboard-card-gallery-button-small:link,
.kboard-card-gallery-button-small:visited { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0 !important; padding: 0 10px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: normal; color: black !important; background-image: none !important; background-color: transparent !important; border: 1px solid #e3e3e3; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none !important; box-shadow: none !important; }
.kboard-card-gallery-button-small:hover,
.kboard-card-gallery-button-small:focus,
.kboard-card-gallery-button-small:active { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0 !important; padding: 0 10px !important; height: 28px; line-height: 28px; font-size: 13px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #6ac7eb !important; border: 1px solid #6ac7eb; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none !important; box-shadow: none !important; }

.kboard-card-gallery-poweredby { float: left; padding-bottom: 15px; width: 100%; font-size: 12px; }

#kboard-card-gallery-list { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-card-gallery-list * { font-family: Open Sans,Apple SD Gothic Neo,Malgun Gothic,arial,sans-serif; }
#kboard-card-gallery-list .kboard-header { float: left; width: 100%; }
#kboard-card-gallery-list .kboard-category { float: left; padding-bottom: 5px; width: 100%; }
#kboard-card-gallery-list .kboard-category select { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0; font-size: 12px; width: 120px; height: 28px; line-height: 28px; color: #666666; border-radius: 0; border: 1px solid #e3e3e3; box-shadow: none; }
#kboard-card-gallery-list .kboard-tree-category-wrap { float: left; padding-bottom: 15px; width: 100%; }
#kboard-card-gallery-list .kboard-tree-category-wrap select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; height: 28px; line-height: 28px; font-size: 12px; color: #fff; border-radius: 0; border: 1px solid #e3e3e3; background: #001356; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-card-gallery-list .kboard-tree-category-search .kboard-search-option-wrap.type-select { width: auto; }
#kboard-card-gallery-list .kboard-tree-category-search .kboard-search-option-wrap.type-tab { width: 100%; }
#kboard-card-gallery-list .kboard-tree-category { float: left; margin: 0 0 5px 0; padding: 0; width: 100%; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
#kboard-card-gallery-list .kboard-tree-category li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
#kboard-card-gallery-list .kboard-tree-category li::before,
#kboard-card-gallery-list .kboard-tree-category li::after { display: none; }
#kboard-card-gallery-list .kboard-tree-category li a { display: block; padding: 10px 10px 8px 10px; font-size: 13px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
#kboard-card-gallery-list .kboard-tree-category li.kboard-category-selected a { font-weight: bold; border-bottom: 2px solid #545861; color: #545861; }
#kboard-card-gallery-list .kboard-tree-category-search { float: left; width: 100%; }
#kboard-card-gallery-list .kboard-tree-category-search .kboard-search-option-wrap { margin-right: 5px; float: left; }
#kboard-card-gallery-list .kboard-list { float: left; margin: 0; padding: 0; width: 100%; list-style: none; }
#kboard-card-gallery-list .kboard-list a { text-decoration: none; border: 0; text-shadow: none; box-shadow: none; }
#kboard-card-gallery-list .kboard-list-item { position: relative; float: left; margin: 0 1% 2% 0; padding: 0; width: 32%; height: 330px; list-style: none; border: 1px solid #e3e3e3; cursor: pointer; background-color: white; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-thumbnail { height: 160px; background-size: cover; background-position: center; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-title { padding: 10px 20px 10px 20px; text-align: center; color: black; font-size: 16px; font-weight: bold; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-title img { display: inline; margin: 0; padding: 0; max-width: 100%; vertical-align: middle; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-summary { padding: 0 20px 0 20px; text-align: center; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 13px; line-height: 20px; height: 60px; color: #818181; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-catetory { padding: 10px 5px 0 5px; text-align: center; line-height: 20px; font-size: 12px; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-user { position: absolute; padding-top:10px; left: 0; width: 100%; text-align: center; line-height: 20px; font-size: 12px; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-vote { position: absolute; right: 2px; top: 2px; padding: 2px 4px; font-size: 11px; color: #c2c2c2; opacity: 0.5; }
#kboard-card-gallery-list .kboard-list-item .kboard-list-vote img { vertical-align: middle; }
#kboard-card-gallery-list .kboard-list-item:hover { background-color: #fafafa; }
#kboard-card-gallery-list .kboard-list-item:hover .kboard-list-thumbnail { opacity: 0.7; transition-duration: 0.5s; }
#kboard-card-gallery-list .kboard-list-item:hover .kboard-list-vote { background-color: white; border-radius: 5px; opacity: 1; transition-duration: 0.5s; }
#kboard-card-gallery-list .kboard-pagination { float: left; padding: 15px 0; width: 100%; }
#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages { float: left; margin: 0; padding: 0; width: 100%; line-height: 40px; list-style: none; text-align: center; border: 0; }
#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 1px; background: none; border: 0; list-style: none; }
#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li a { padding: 6px 11px; border: 1px solid #dddddd; text-decoration: none; font-size: 13px; color: #999999; background-color: white; box-shadow: none; }
#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.active a { border: 1px solid #6ac7eb; color: white; background-color: #6ac7eb; }
#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li:before { display: none; }
#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li:after { display: none; }
#kboard-card-gallery-list .kboard-search { float: left; padding-bottom: 5px; width: 100%; text-align: center; }
#kboard-card-gallery-list .kboard-search select { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0; font-size: 12px; width: 80px; height: 28px; line-height: 28px; color: #666666; border-radius: 0; border: 1px solid #e3e3e3; vertical-align: middle; box-shadow: none; }
#kboard-card-gallery-list .kboard-search input { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0;  font-size: 12px;width: 120px; height: 28px; line-height: 28px; color: #666666; border-radius: 0; border: 1px solid #e3e3e3; vertical-align: middle; box-shadow: none; }
#kboard-card-gallery-list .kboard-control { float: left; padding: 15px 0 1px 0; width: 100%; text-align: right; }

#kboard-card-gallery-editor { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-card-gallery-editor select { display: inline; margin: 0; padding: 0; font-size: 12px; width: 30%; height: 28px; line-height: 28px; color: #666666; border-radius: 0; border: 0; border-bottom: 1px solid #cccccc; box-shadow: none; background-color: transparent; }
#kboard-card-gallery-editor input[type=text],
#kboard-card-gallery-editor input[type=email],
#kboard-card-gallery-editor input[type=password] { display: inline; margin: 0; padding: 0; font-size: 12px; width: 30%; height: 28px; line-height: 28px; color: #666666; border-radius: 0; border: 0; border-bottom: 1px solid #cccccc; box-shadow: none; background-color: transparent; }
#kboard-card-gallery-editor input[type=file] { display: inline; margin: 0; padding: 0; width: 30%; font-size: 12px; color: #666666; border-radius: 0; border: 0; box-shadow: none; background-color: transparent; }
#kboard-card-gallery-editor .kboard-attr-row { float: left; padding: 5px 0; width: 100%; background-color: white; }
#kboard-card-gallery-editor .kboard-attr-row * { font-family: Open Sans,Apple SD Gothic Neo,Malgun Gothic,arial,sans-serif; }
#kboard-card-gallery-editor .kboard-attr-title { float: left; }
#kboard-card-gallery-editor .kboard-attr-title input { width: 80%; }
#kboard-card-gallery-editor .kboard-attr-row .attr-name { display: inline; float: left; margin: 0; padding: 0 10px 0 20px; width: 120px; line-height: 30px; color: #545861; font-size: 12px; font-weight: bold; }
#kboard-card-gallery-editor .kboard-attr-row .attr-name img { display: inline; margin: 0; padding: 0; max-width: 100%; vertical-align: middle; }
#kboard-card-gallery-editor .kboard-attr-row .attr-value { margin: 0 0 0 140px; padding: 0; font-size: 12px; line-height: 30px; }
#kboard-card-gallery-editor .kboard-attr-row .attr-value .attr-value-option { padding-right: 20px; cursor: pointer; }
#kboard-card-gallery-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap { float: left; width: 30%; }
#kboard-card-gallery-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { clear: both; float: left; margin-bottom: 5px; width: 100%; }
#kboard-card-gallery-editor .kboard-content { float: left; padding: 9px 0; width: 100%; border-bottom: 1px solid #e3e3e3; text-align: center; background-color: white; }
#kboard-card-gallery-editor .kboard-content textarea { display: inline; margin: 0; padding: 0; width: 98%; height: 250px; border-radius: 0; border: 1px solid #cccccc; font-size: 12px; }
#kboard-card-gallery-editor .kboard-control { float: left; padding: 15px 0; width: 100%; }
#kboard-card-gallery-editor .kboard-control .left { position: static; float: left; }
#kboard-card-gallery-editor .kboard-control .right { position: static; float: right; width: 50%; text-align: right; }

#kboard-card-gallery-document { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-card-gallery-document * { font-family: Open Sans,Apple SD Gothic Neo,Malgun Gothic,arial,sans-serif; }
#kboard-card-gallery-document .kboard-header { float: left; margin-top: 0; width: 100%; }
#kboard-card-gallery-document .kboard-document-wrap { float: left; width: 100%; background-color: white; }
#kboard-card-gallery-document .kboard-title { float: left; width: 100%; }
#kboard-card-gallery-document .kboard-title p { margin: 0; padding: 12px 0; color: #434a53; font-size: 30px; }
#kboard-card-gallery-document .kboard-detail { float: left; padding-bottom: 12px; width: 100%; font-size: 12px; }
#kboard-card-gallery-document .kboard-detail .detail-attr { display: inline-block; *display: inline; zoom: 1; float: left; margin: 0; padding: 12px; }
#kboard-card-gallery-document .kboard-detail .detail-attr * { color: #c2c2c2; text-decoration: none; }
#kboard-card-gallery-document .kboard-detail .detail-attr .detail-name { float: left; text-align: right; }
#kboard-card-gallery-document .kboard-detail .detail-attr .detail-value { float: left; padding-left: 5px; }
#kboard-card-gallery-document .kboard-detail .detail-attr .detail-value img { vertical-align: middle; }
#kboard-card-gallery-document .kboard-content { clear: both; float: left; width: 100%; min-height: 200px; }
#kboard-card-gallery-document .kboard-content .content-view { margin: 0; padding: 12px 0; word-break: break-all; }
#kboard-card-gallery-document .kboard-content .content-view img { margin-top: 0; margin-bottom: 0; max-width: 100%; }
#kboard-card-gallery-document .kboard-content .content-view .thumbnail-area { text-align: center; }
#kboard-card-gallery-document .kboard-document-action { float: left; padding: 0 0 5px 0; width: 100%; line-height: 1; }
#kboard-card-gallery-document .kboard-document-action .left { position: static; float: left; }
#kboard-card-gallery-document .kboard-document-action .right { position: static; float: right; text-align: right; }
#kboard-card-gallery-document .kboard-attach { padding: 0 0 5px 0; font-size: 12px; }
#kboard-card-gallery-document .kboard-attach .kboard-button-download { display: inline; margin: 0; padding: 0; width: auto; height: 22px; line-height: 22px; border: none; background: none; background-color: transparent; font-size: 12px; font-weight: normal; letter-spacing: normal; cursor: pointer; vertical-align: middle; text-align: center; text-shadow: none; box-shadow: none; }
#kboard-card-gallery-document .kboard-button-action { margin: 0 0 5px 0; padding: 4px 5px; font-size: 12px; font-weight: normal; line-height: 12px; text-align: left; border: 1px solid #ededed; background: none; background-color: transparent; border-radius: 2px; letter-spacing: normal; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }
#kboard-card-gallery-document .kboard-button-like { color: #ff5959; }
#kboard-card-gallery-document .kboard-button-unlike { color: #3d62aa; }
#kboard-card-gallery-document .kboard-button-print { color: gray; }
#kboard-card-gallery-document .kboard-comments-area { float: left; width: 100%; }
#kboard-card-gallery-document .kboard-document-navi { float: left; padding-top: 15px; width: 100%; }
#kboard-card-gallery-document .kboard-document-navi a { display: block; text-decoration: none; border: 0; font-size: 13px; line-height: 20px; box-shadow: none; color: #545861; }
#kboard-card-gallery-document .kboard-document-navi .navi-document-title { display: block; }
#kboard-card-gallery-document .kboard-document-navi .navi-arrow { position: absolute; display: block; }
#kboard-card-gallery-document .kboard-document-navi .kboard-prev-document { position: relative; float: left; width: 50%; }
#kboard-card-gallery-document .kboard-document-navi .kboard-prev-document .navi-document-title { padding-left: 15px; }
#kboard-card-gallery-document .kboard-document-navi .kboard-prev-document .navi-arrow { left: 0; top: 0; }
#kboard-card-gallery-document .kboard-document-navi .kboard-next-document { position: relative; float: right; width: 50%; text-align: right; }
#kboard-card-gallery-document .kboard-document-navi .kboard-next-document .navi-document-title { padding-right: 15px; }
#kboard-card-gallery-document .kboard-document-navi .kboard-next-document .navi-arrow { right: 0; top: 0; }
#kboard-card-gallery-document .kboard-control { float: left; padding: 15px 0;  width: 100%; }
#kboard-card-gallery-document .kboard-control .left { position: static; float: left; }
#kboard-card-gallery-document .kboard-control .right { position: static; float: right; text-align: right; }

#kboard-card-gallery-latest { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-card-gallery-latest * { font-family: Open Sans,Apple SD Gothic Neo,Malgun Gothic,arial,sans-serif; }
#kboard-card-gallery-latest .kboard-list { float: left; margin: 0; padding: 0; width: 100%; list-style: none; }
#kboard-card-gallery-latest .kboard-list a { text-decoration: none; border: 0; text-shadow: none; box-shadow: none; }
#kboard-card-gallery-latest .kboard-list-item { position: relative; float: left; margin: 0 0 5px 0; padding: 0; width: 240px; height: 50px; list-style: none; border: 0; cursor: pointer; }
#kboard-card-gallery-latest .kboard-list-item .kboard-list-thumbnail { float: left; width: 70px; height: 50px; background-size: cover; }
#kboard-card-gallery-latest .kboard-list-item .kboard-list-title { padding-left: 5px; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 25px; height: 50px; }
#kboard-card-gallery-latest .kboard-list-item .kboard-list-title img { display: inline; margin: 0; padding: 0; max-width: 100%; vertical-align: middle; }

@media screen and (max-width: 600px) {
	#kboard-card-gallery-list .kboard-category { padding: 0; width: 100%; text-align: center; }
	#kboard-card-gallery-list .kboard-category select { margin-bottom: 5px; width: 100%; }
	#kboard-card-gallery-list .kboard-search { clear: both; float: left; width: 100%; text-align: center; }
	#kboard-card-gallery-list .kboard-search select { float: left; margin-right: 1%; width: 29%; }
	#kboard-card-gallery-list .kboard-search input { float: left; margin-right: 1%; width: 49%; }
	#kboard-card-gallery-list .kboard-search button { float: left; width: 20%; }
	#kboard-card-gallery-list .kboard-list-item { float: left; margin: 0 0 5px 0; padding: 0; width: 100%; height: 330px; list-style: none; border: 1px solid #e3e3e3; cursor: pointer; background-color: white; }
	#kboard-card-gallery-list .kboard-list-item .kboard-list-vote { background-color: white; border-radius: 5px; opacity: 1; }
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li { display: none; }
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.first-page,
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.last-page { display: inline-block; *display: inline; zoom: 1; }
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page,
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.next-page { display: inline-block; *display: inline; zoom: 1; }
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 6px 18px; }
	#kboard-card-gallery-list .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; *display: inline; zoom: 1; }
	
	#kboard-card-gallery-editor select,
	#kboard-card-gallery-editor input[type=text],
	#kboard-card-gallery-editor input[type=email],
	#kboard-card-gallery-editor input[type=file],
	#kboard-card-gallery-editor input[type=password] { width: 100%; }
	#kboard-card-gallery-editor .kboard-attr-row { padding: 10px 0; }
	#kboard-card-gallery-editor .kboard-attr-row .attr-name { padding: 0; width: 100%; font-size: 14px; }
	#kboard-card-gallery-editor .kboard-attr-row .attr-value { margin: 0; font-size: 12px; line-height: 30px; }
	
	#kboard-card-gallery-document .kboard-title p { font-size: 20px; }
	#kboard-card-gallery-document .kboard-detail .detail-attr { padding: 5px 10px 5px 0; }
	#kboard-card-gallery-document .kboard-document-navi .kboard-prev-document { width: 100%; }
	#kboard-card-gallery-document .kboard-document-navi .kboard-next-document { margin-top: 10px; float: left; width: 100%; text-align: left; }

}

/* 카드 갤러리 썸네일 */
.kboard-list-thumbnail{
    background-size: contain !important;
    background-repeat:no-repeat;
    background-position:center;
    padding:10px 12px 10px 10px; /* 오른쪽에 2px 더 padding */
    
    box-sizing:border-box;
    background-clip: padding-box;
    overflow:hidden;
}

/* 카드 전체 */
.kboard-list-item{
    position: relative;
}

#kboard-card-gallery-list .kboard-list-item{
    border:1px solid #ececec;
    box-sizing:border-box;
}
#kboard-card-gallery-list .kboard-list-meta{
  margin-top: 6px;
  font-size: 12px;
  color: #777;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

#kboard-card-gallery-list .kboard-list-meta .kboard-list-category{
  font-weight: 600;
}

#kboard-card-gallery-list .kboard-list-meta .kboard-list-author::before{
  content: "· ";
}

#kboard-card-gallery-list .kboard-list-meta .kboard-list-date::before{
  content: "· ";
}
/* 팀명 스타일 (제목 위) */
#kboard-card-gallery-list .kboard-list-team{
  margin-top: 10px;
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 700;
}

/* 각 팀별 색상 (임의 세팅) */
#kboard-card-gallery-list .kboard-list-team.team-strategy{
  color: #1e88e5 !important;   /* 전략지역연계팀 – 블루 */
}
#kboard-card-gallery-list .kboard-list-team.team-dev-disability{
  color: #8e24aa !important;   /* 발달장애인지원팀 – 퍼플 */
}
#kboard-card-gallery-list .kboard-list-team.team-function{
  color: #00897b !important;   /* 기능향상지원팀 – 틸 */
}
#kboard-card-gallery-list .kboard-list-team.team-lifelong{
  color: #fb8c00 !important;   /* 평생학습지원팀 – 오렌지 */
}
#kboard-card-gallery-list .kboard-list-team.team-case{
  color: #d81b60 !important;   /* 사례지원팀 – 딥 핑크 */
}
#kboard-card-gallery-list .kboard-list-team.team-admin{
  color: #3949ab !important;   /* 운영지원팀 – 인디고 */
}
#kboard-card-gallery-list .kboard-list-team.team-daycare{
  color: #6d4c41 !important;   /* 주간보호 – 브라운 */
}
#kboard-card-gallery-list .kboard-list-team.team-social{
  color: #43a047 !important;   /* 사회서비스지원팀 – 그린 */
}

/* 카드 하단 작성자·작성일 중앙 정렬 */
#kboard-card-gallery-list .kboard-list-meta-bottom{
  margin-top: 10px;
  font-size: 12px;
  color: #999;
  text-align: center;
}

#kboard-card-gallery-list .kboard-list-meta-bottom .kboard-list-author,
#kboard-card-gallery-list .kboard-list-meta-bottom .kboard-list-date{
  display: inline-block;
}

#kboard-card-gallery-list .kboard-list-meta-bottom .kboard-list-date::before{
  content: " · ";
}

/* 내용(summary) 2줄 제한 */
#kboard-card-gallery-list .kboard-list-summary {
  display: -webkit-box;
  -webkit-line-clamp: 2;   /* 2줄 제한 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4em;       /* 줄높이 */
  max-height: calc(1.4em * 2); /* 2줄 높이 */
}
/* 카테고리 영역 전체 */
#kboard-card-gallery-list .kboard-header .kboard-category {
    margin-bottom: 20px;
}

/* ul 가로 정렬 */
#kboard-card-gallery-list .kboard-header .kboard-category ul {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap; /* 한 줄 유지 */
    overflow-x: auto;  /* 필요하면 스크롤 가능 (PC는 거의 안 생김) */
    padding: 5px 0;
    scrollbar-width: none;
}
#kboard-card-gallery-list .kboard-header .kboard-category ul::-webkit-scrollbar {
    display: none; /* 스크롤바 숨김 */
}

/* 버튼 스타일 */
#kboard-card-gallery-list .kboard-header .kboard-category ul li a {
    display: inline-block;
    padding: 8px 14px;
    background: #f3f5f8;
    border: 1px solid #d0d0d0;
    border-radius: 20px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    transition: all .2s ease;
}

/* hover */
#kboard-card-gallery-list .kboard-header .kboard-category ul li a:hover {
    background: #0366d6;
    color: #fff;
    border-color: #0366d6;
}

/* 선택된 카테고리(active) */
#kboard-card-gallery-list .kboard-header .kboard-category ul li.active a {
    background: #0366d6;
    color: #fff;
    border-color: #0366d6;
    font-weight: bold;
}
/* ================================
   KBoard 카테고리 버튼 전체 영역
   ================================ */
.kboard-category-buttons {
    margin: 20px 0; /* 리스트 제목과 버튼 사이 여백 */
}

/* ================================
   버튼들을 가로로 나열하는 래퍼
   ================================ */
.category-button-wrap {
    display: flex;      /* 버튼 가로 배치 */
    gap: 8px;           /* 버튼 간격 */
    flex-wrap: wrap;    /* 화면이 좁을 때 자동 줄바꿈 */
}

/* ================================
   카테고리 버튼 공통 스타일
   ================================ */
#kboard-card-gallery-list .kboard-category-buttons input.cat-btn {
    padding: 2px 8px !important;
    font-size: 13px !important;
    height: auto !important;
    width: auto !important;
}


/* ================================
   버튼 Hover (마우스를 올렸을 때)
   ================================ */
.cat-btn:hover {
    background: #e4e4e4; /* 살짝 어두워짐 */
}

/* ================================
   활성화된 카테고리 버튼 (현재 선택됨)
   ================================ */
.cat-btn.active {
    background: #999;  /* 음성복지관 포인트 컬러 */
    color: #fff;          /* 글자 흰색 */
    border-color: #999;
}
.kboard-category-buttons {
    margin-left: 30px;
}
/* =========================
   PC 기본 스타일 (위치 오른쪽으로)
   ========================= */
#kboard-card-gallery-list .kboard-header .kboard-category-buttons {
    margin: 20px 0;
}

#kboard-card-gallery-list .kboard-header .kboard-category-buttons .category-button-wrap {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;          /* PC에서는 여러 줄 허용 */
    justify-content: flex-start;
    padding-left: 50px;       /* ← 여기 값으로 오른쪽으로 밀기 (원하면 30~60px로 조절) */
}

/* 버튼 공통 스타일 (그대로 유지해도 됨) */
#kboard-card-gallery-list .kboard-header .kboard-category-buttons .cat-btn {
    padding: 8px 10px; !important; 
    font-size: 15px !important;
    border: 1px solid #ccc;
    background: #f8f8f8;
    border-radius: 20px;
    cursor: pointer;
    transition: 0.2s;
    white-space: nowrap;
}

#kboard-card-gallery-list .kboard-header .kboard-category-buttons .cat-btn:hover {
    background: #e4e4e4;
}

#kboard-card-gallery-list .kboard-header .kboard-category-buttons .cat-btn.active {
    background: #0368ae;
    color: #fff;
    border-color: #0368ae;
    font-weight: 700;
}

/* =========================
   모바일 (한 줄 + 가로 스크롤)
   ========================= */
@media (max-width: 768px){
  #kboard-card-gallery-list .kboard-header .kboard-category-buttons .category-button-wrap {
      flex-wrap: nowrap;           /* 한 줄로 고정 */
      overflow-x: auto;            /* 가로 스크롤 */
      padding-left: 16px;
      padding-right: 16px;
      -webkit-overflow-scrolling: touch; /* 모바일 부드러운 스크롤 */
  }

  /* 모바일에서 스크롤바 안 보이게 (선택) */
  #kboard-card-gallery-list .kboard-header .kboard-category-buttons .category-button-wrap::-webkit-scrollbar {
      display: none;
  }
}
#kboard-card-gallery-list .kboard-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px; /* 좌우 간격 */
    justify-content: center; /* ⭐ 가운데 정렬 */
}

/* 리스트 아이템 전체 박스 */
#kboard-card-gallery-list .kboard-list-item {
    border-radius: 20px;   /* 네 모서리 둥글게 */
    padding: 5px;          /* 안쪽 여백 */
    background: #f6f6f6;   /* 배경색 (원하면 다른 색으로 변경 가능) */
    overflow: hidden;      /* 모서리 둥글게 잘리도록 */
    border: 1px solid #ebebeb; /* 테두리 추가 */
    box-sizing: border-box;
}

/* 카테고리 버튼 감싼 영역 전체 폭 사용 */
#kboard-card-gallery-list .kboard-category-buttons {
    width: 100%;
}


/* 카테고리 영역 전체 폭 사용 */
#kboard-card-gallery-list .kboard-category.kboard-category-buttons,
#kboard-card-gallery-list .kboard-category.kboard-category-buttons form {
    width: 100%;
}

/* 버튼들을 한 줄에 flex로 배치 */
#kboard-card-gallery-list .kboard-category-buttons .category-button-wrap {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;  /* ⭐ 좌우 꽉 채우기 */
    row-gap: 8px;                    /* 위·아래 간격만 */
}

/* 버튼 사이 불필요한 margin 제거 + 동일한 폭으로 늘리기 */
#kboard-card-gallery-list .kboard-category-buttons .category-button-wrap .cat-btn {
    margin: 0 !important;
    flex: 1 1 auto;              /* ⭐ 각 버튼이 가로폭 나눠서 차지 */
    text-align: center;
}
/* 카테고리 전체 영역 1400px 고정 + 가운데 정렬 */
#kboard-card-gallery-list .kboard-category-buttons {
    max-width: 1500px;
    margin: 0 auto !important;
    padding: 0 10px; /* 양쪽 여유 여백 */
    box-sizing: border-box;
}

/* 버튼 줄 전체가 자동 줄바꿈 */
#kboard-card-gallery-list .kboard-category-buttons .category-button-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
#kboard-card-gallery-list .kboard-category-buttons {
    margin-bottom: 25px !important; /* 원하는 만큼 조절 */
}
/* 카드 전체 링크 클릭/방문/호버 시에도 팀 라벨 색상 유지 */
#kboard-card-gallery-list .kboard-list-item a:active .kboard-list-team.team-strategy,
#kboard-card-gallery-list .kboard-list-item a:focus .kboard-list-team.team-strategy,
#kboard-card-gallery-list .kboard-list-item a:visited .kboard-list-team.team-strategy,
#kboard-card-gallery-list .kboard-list-item a:hover .kboard-list-team.team-strategy{
  color: #1e88e5 !important;
}
#kboard-card-gallery-list .kboard-list-item a:active .kboard-list-team.team-dev-disability,
#kboard-card-gallery-list .kboard-list-item a:focus .kboard-list-team.team-dev-disability,
#kboard-card-gallery-list .kboard-list-item a:visited .kboard-list-team.team-dev-disability,
#kboard-card-gallery-list .kboard-list-item a:hover .kboard-list-team.team-dev-disability{
  color: #8e24aa !important;
}
#kboard-card-gallery-list .kboard-list-item a:active .kboard-list-team.team-function,
#kboard-card-gallery-list .kboard-list-item a:focus .kboard-list-team.team-function,
#kboard-card-gallery-list .kboard-list-item a:visited .kboard-list-team.team-function,
#kboard-card-gallery-list .kboard-list-item a:hover .kboard-list-team.team-function{
  color: #00897b !important;
}
#kboard-card-gallery-list .kboard-list-item a:active .kboard-list-team.team-lifelong,
#kboard-card-gallery-list .kboard-list-item a:focus .kboard-list-team.team-lifelong,
#kboard-card-gallery-list .kboard-list-item a:visited .kboard-list-team.team-lifelong,
#kboard-card-gallery-list .kboard-list-item a:hover .kboard-list-team.team-lifelong{
  color: #fb8c00 !important;
}
#kboard-card-gallery-list .kboard-list-item a:active .kboard-list-team.team-case,
#kboard-card-gallery-list .kboard-list-item a:focus .kboard-list-team.team-case,
#kboard-card-gallery-list .kboard-list-item a:visited .kboard-list-team.team-case,
#kboard-card-gallery-list .kboard-list-item a:hover .kboard-list-team.team-case{
  color: #d81b60 !important;
}
#kboard-card-gallery-list .kboard-list-item a:active .kboard-list-team.team-admin,
#kboard-card-gallery-list .kboard-list-item a:focus .kboard-list-team.team-admin,
#kboard-card-gallery-list .kboard-list-item a:visited .kboard-list-team.team-admin,
#kboard-card-gallery-list .kboard-list-item a:hover .kboard-list-team.team-admin{
  color: #3949ab !important;
}
#kboard-card-gallery-list .kboard-list-item a:active .kboard-list-team.team-daycare,
#kboard-card-gallery-list .kboard-list-item a:focus .kboard-list-team.team-daycare,
#kboard-card-gallery-list .kboard-list-item a:visited .kboard-list-team.team-daycare,
#kboard-card-gallery-list .kboard-list-item a:hover .kboard-list-team.team-daycare{
  color: #6d4c41 !important;
}
#kboard-card-gallery-list .kboard-list-item a:active .kboard-list-team.team-social,
#kboard-card-gallery-list .kboard-list-item a:focus .kboard-list-team.team-social,
#kboard-card-gallery-list .kboard-list-item a:visited .kboard-list-team.team-social,
#kboard-card-gallery-list .kboard-list-item a:hover .kboard-list-team.team-social{
  color: #43a047 !important;
}

/* 최신글 팀명 스타일 (제목 위) */
#kboard-card-gallery-latest .kboard-list-team{
  margin-top: 10px;
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 700;
}

/* 최신글 각 팀별 색상 */
#kboard-card-gallery-latest .kboard-list-team.team-strategy{
  color: #1e88e5 !important;   /* 전략지역연계팀 – 블루 */
}
#kboard-card-gallery-latest .kboard-list-team.team-dev-disability{
  color: #8e24aa !important;   /* 발달장애인지원팀 – 퍼플 */
}
#kboard-card-gallery-latest .kboard-list-team.team-function{
  color: #00897b !important;   /* 기능향상지원팀 – 틸 */
}
#kboard-card-gallery-latest .kboard-list-team.team-lifelong{
  color: #fb8c00 !important;   /* 평생학습지원팀 – 오렌지 */
}
#kboard-card-gallery-latest .kboard-list-team.team-case{
  color: #d81b60 !important;   /* 사례지원팀 – 딥 핑크 */
}
#kboard-card-gallery-latest .kboard-list-team.team-admin{
  color: #3949ab !important;   /* 운영지원팀 – 인디고 */
}
#kboard-card-gallery-latest .kboard-list-team.team-daycare{
  color: #6d4c41 !important;   /* 주간보호 – 브라운 */
}
#kboard-card-gallery-latest .kboard-list-team.team-social{
  color: #43a047 !important;   /* 사회서비스지원팀 – 그린 */
}

/* 최신글 링크 클릭/방문/호버 시에도 팀 라벨 색상 유지 */
#kboard-card-gallery-latest .kboard-list-item a:active .kboard-list-team,
#kboard-card-gallery-latest .kboard-list-item a:focus .kboard-list-team,
#kboard-card-gallery-latest .kboard-list-item a:visited .kboard-list-team,
#kboard-card-gallery-latest .kboard-list-item a:hover .kboard-list-team{
  color: inherit !important;
}

/* 최신글 작성자 색상 고정 (클릭 시 빨간색 방지) */
#kboard-card-gallery-latest .kboard-list-item a .kboard-list-user,
#kboard-card-gallery-latest .kboard-list-item a:active .kboard-list-user,
#kboard-card-gallery-latest .kboard-list-item a:focus .kboard-list-user,
#kboard-card-gallery-latest .kboard-list-item a:visited .kboard-list-user,
#kboard-card-gallery-latest .kboard-list-item a:hover .kboard-list-user{
  color: #999 !important;
}

/* 리스트 작성자 색상 고정 (클릭 시 빨간색 방지) */
#kboard-card-gallery-list .kboard-list-item a .kboard-list-meta-bottom,
#kboard-card-gallery-list .kboard-list-item a:active .kboard-list-meta-bottom,
#kboard-card-gallery-list .kboard-list-item a:focus .kboard-list-meta-bottom,
#kboard-card-gallery-list .kboard-list-item a:visited .kboard-list-meta-bottom,
#kboard-card-gallery-list .kboard-list-item a:hover .kboard-list-meta-bottom{
  color: #999 !important;
}
#kboard-card-gallery-list .kboard-list-item a .kboard-list-meta-bottom .kboard-list-author,
#kboard-card-gallery-list .kboard-list-item a .kboard-list-meta-bottom .kboard-list-date,
#kboard-card-gallery-list .kboard-list-item a:active .kboard-list-meta-bottom .kboard-list-author,
#kboard-card-gallery-list .kboard-list-item a:active .kboard-list-meta-bottom .kboard-list-date,
#kboard-card-gallery-list .kboard-list-item a:focus .kboard-list-meta-bottom .kboard-list-author,
#kboard-card-gallery-list .kboard-list-item a:focus .kboard-list-meta-bottom .kboard-list-date,
#kboard-card-gallery-list .kboard-list-item a:visited .kboard-list-meta-bottom .kboard-list-author,
#kboard-card-gallery-list .kboard-list-item a:visited .kboard-list-meta-bottom .kboard-list-date,
#kboard-card-gallery-list .kboard-list-item a:hover .kboard-list-meta-bottom .kboard-list-author,
#kboard-card-gallery-list .kboard-list-item a:hover .kboard-list-meta-bottom .kboard-list-date{
  color: #999 !important;
}

/* 최신글 작성자 색상 고정 (클릭 시 빨간색 방지) - kboard-list-user 클래스 */
#kboard-card-gallery-list .kboard-list-item a .kboard-list-user,
#kboard-card-gallery-list .kboard-list-item a:active .kboard-list-user,
#kboard-card-gallery-list .kboard-list-item a:focus .kboard-list-user,
#kboard-card-gallery-list .kboard-list-item a:visited .kboard-list-user,
#kboard-card-gallery-list .kboard-list-item a:hover .kboard-list-user{
  color: #999 !important;
}