/* BASIC css start */
/* 메인 컨테이너 */
.penm-main-container{max-width:1200px;margin:0 auto;padding:0 20px}

/* 배너 */
.penm-banner-section{width:100%;height:250px;background:linear-gradient(135deg,#403F6F,#2c344e);margin-bottom:50px;position:relative;overflow:hidden}
.penm-banner-image{width:100%;height:100%;object-fit:cover;opacity:.8}
.penm-banner-overlay{position:absolute;inset:0;background:rgba(64,63,111,.7);display:flex;align-items:center;justify-content:center}
.penm-banner-text{text-align:center;color:#fff}
.penm-banner-title{font-size:2.5rem;font-weight:700;margin-bottom:10px;letter-spacing:1px}
.penm-banner-subtitle{font-size:1.1rem;font-weight:300;opacity:.9}

/* 컨테이너 */
.penm-write-container{background:#fff;border:1px solid #e4eaff;margin-bottom:50px}
.penm-write-header{background:#f8f9ff;padding:30px;border-bottom:2px solid #403F6F}
.penm-write-title{font-size:1.8rem;font-weight:700;color:#403F6F;text-align:center}

/* 폼 테이블 레이아웃 */
.penm-write-form{padding:0}
.penm-row{display:grid;grid-template-columns:180px 1fr;border-top:1px solid #e9ecff}
.penm-row:last-child{border-bottom:1px solid #e9ecff}
.penm-row-2col{grid-template-columns:180px 1fr 180px 1fr}
.penm-th{background:#fafbff;color:#403F6F;font-weight:600;font-size:.95rem;display:flex;align-items:center;padding:16px;border-right:1px solid #eef1ff}
.penm-td{padding:16px}
.penm-td input[type="text"],
.penm-td input[type="password"],
.penm-td input[type="email"],
.penm-td textarea,
.penm-td select{width:100%;padding:12px 14px;border:1px solid #ddd;background:#fff;font-size:1rem}
.penm-td input:focus,
.penm-td textarea:focus,
.penm-td select:focus{outline:none;border-color:#403F6F;box-shadow:0 0 0 2px rgba(64,63,111,.08)}

.penm-td-with-note{display:flex;gap:10px;align-items:center}
.penm-inline-note{margin-left:auto;color:#ff6b6b;font-size:.9rem;white-space:nowrap}
.penm-lock{display:inline-flex;align-items:center;gap:6px;color:#666;font-size:.9rem}

.penm-flex-between{display:flex;gap:12px;align-items:center}
.penm-td-grow{flex:1}
.penm-htmluse{display:inline-flex;align-items:center;gap:6px;color:#666;font-size:.9rem}
.penm-htmluse input{width:16px;height:16px}

/* 에디터 textarea */
.penm-td textarea{min-height:600px !important;}

/* 에디터 도움문구 */
.penm-editor-help{margin-top:8px;font-size:.85rem;color:#999}

/* 파일 첨부 버튼 라인 */
.penm-file-line{display:flex;gap:12px;align-items:center}
.penm-upload-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 24px;
  min-width:140px;
  border:1px solid #666;
  background:#666;
  color:#fff;
  text-decoration:none;
  font-size:.95rem;
  cursor:pointer;
  white-space:nowrap;
}
.penm-upload-btn:hover{background:#555;border-color:#555}

/* 버튼 영역 */
.penm-button-section{padding:24px 20px;border-top:1px solid #e4eaff;display:flex;justify-content:center;gap:12px}
.penm-btn{padding:12px 22px;border:1px solid #ddd;background:#fff;color:#666;text-decoration:none;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.penm-btn:hover{background:#f0f0f0}
.penm-btn-primary{background:#403F6F;color:#fff;border-color:#403F6F}
.penm-btn-primary:hover{background:#2c344e}

/* 반응형 */
@media (max-width:900px){
  .penm-row-2col{grid-template-columns:140px 1fr 140px 1fr}
}
@media (max-width:768px){
  .penm-banner-title{font-size:2rem}
  .penm-banner-subtitle{font-size:1rem}
  .penm-row{grid-template-columns:120px 1fr}
  .penm-row-2col{grid-template-columns:120px 1fr}
  .penm-inline-note{display:none}
}
@media (max-width:480px){
  .penm-banner-section{height:200px}
  .penm-banner-title{font-size:1.6rem}
  .penm-row{grid-template-columns:100px 1fr}
}

/* BASIC css end */