/* BSKR list */
@media (max-width: 576px) {
	.container {padding-left: 4px;padding-right: 4px;}
}
.badge {padding: .2em .4em;font-size: .6em;}

.gallery-card {
  display: flex;
  flex-direction: column;
  height: 340px; /* 카드 전체 높이 (원하는 값으로 조정 가능) */
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  transition: transform .25s ease, box-shadow .25s ease;
}

.gallery-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

/* 이미지 영역: 카드 높이의 60% */
.gallery-card .card-img-top {
  flex: 0 0 60%;
  width: 100%;
  overflow: hidden;
  object-fit: cover; /* 꽉 채우되 비율 유지 */
}

/* 본문 영역: 카드 높이의 40% */
.gallery-card .card-body {
  flex: 0 0 40%;
  padding: 1rem 1.2rem;
  overflow: hidden; /* 내용이 넘치면 숨김 */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* 제목/텍스트/메타 균형 배치 */
}

.card-title {font-size: 1rem;font-weight: 600;margin-bottom: 0.3rem;}
.card-text {font-size: 0.9rem;color: #6c757d;}
.meta {font-size: 0.8rem;color: #999;}
.file-icon {color: #6c757d;margin-left: 6px;}

/* BSKR view */
.post-container { background:white; border-radius:8px; padding:2rem; box-shadow:0 2px 10px rgba(0,0,0,0.125); }
.post-title { font-size:1.6rem; font-weight:600; }
.post-meta { font-size:0.9rem; color:#6c757d; border-bottom:1px solid #e9ecef; padding-bottom:.5rem; margin-bottom:1.5rem; }
.post-content { line-height:1.8; min-height:200px; }
.attach-list { list-style:none; padding-left:0; }
.attach-list li { margin-bottom:.4rem; display:flex; align-items:center; }
.attach-list li i { color:#6c757d; margin-right:8px; }
.attach-list a { text-decoration:none; color:#0d6efd; }
.attach-list a:hover { text-decoration:underline; }

.post-nav-container {margin-top: 40px;border-top: 1px solid #ddd;padding-top: 15px;font-size: 14px;color: #666;}
.post-nav-wrap {display: flex;justify-content: space-between;align-items: center;}
/* 왼쪽(이전글), 오른쪽(다음글) 영역 */
.post-nav-wrap > div {flex: 1;}
/* 오른쪽 영역은 기본적으로 오른쪽 정렬 */
.post-nav-wrap .next {text-align: right;}
/* 링크 기본 스타일 */
.post-nav-wrap a {color: #666;text-decoration: none;display: inline-flex;align-items: center;transition: color 0.2s ease;}
.post-nav-wrap a:hover {color: #222;}
/* 아이콘 간격 */
.post-nav-wrap i {font-size: 15px;}
.post-nav-wrap .prev i {margin-right: 5px;}
.post-nav-wrap .next i {margin-left: 5px;}
/* 이전/다음글 없음 상태 */
.post-nav-wrap span {color: #aaa;}
/* =========================================================
반응형 (모바일)
========================================================= */
	@media (max-width: 768px) {
	.post-nav-wrap {flex-direction: column;align-items: flex-start;gap: 10px;}
	.post-nav-wrap .next {text-align: left;}
	.post-nav-wrap a {width: 100%;}
}


/* BSKR write */
.switch-box {
  border: 1px solid #e0e0e0;   /* 박스 테두리 */
  border-radius: 8px;          /* 둥근 모서리 */
  padding: 10px 15px;          /* 내부 여백 */
  background-color: #f9f9f9;   /* 은은한 배경 */
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.switch-box:hover {
  background-color: #f1faff;   /* 호버 시 색상 강조 */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}