/* BASIC css start */
/* ===== 공통 톤 & 모바일 기본 레이아웃 ===== */
.penm-mobile.b2b { font-family: inherit; color:#111; }
.penm-main-container { max-width: 720px; margin:0 auto; padding:0 16px; }

/* ===== 배너 ===== */
.penm-banner-section{
  position:relative; height: 320px; overflow:hidden;
  background: linear-gradient(135deg, #403F6F, #2c344e);
  margin-bottom: 32px;
}
.penm-banner-image{
  width:100%; height:100%; object-fit: cover; opacity:.9; display:block;
}
.penm-banner-overlay{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background: rgba(64,63,111,0.28);
  padding: 0 16px; text-align:center;
}
.penm-banner-title{
  font-size: 24px; font-weight: 800; letter-spacing:.3px; color:#fff; margin-bottom: 10px;
}
.penm-banner-subtitle{
  font-size: 14px; font-weight: 500; color:#fff; opacity:.95;
}

/* ===== 신뢰 섹션 ===== */
.penm-trust-section{
  background:#f8f9ff; padding:28px 16px; text-align:center; margin-bottom: 32px;
}
.penm-trust-title{
  font-size: 15px; font-weight:700; color:#403F6F; line-height:1.8; margin-bottom: 12px; word-break: keep-all;
}
.penm-trust-desc{
  font-size: 13px; color:#555; line-height:1.7; margin-bottom: 16px; word-break: keep-all;
}
.penm-trust-logo-container{
  background:#fff; border:1.5px solid #e4eaff; padding:16px; margin-bottom: 12px;
}
.penm-trust-logo-image{ width:100%; height:auto; display:block; }
.penm-trust-footer{ font-size: 13px; color:#403F6F; font-weight:700; }

/* ===== 섹션 타이틀 ===== */
.penm-mb-section-title{
  font-size:18px; font-weight:800; color:#403F6F; text-align:center; margin: 8px 10px 16px;
}

/* ===== 특징(2열 × 3줄) ===== */
.penm-features-section{ margin-bottom: 32px; }
.penm-features-grid{
  display:grid; grid-template-columns: repeat(2, 1fr); gap:12px;
}
.penm-feature-card{
  background:#fff; border:1.5px solid #e4eaff; padding:16px 12px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:8px;
}
.penm-feature-icon{ font-size:28px; color:#403F6F; }
.penm-feature-title{ font-size:14px; font-weight:700; color:#2c344e; line-height:1.4; }
.penm-feature-desc{ font-size:12px; color:#666; line-height:1.6; }

/* ===== 각인 사례 (1열, 짧은 직사각형) ===== */
.penm-engraving-section{ margin-bottom: 24px; }
.penm-engraving-intro{
  background: linear-gradient(135deg, #f8f9ff, #e4eaff);
  border-left: 4px solid #403F6F;
  padding:14px; text-align:center; margin-bottom: 12px;
}
.penm-engraving-main-title{ font-size:16px; font-weight:800; color:#403F6F; margin-bottom: 6px; }
.penm-engraving-main-desc{ font-size:12px; color:#555; line-height:1.6; word-break: keep-all; }

.penm-engraving-list{ display:grid; grid-template-columns: 1fr; gap:10px; }
.penm-engraving-card{
  background:#fff; border:1.5px solid #e4eaff; overflow:hidden;
  display:flex; align-items:center; gap:12px; padding:10px;
}
.penm-engraving-image{
  width:42%; aspect-ratio: 4 / 3; object-fit: cover; display:block; border-radius: 4px;
}
.penm-engraving-title{
  font-size:14px; font-weight:700; color:#403F6F; line-height:1.4;
}

.penm-engraving-divider{
  background: linear-gradient(135deg, #f8f9ff, #e4eaff);
  border-left:4px solid #403F6F; padding:14px; text-align:center; margin:18px 0 12px;
}
.penm-engraving-divider-title{ font-size:16px; font-weight:800; color:#403F6F; margin-bottom:6px; }
.penm-engraving-divider-desc{ font-size:12px; color:#555; }

/* ===== 프로세스 (콤팩트 2열) ===== */
.penm-process-section{
  background: linear-gradient(135deg, #403F6F, #2c344e); color:#fff; padding:24px 0; margin: 8px 0 24px;
}
.penm-process-container{ max-width: 720px; margin:0 auto; padding:0 16px; }
.penm-process-title{ font-size:18px; font-weight:800; text-align:center; margin-bottom: 14px; }
.penm-process-steps{
  display:grid; grid-template-columns: repeat(2, 1fr); gap:10px;
}
.penm-process-step{ text-align:center; padding:10px 8px; background: rgba(255,255,255,.06); border-radius: 8px; }
.penm-step-number{
  width:52px; height:52px; border-radius:50%; margin:0 auto 8px;
  background:#c8d5ff; color:#403F6F; font-weight:800; font-size:18px;
  display:flex; align-items:center; justify-content:center;
}
.penm-step-title{ font-size:14px; font-weight:700; margin-bottom:6px; }
.penm-step-desc{ font-size:12px; opacity:.95; line-height:1.5; }

/* ===== CTA ===== */
.penm-cta-section{
  background:#f8f9ff; padding:24px 16px; text-align:center; margin-bottom: 24px;
}
.penm-cta-title{ font-size:18px; font-weight:800; color:#403F6F; margin-bottom: 8px; }
.penm-cta-desc{ font-size:13px; color:#555; margin-bottom: 14px; }

.penm-contact-info{
  display:grid; grid-template-columns: 1fr; gap:10px; max-width: 560px; margin:0 auto;
}
.penm-contact-item{
  width:100%; border:1.5px solid #e4eaff; background:#fff; padding:14px 12px; text-align:left;
  display:flex; align-items:center; gap:12px; cursor:pointer;
}
.penm-contact-item:active{ transform: translateY(1px); }
.penm-contact-icon{ font-size:22px; color:#403F6F; min-width:22px; }
.penm-contact-label{ font-size:13px; font-weight:700; color:#2c344e; }
.penm-contact-value{ font-size:13px; color:#666; margin-left:auto; }

.penm-copy-tip{ font-size:12px; color:#2c344e; margin-top:8px; }

/* 접근성 보강 */
.penm-contact-item{ border-radius:8px; }
.penm-engraving-image{ border-radius:6px; }
/* BASIC css end */