@charset "utf-8";

/* 법인용 상하수도요금 요청 게시판: 기존 boardTable / board_view / board_btn 스타일 보완 */

/* 안내·오류 문구 */
.corp-request .corp-help { margin:12px 0; color:#555; line-height:1.7; font-size:15px; }
.corp-request .corp-error { margin:16px 0; padding:16px; border:1px solid #ae3030; background:#fff5f5; color:#842424; }
.corp-request .corp-label { display:block; margin-bottom:8px; font-weight:600; }

/* 입력 폼 */
.corp-request input[type=text], .corp-request input[type=tel], .corp-request input[type=email], .corp-request input[type=password] { box-sizing:border-box; max-width:100%; padding:8px; min-height:40px; border:1px solid #aaa; background:#fff; }
.corp-request textarea { box-sizing:border-box; width:100%; padding:12px; border:1px solid #aaa; background:#fff; line-height:1.7; }
.corp-request .corp-fields { display:flex; flex-wrap:wrap; gap:16px; padding:20px 16px; border-bottom:1px solid #ccc; }
.corp-request .corp-fields > div { flex:1 1 40%; min-width:200px; }
.corp-request .corp-fields label { display:block; margin-bottom:8px; }
.corp-request .corp-fields input { width:100%; }
.corp-request .corp-fields .corp-help { display:block; }
.corp-request .corp-upload { padding:20px 16px; border-bottom:1px solid #ccc; }
.corp-request .corp-upload li { margin:8px 0; }
.corp-request .corp-plain { white-space:pre-wrap; overflow-wrap:anywhere; }
.corp-request .corp-inline { display:inline; }
.corp-request .board_btn button { display:inline-block; padding:8px 30px 9px; margin-left:5px; font-weight:500; font-size:18px; background:#1d67c1; color:#fff; border:0; vertical-align:middle; cursor:pointer; }
.corp-request .board_btn .color_gray { background:#67676d; }

/* 목록 */
.corp-request .corp-secret { color:#555; font-size:12px; white-space:nowrap; }
.corp-request .corp-answered { color:#126332; font-weight:600; white-space:nowrap; }

/* 비밀번호 확인 */
.corp-request .corp-password { max-width:640px; margin:24px auto; padding:24px; background:#f5f5f5; }

/* 답변 */
.corp-request .corp-reply-heading { margin:36px 0 16px; font-size:22px; }
.corp-request .corp-reply { margin:20px 0; }
.corp-request .corp-reply small { margin-left:16px; font-size:14px; }
.corp-request details { padding:16px; border-bottom:1px solid #ccc; }
.corp-request summary { cursor:pointer; margin-bottom:12px; }
.corp-request .boardTable .tit { width:40%; }
.corp-request .boardTable td { overflow-wrap:anywhere; }
.corp-request .boardTable img { width:16px; }
.corp-request :focus-visible { outline:3px solid #164aa0; outline-offset:2px; }

/* 모바일 */
@media(max-width:640px) {
  .corp-request .corp-fields { display:block; }
  .corp-request .corp-fields > div { margin-bottom:16px; min-width:0; }
  .corp-request .boardTable th, .corp-request .boardTable td { padding:10px 4px; font-size:13px; }
  .corp-request .boardTable .tit { width:38%; }
  .corp-request .corp-password { padding:16px; }
  .corp-request .corp-password input { display:block; width:100%; }
  .corp-request .board_btn a, .corp-request .board_btn button { padding:8px 16px; margin-top:5px; font-size:15px; }
}

/* 첨부 버튼 */
.corp-request .corp-upload-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.corp-request .corp-upload .btn {
  display: inline-block;
  box-sizing: border-box;
  padding: 6px 12px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
}

.corp-request .corp-upload .btn-success {
  color: #353535;
  background: #fec200;
}

.corp-request .corp-upload .btn-success:hover {
  color: #fff;
  background: #449d44;
}

.corp-request .corp-upload .btn-warning {
  color: #454547;
  background: #dcdcdc;
  border-color: #ccc;
}

.corp-request .corp-upload .btn-warning:hover {
  background: #c8c8c8;
}

.corp-request .corp-upload .btn > span {
  color: inherit;
}

/* 기본 파일 선택란을 첨부 버튼 위에 겹쳐 배치 */
.corp-request .corp-upload .fileinput-button {
  position: relative;
  overflow: hidden;
}

.corp-request .corp-upload .fileinput-button input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  font-size: 100px;
  cursor: pointer;
}

.corp-request .corp-upload .fileinput-button:focus-within {
  outline: 3px solid #164aa0;
  outline-offset: 2px;
}

/* 파일 목록 */
.corp-request .corp-upload-table {
  width: 100%;
  margin-top: 12px;
  border-collapse: collapse;
  table-layout: fixed;
}

.corp-request .corp-upload-table td {
  padding: 8px;
  border-top: 1px solid #ddd;
  vertical-align: middle;
}

.corp-request .corp-upload-table .corp-file-name {
  overflow-wrap: anywhere;
}

.corp-request .corp-upload-table .corp-file-name a {
  color: inherit;
}

.corp-request .corp-upload-table .corp-file-size {
  font-size: 14px;
  white-space: nowrap;
}

.corp-request .corp-file-removed .corp-file-name {
  color: #777;
  text-decoration: line-through;
}