/* BASIC css start */
/* 바깥쪽 래퍼 */
.penm-scope .penm-detail-wrapper {
  background: #fff;
  padding-top: 100px;           /* 필요에 따라 조정 */
  margin-bottom: 30px;  /* 다른 섹션과 간격 */
}

/* 메인 컨테이너 */
.penm-scope .penm-main-container { max-width:1000px; margin:0 auto; padding:30px 20px; }

/* 상세 컨테이너 */
.penm-scope .penm-detail-container { background:#fff; border:1px solid #e4eaff; }

/* 게시글 헤더 */
.penm-scope .penm-post-header { background:#f8f9ff; padding:30px; border-bottom:2px solid #403F6F; }
.penm-scope .penm-post-title { font-size:1.8rem; font-weight:700; color:#403F6F; text-align:center; margin-bottom:20px; word-break:keep-all; word-wrap:break-word; }
.penm-scope .penm-post-meta { display:flex; justify-content:center; gap:30px; font-size:.9rem; color:#666; }
.penm-scope .penm-meta-item { display:flex; align-items:center; gap:5px; }

/* 게시글 내용 */
.penm-scope .penm-post-content { padding:40px; min-height:300px; font-size:1rem; line-height:1.8; color:#555; word-break:keep-all; word-wrap:break-word; }

/* 액션 버튼들 */
.penm-scope .penm-action-buttons { padding:20px 40px; border-top:1px solid #e4eaff; border-bottom:1px solid #e4eaff; display:flex; justify-content:space-between; align-items:center; }
.penm-scope .penm-admin-buttons { display:flex; gap:10px; }
.penm-scope .penm-btn { padding:8px 15px; border:1px solid #ddd; background:#fff; color:#666; text-decoration:none; font-size:.9rem; cursor:pointer; display:inline-flex; align-items:center; gap:5px; }
.penm-scope .penm-btn:hover { background:#f0f0f0; }
.penm-scope .penm-btn-primary { background:#403F6F; color:#fff; border-color:#403F6F; }
.penm-scope .penm-btn-primary:hover { background:#2c344e; }
.penm-scope .penm-btn-danger { background:#403F6F; color:#fff; border-color:#403F6F; }
.penm-scope .penm-btn-danger:hover { background:#2c344e; }

/* (필요 없다면 삭제 가능) 이전/다음 네비게이션 */
.penm-scope .penm-post-navigation { background:#fff; border-bottom:1px solid #e4eaff; }
.penm-scope .penm-nav-item { padding:15px 40px; border-bottom:1px solid #f0f0f0; display:flex; align-items:center; gap:15px; }
.penm-scope .penm-nav-item:last-child { border-bottom:none; }
.penm-scope .penm-nav-label { width:60px; font-size:.9rem; color:#666; font-weight:600; }
.penm-scope .penm-nav-title { flex:1; font-size:.9rem; color:#403F6F; cursor:pointer; word-break:keep-all; word-wrap:break-word; }
.penm-scope .penm-nav-title:hover { text-decoration:underline; }
.penm-scope .penm-nav-empty { color:#999; font-style:italic; }
/* 첨부 이미지 영역 */
.penm-post-content .penm-attach{
  margin: 0 0 20px;
}
.penm-post-content .penm-attach + .penm-attach{
  margin-top: 12px;
}
.penm-post-content .penm-attach img{
  display:block;
  max-width:100%;
  height:auto;
  background:#fff;
  border:1px solid #eef1ff;
}
/* 반응형 */
@media (max-width:768px){
  .penm-scope .penm-main-container{ padding:20px 15px; }
  .penm-scope .penm-post-header,
  .penm-scope .penm-post-content{ padding:25px 20px; }
  .penm-scope .penm-action-buttons{ padding:15px 20px; }
  .penm-scope .penm-nav-item{ padding:12px 20px; }
  .penm-scope .penm-post-title{ font-size:1.5rem; }
  .penm-scope .penm-post-meta{ flex-direction:column; gap:10px; align-items:center; }
  .penm-scope .penm-action-buttons{ flex-direction:column; gap:15px; align-items:stretch; }
  .penm-scope .penm-admin-buttons{ justify-content:center; }
}
@media (max-width:480px){
  .penm-scope .penm-post-title{ font-size:1.3rem; }
  .penm-scope .penm-nav-label{ width:50px; font-size:.8rem; }
  .penm-scope .penm-nav-title{ font-size:.8rem; }
}
/* BASIC css end */