/* customer 페이지 전용 스타일 */
/* 고객센터 FAQ: 소개 구분선만 사용하고 목록 상단의 중복 선은 제거 */
/* 견적문의: 넓은 입력폼과 공통 히어링루프 컬러 */
.customer-content { display:block; padding-top:80px; padding-bottom:var(--section-space); overflow:visible; }
.inquiry-form { width:100%; }
.inquiry-required { margin-bottom:20px; color:var(--color-text-muted); font-size:var(--small-size); text-align:right; }
.inquiry-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 32px; }
.inquiry-field { min-width:0; }
.inquiry-field>label { display:block; margin-bottom:12px; font-size:var(--body-size); font-weight:700; }
.inquiry-field label span,.inquiry-consent>span { color:var(--color-main-700); }
.inquiry-wide { grid-column:1/-1; }
.inquiry-field :is(input,select,textarea) { width:100%; min-width:0; padding:18px 20px; border:1px solid var(--color-border); background:var(--color-white); border-radius:0; color:var(--color-text); font:inherit; font-size:var(--body-size); line-height:1.5; }
.inquiry-field :is(input,select) { min-height:62px; }
.inquiry-field textarea { min-height:240px; resize:vertical; }
.inquiry-field :is(input,textarea)::placeholder { color:var(--color-text-muted); }
.inquiry-field :is(input,select,textarea):focus { outline:2px solid var(--color-main-500); outline-offset:2px; }
.inquiry-field input[type=file] { padding:12px; font-size:var(--small-size); }
.inquiry-field input::file-selector-button { border:0; padding:10px 16px; margin-right:16px; background:var(--color-bg-700); color:var(--color-text); font:inherit; cursor:pointer; }
.inquiry-field>small { display:block; margin-top:10px; color:var(--color-text-muted); font-size:var(--small-size); }
.inquiry-captcha { display:flex; align-items:center; gap:12px; }
.inquiry-captcha img { flex-shrink:0; width:160px; height:56px; }
.inquiry-captcha-refresh { flex-shrink:0; width:32px; height:44px; font-size:24px; color:var(--color-main-700); background:none; }
.inquiry-captcha input { flex:1; padding-inline:12px; }
.inquiry-privacy { margin-top:40px; border-block:1px solid var(--color-border); }
.inquiry-privacy summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 0; font-size:var(--body-size); font-weight:700; cursor:pointer; list-style:none; }
.inquiry-privacy summary::-webkit-details-marker { display:none; }
.inquiry-privacy[open] summary i { transform:rotate(180deg); }
.inquiry-privacy>div { padding:0 0 24px; color:var(--color-text-muted); font-size:var(--small-size); line-height:1.9; }
.inquiry-privacy ol { padding-left:22px; margin-block:16px; }
.inquiry-consent { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:24px; font-size:var(--body-size); cursor:pointer; }
.inquiry-consent input { width:20px; height:20px; accent-color:var(--color-main-700); }
.inquiry-submit { display:inline-flex; align-items:center; justify-content:space-between; gap:48px; min-height:60px; margin-top:36px; padding:18px 30px; border-radius:var(--radius-pill); background:var(--color-main-700); color:var(--color-white); font:inherit; font-size:var(--body-size); font-weight:700; transition:background .2s; }
.inquiry-submit:hover { background:var(--secondary-hover); }
.inquiry-submit i { font-size:24px; }
.inquiry-notice { padding:20px 24px; margin-bottom:32px; background:var(--color-bg-500); border-left:4px solid var(--color-main-700); line-height:1.8; }
/* 태블릿 */
@media(max-width:1000px) { .customer-content { padding-top:56px; } .inquiry-fields { gap:24px; } .inquiry-captcha { flex-wrap:wrap; } .inquiry-captcha input { flex-basis:100%; } }
/* 모바일 */
@media(max-width:700px) {
    .customer-content { padding-top:40px; }
    .inquiry-fields { grid-template-columns:minmax(0,1fr); gap:24px; }
    .inquiry-field :is(input,select,textarea) { padding:16px; }
    .inquiry-field :is(input,select) { min-height:56px; }
    .inquiry-captcha input { flex-basis:100%; }
    .inquiry-submit { width:100%; max-width:320px; }
    .inquiry-privacy summary { font-size:16px; }
}

/* 공지사항·자료실 공통 게시판 */
.customer-board-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 0 28px; }
.customer-board-toolbar p { font-size:var(--body-size); color:var(--color-text-muted); }
.customer-board-toolbar strong { margin-inline:4px; color:var(--color-main-700); font-weight:700; }
.customer-board-search { display:flex; align-items:center; width:320px; max-width:100%; border:1px solid var(--color-border); }
.customer-board-search input { width:100%; min-width:0; border:0; background:transparent; padding:14px 16px; font:inherit; font-size:var(--small-size); }
.customer-board-search button { width:48px; height:48px; flex-shrink:0; background:none; color:var(--color-main-700); font-size:24px; }
.customer-board-search:focus-within { outline:2px solid var(--color-main-500); outline-offset:2px; }
.customer-board-columns,.customer-board-row { display:grid; grid-template-columns:80px minmax(0,1fr) 70px 130px; align-items:center; gap:24px; }
.customer-board-columns { padding:22px 24px; background:var(--color-bg-500); border-block:1px solid var(--color-border); text-align:center; font-size:var(--small-size); font-weight:700; }
.customer-board-list { padding:0; margin:0; list-style:none; }
.customer-board-row { padding:28px 24px; border-bottom:1px solid var(--color-border); font-size:var(--body-size); transition:background .2s; }
.customer-board-row:hover { background:var(--color-bg-500); }
.customer-board-row-title { display:flex; align-items:center; gap:12px; min-width:0; line-height:1.6; word-break:keep-all; overflow-wrap:anywhere; font-weight:700; }
.customer-board-row:hover .customer-board-row-title { color:var(--color-main-700); }
.customer-board-number,.customer-board-file,.customer-board-date { text-align:center; font-size:var(--small-size); color:var(--color-text-muted); }
.customer-board-file i { font-size:22px; color:var(--color-main-700); }
.customer-board-badge { display:inline-flex; align-items:center; padding:4px 10px; flex-shrink:0; background:var(--color-main-100); color:var(--color-main-700); font-size:12px; font-weight:700; border-radius:var(--radius-sm); }
.customer-board-pagination { display:flex; justify-content:center; gap:8px; margin-top:40px; }
.customer-board-pagination a { display:grid; place-items:center; min-width:44px; height:44px; border-radius:var(--radius-sm); }
.customer-board-pagination a[aria-current=page] { background:var(--color-main-700); color:var(--color-white); }
.customer-board-empty { padding:64px 20px; text-align:center; background:var(--color-bg-500); color:var(--color-text-muted); line-height:1.8; }
.customer-board-empty>i { font-size:32px; }
.customer-board-empty a { display:inline-block; margin-top:20px; color:var(--color-main-700); }
.customer-board-view-heading { padding:0 0 28px; border-bottom:1px solid var(--color-border); }
.customer-board-view-heading h3 { margin:12px 0 0; font-size:var(--sub-heading); font-weight:700; line-height:1.5; word-break:keep-all; }
.customer-board-view-heading time { display:block; margin-top:16px; color:var(--color-text-muted); font-size:var(--small-size); }
.customer-board-body { padding:40px 0; font-size:var(--body-size); line-height:1.9; word-break:keep-all; overflow-wrap:anywhere; }
.customer-board-body p+p { margin-top:20px; }
.customer-board-attachments { display:flex; align-items:flex-start; flex-direction:column; gap:16px; padding:24px; background:var(--color-bg-500); border-block:1px solid var(--color-border); }
.customer-board-attachments a { display:inline-flex; align-items:center; flex-wrap:wrap; gap:12px; color:var(--color-main-700); font-size:var(--body-size); overflow-wrap:anywhere; }
.customer-board-attachments i { font-size:24px; }
.customer-board-file-type { font-size:12px; padding:3px 8px; border:1px solid var(--color-border); }
.customer-board-actions { margin-top:40px; padding-top:40px; border-top:1px solid var(--color-border); text-align:center; }
.customer-board-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:16px 32px; min-height:56px; border-radius:var(--radius-pill); background:var(--color-text); color:var(--color-white); font-size:var(--body-size); }
.customer-board-button:hover { background:var(--secondary-hover); }
.customer-board-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
/* 태블릿 */
@media(max-width:1000px) { .customer-board-columns,.customer-board-row { grid-template-columns:48px minmax(0,1fr) 40px 100px; gap:16px; padding-inline:16px; } }
/* 모바일 */
@media(max-width:700px) {
    .customer-board-toolbar { align-items:stretch; flex-direction:column; gap:16px; }
    .customer-board-search { width:100%; }
    .customer-board-columns { display:none; }
    .customer-board-row { grid-template-columns:minmax(0,1fr) 28px; gap:12px; padding:24px 0; }
    .customer-board-number { display:none; }
    .customer-board-row-title { font-size:18px; align-items:flex-start; }
    .customer-board-date { grid-column:1; grid-row:2; text-align:left; }
    .customer-board-file { grid-column:2; grid-row:1; }
    .customer-board-view-heading h3 { font-size:24px; }
    .customer-board-body { padding-block:28px; }
    .customer-board-attachments { padding:20px; }
}

.inquiry-trap {
    display: none;
}
.customer-board-body img {
    max-width: 100%;
    height: auto;
}
.customer-board-body table {
    width: 100%;
    overflow-wrap: anywhere;
}

.source-visual-1 {
    --subvisual-image: url('/image/main/customer/customer-subvisual-v1.png');
}