/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 28 2025 | 05:22:19 */
/* 메뉴 항목 버튼화 */
.wp-block-navigation__container {margin-left:20px;}
.wp-block-navigation a {
  display: inline-block;
  border: 1px solid #000;
  border-radius: 20px;   /* pill 모양 */
  padding: 8px 18px;
  margin: 0 ;
  font-weight: 500;
  /*font-size: 15px;*/
  color: #333;
  text-decoration: none;
  transition: all 0.25s ease;
}

/* hover 시 */
.wp-block-navigation a:hover {
  border-color: #ff6600;
  color: #ff6600;
  background: rgba(255, 102, 0, 0.05);
}
/* ----------------------------
   달방.kr 카테고리 메뉴 (바 형식, 카테고리명+숫자 완전 포함)
   - 드래그 스크롤 지원
   - 힌트 제거 버전
----------------------------- */
.category-scroll-wrapper {
	position: relative;
	overflow: hidden;
}

.wp-block-categories {
	/*font-weight:bold;*/
	font-size: 16px;
  margin-right: 50px !important;
  padding: 14px 50px 14px 0;
  margin: 0;
  list-style: none;
  /*border-top: 1px solid #ddd;     
  border-bottom: 1px solid #ddd;*/
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  cursor: grab;
	user-select: none;   /* 텍스트 드래그 선택 방지 */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.wp-block-categories::-webkit-scrollbar {
  display: none;
}

.wp-block-categories li {
  list-style: none;
}

.wp-block-categories li a { position: relative; margin: 0 5px 0 0; display: inline-flex; justify-content: center; align-items: center; padding: 10px 18px; /* 버튼 크기 */ border: 1px solid #ccc; border-radius: 30px; /* ✅ 둥근 버튼 */ background: #f8f9fa; transition: all 0.2s ease; text-decoration: none; }
.wp-block-categories li:first-child a {
  margin-left: 0;
}


/* 게시물 수 */
.wp-block-categories .count {
  margin-left: 4px;
  font-size: 14px;
  color: #999;
}


/* hover 상태 */
.wp-block-categories li:hover, .wp-block-categories li a:hover {
	color: #ea3d00 !important;
	border-color: #ea3d00;
}
.wp-block-categories li:hover .count {
  color: #ea3d00;
}

/* 활성화 상태 */
.wp-block-categories .current-cat {
  color: #ea3d00;
  border-color: #ea3d00;
}
.wp-block-categories .current-cat a,
.wp-block-categories .current-cat .count {
	color: #ea3d00;
	border-color: #ea3d00;
}
.show-all-btn { 
	position: absolute; 
	right: 0;
	top: 50%; transform: translateY(-50%); 
	padding: 10px 15px; 
	border: 1px solid #ccc;
	border-radius: 30px; 
	background: #f8f9fa; 
	cursor: pointer; 
	font-weight: bold; 
	z-index: 10; /* 메뉴보다 위 */
}
.show-all-btn:hover {
  background: #ea3d00;
  color: #fff;
  border-color: #ea3d00;
}

/* 모달 전체 */
#categoryModal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100% !important;
  height: 100%;
  background: rgba(0,0,0,0.5);
  overflow-y: auto;
  max-width: 100% !important; /* 테마의 1200px 제한 해제 */
}

/* 모달 콘텐츠 */
#categoryModal .modal-content {
  background: #fff;
  margin: 5% auto;
  padding: 20px;
  border-radius: 12px;
  width: 80%;
  max-width: 600px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  /*max-width: none !important;   WP 테마 제한 해제 */
}
/* 모달 안 카테고리 (내부 ul까지 타겟팅) */
.all-categories ul.wp-block-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 20px 0 0;
  list-style: none;
}

.all-categories ul.wp-block-categories li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  border: 1px solid #ccc;
  border-radius: 20px;
  background: #f8f9fa;
  text-decoration: none;
  transition: color 0.2s ease;
}

.all-categories ul.wp-block-categories li a:hover {
  color: #ea3d00;
  border-color: #ea3d00;
}

@media (max-width: 600px) {
	.wp-block-categories {
		font-size:15px;
	}
	.top_manu_space {
	margin:20px 0 0 0 !important;
	}
}
/*검색*/
.top_search_ds .wp-block-search__input{
	padding-left: 10px;
	padding-right: 10px;
}
.top_search_ds button, .wp-block-button__link{
	width:70px;
	padding:0 1rem !important;
}
/* 쓸데없이생기는것초기화
.has-global-padding > .alignfull {
    margin-right: 0 !important;
    margin-left: 0 !important;
}*/