/* 명민산업 — 시안(/wf/css)에 없는 추가분. 시안 CSS 는 /mm/css 에 복사해 두었고, 여기서는 시안에 없는 것만 둔다. */

/* 메인 CONTACT — 온라인문의 폼 (시안은 전화 상담 버튼만 있음) */
.contact-panel .contact-form { grid-column: 1 / -1; display: grid; gap: 12px; margin-top: 8px; padding: 28px; border-radius: 20px; background: rgba(10, 30, 21, .78); }
.contact-form .contact-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.contact-form .contact-input { width: 100%; box-sizing: border-box; padding: 16px 20px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 12px; background: rgba(255, 255, 255, .08); color: #fff; font: inherit; font-size: 16px; }
.contact-form .contact-input::placeholder { color: #c6d4cb; }
.contact-form .contact-input:focus { outline: 2px solid #fff; outline-offset: 2px; background: rgba(255, 255, 255, .14); }
.contact-form .contact-textarea { min-height: 140px; resize: vertical; }
.contact-form .contact-form-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }
.contact-form .contact-agree { display: inline-flex; align-items: center; gap: 8px; color: #c6d4cb; font-size: 16px; }
.contact-form .contact-agree input { width: 18px; height: 18px; }
.contact-form .flow-button { border: 0; cursor: pointer; }
@media (max-width: 640px) {
  .contact-form .contact-form-row { grid-template-columns: 1fr; }
  .contact-form .contact-form-foot { flex-direction: column; align-items: stretch; }
}

/* 시안 board.css 는 게시판에서만 로드되므로 메인 폼용 숨김 라벨을 여기서도 정의 */
.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* 메인비주얼: 관리자에서 비운 문구는 요소째 숨긴다 (시안 CSS 의 display 지정보다 우선) */
.hero .hero-title[hidden], .hero .hero-desc[hidden], .hero .hero-btns[hidden] { display: none !important; }

/* 게시판 글쓰기·수정 — 원본 폼은 .board-white 마크업이라, 시안의 .board-form 입력칸 스타일을 같이 적용 */
.board-skin-form .board-white .input { display: block; width: 100%; height: 44px; box-sizing: border-box; padding: 6px 16px; border: 1px solid #ddd; background: #fff; font-family: inherit; font-size: 15px; line-height: 1.5; color: #505050; outline: none; transition: border-color .2s; }
.board-skin-form .board-white .input:focus { border-color: #8cc63f; }
.board-skin-form .board-white input[type="file"].input { height: auto; padding: 8px 12px; }
.board-skin-form .board-white textarea.input { height: 250px; padding: 13px 16px; resize: vertical; }
.board-skin-form .board-white .files-upload-input .input { flex: 1 1 auto; min-width: 0; width: 1%; }
.board-skin-form .board-white .upfiles-alt { flex-shrink: 0; }
.board-skin-form .board-white input[type="checkbox"], .board-skin-form .board-white input[type="radio"] { width: 18px; height: 18px; vertical-align: middle; margin-right: 6px; }

/* 게시판 삭제·비밀글 확인(비밀번호 입력) — 시안 입력칸 스타일 */
.board-skin-form .board-password .input { display: block; height: 44px; box-sizing: border-box; padding: 6px 16px; border: 1px solid #ddd; background: #fff; font-family: inherit; font-size: 15px; line-height: 1.5; color: #505050; outline: none; transition: border-color .2s; }
.board-skin-form .board-password .input:focus { border-color: #8cc63f; }
.board-skin-form .board-password input[type="submit"].btn-pack { cursor: pointer; }

/* 메인 사업분야: 항목이 3개이므로 가로를 3등분한다 */
.home-dark .biz-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1024px) {
  .home-dark .biz-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .home-dark .biz-list { grid-template-columns: 1fr; }
}