@charset "UTF-8";

    /* ================================
	   공통 레이아웃
	================================ */
	/* ======= 로고 사이즈 ======= */
	.navbar-logo {
	  height: 160px !important;
      width: auto !important;
      display: block;
	}
	
	/* ======= 네브바 아래 여백 ======= */
	.page-head {
	  margin-top: 80px; 
	}
	
	.content-wrapper {
	  margin-top: 32px;
	}
	
	/* index 더보기 버튼 줄바꿈 방지 + 크기 통일 */
	.btn-outline-secondary.btn-sm {
	  white-space: nowrap;      /* ⭐ 줄바꿈 절대 금지 */
	  min-width: 72px;          /* ⭐ 버튼 최소 가로폭 */
	  display: inline-flex;
	  align-items: center;
	  justify-content: center;
	}
	
	/* ================================
	   상태 (에러 / 유효성)
	================================ */
	/* ===== 에러 상태 ===== */
	.is-invalid {
	  border-color: #dc3545 !important; /* bootstrap red */
	}
	
	.is-invalid:focus {
	  border-color: #dc3545 !important;
	  box-shadow: none;
	}
	
	/* 커스텀 select용 */
	.is-invalid .selected-value {
	  border-color: #dc3545 !important;
	}
	
	/* =========================
	   반응형
    ========================= */
    @media (min-width: 769px){
	  .footer-admin {
	    text-align: center;
	  }
	  
	  #footer {
		width: 100%;
		padding: 60px 0;              /* 기본: 데스크톱 */
		background-color: transparent;
	  }	
	
	  #footer-2 > p {
		margin: 0;
	    padding: 4px 0;
		text-align: center;
		line-height: 1.5;
		font-size: 14px;              /* 기본 */
		color: #666;
	  }
	}
	
	@media (max-width: 768px) {	
	 /* 모바일에서 단 어단위 자동줄바꿈*/
	 body {
	    word-break: keep-all;        /* ⭐ 핵심 */
	    overflow-wrap: break-word;   /* 너무 긴 영어 대비 */
	    line-break: strict;          /* 한글 줄바꿈 자연스럽게 */
	 }
	 
	/* 상단 네브바 부드럽게 */
	  .navbar {
	    padding-top: 6px;
	    padding-bottom: 6px;
	    background: rgba(255,255,255,0.55);
	    backdrop-filter: blur(10px);
	    border-bottom: 1px solid rgba(0,0,0,0.05);   
	  }
	
	  /* 1단 네브바와 2단 네브바 사이 간격 */
	  .navbar + .navbar {
	    margin-top: -6px; /* 필요하면 -6 ~ -10 사이에서 조절 */
	  }
	  
	  /* container를 세로 정렬 */
	  .navbar > .container {
		display: flex;
		align-items: center;
		flex-direction: column;
	  }
	
	  /* 로고 아래 여백 */
	  .navbar-brand {
	    margin-bottom: 4px;
	  }
	
	  /* 오른쪽 메뉴 영역 */
	  .navbar .d-flex {
	    width: 100%;
	    justify-content: center;
	  }
	
	  /* 메뉴 리스트 중앙 정렬 */
	  .navbar-nav {
	    justify-content: center;
	  }
	
	 /* 카테고리 토글 버튼 */
	  .navbar-toggler {
	    padding: 4px 6px;
	    font-size: 13px;
	    
	    background: transparent;
	    border: none;
  	    box-shadow: none;
  	    
  	    border-radius: 0;	    
	  }
	
	  /* 햄버거 아이콘 */
	  .navbar-toggler-icon {
	    width: 0.9rem;
	    height: 0.9rem;
	  }
	
	  /* "카테고리" 텍스트 */
	  #selectedCategoryName {
	    font-size: 13px;
	  }
	
	  /* 펼쳐진 카테고리 메뉴 */
	  .category-link {
	    font-size: 14px;          /* ⬇ 글자 크기 */
	    padding: 6px 0;           /* ⬇ 상하 간격 */
	  }
	
	  /* 카테고리 리스트 전체 간격 */
	  #categoryNav .navbar-nav {
	    gap: 6px;                 /* 기본보다 절반 수준 */
	  }
	  
	  .footer-admin {
	    text-align: center;
	    
	    margin-top: -50px;  
    	margin-bottom: 15px;
	  }
      
      #footer {
	    padding: 32px 0;            /* ⭐ 핵심 */
	  }
	
	  #footer-2 > p {
	    font-size: 12px;            /* 살짝만 축소 */
	    line-height: 1.4;
	  }
	
	  #footer p {
	    text-align: center;         /* 관리자 버튼도 중앙 */
	  }
	 
}