﻿/* Customer center uses the existing subpage shell and main inquiry form. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.customer-board .notice-heading .section-title{margin-top:16px}.notice-tools{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:35px 0 24px}.sample-note{font-size:14px;color:var(--muted)}
#notice-search{display:flex;min-height:48px;gap:8px}#notice-search select,#notice-search input{font:inherit;letter-spacing:inherit;font-size:14px;color:var(--ink);background:#fff;border:1px solid #cbd3d9;padding:0 14px;border-radius:0;min-height:48px}#notice-search input{width:260px}#notice-search button{display:flex;align-items:center;justify-content:center;gap:20px;padding:0 22px;font-size:14px;background:var(--ink);color:#fff}#notice-search button span{font-size:25px}
.notice-table{width:100%;border-collapse:collapse;table-layout:fixed;border-top:2px solid var(--ink)}.notice-number-col{width:100px}.notice-date-col{width:155px}.notice-table th{font-weight:600;font-size:14px;background:#f5f6f7;padding:20px 16px;border-bottom:1px solid var(--line)}.notice-table td{padding:25px 16px;border-bottom:1px solid var(--line);font-size:16px}.notice-table th:nth-child(2){text-align:left}.notice-table .notice-number,.notice-table .notice-date{text-align:center;color:var(--muted);font-size:14px}.notice-pin{display:inline-flex;align-items:center;justify-content:center;font-size:12px;min-width:45px;min-height:26px;border:1px solid #e8b9c0;color:var(--brand);background:#fff6f7}.notice-title-link{display:flex;align-items:baseline;gap:12px;line-height:1.65}.notice-title-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-title-link small{flex:none;font-size:11px;color:#76818a;font-weight:400}.notice-title-link:hover{color:var(--brand)}
.notice-pagination{display:flex;justify-content:center;gap:6px;margin-top:35px}.notice-pagination button{width:44px;height:44px;background:white;border:1px solid var(--line);font-size:15px}.notice-pagination button[aria-current=page]{background:var(--ink);color:white;border-color:var(--ink)}.notice-pagination button:disabled{color:#a9b1b7;background:#f7f8f9;cursor:default}.notice-results{text-align:center;font-size:12px;color:var(--muted);margin-top:12px}.notice-no-results{text-align:center;padding:65px 20px;border-bottom:1px solid var(--line)}.notice-no-results p{color:var(--muted)}.notice-no-results button{background:white;text-decoration:underline;text-underline-offset:5px;margin-top:18px}.notice-no-results[hidden],.notice-pagination[hidden]{display:none}
.notice-view{border-top:2px solid var(--ink)}.notice-view-header{padding:35px 32px 30px;border-bottom:1px solid var(--line)}.notice-view-header h2{font-size:32px;font-weight:600;line-height:1.5;margin:16px 0 24px}.notice-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;font-size:14px;color:var(--muted)}.notice-meta strong{font-weight:400;color:var(--ink);margin-left:8px}.notice-meta time{margin-left:8px}.notice-sample{border:1px solid var(--line);padding:2px 8px;font-size:12px}.notice-view-body{padding:40px 32px 65px;font-size:17px;line-height:1.95;min-height:340px}.notice-view-body .sample-note{padding:12px 18px;background:#f5f6f7;margin-bottom:30px}.notice-view-body h3{font-size:20px;font-weight:600;margin:32px 0 12px}.notice-view-body p{max-width:950px;line-height:1.95}.notice-neighbors{border-top:1px solid var(--ink)}.notice-neighbors>div{display:flex;align-items:baseline;gap:30px;padding:21px 32px;border-bottom:1px solid var(--line);font-size:15px}.notice-neighbors>div>span{flex:none;width:55px;color:var(--muted);font-size:14px}.notice-neighbors a{display:flex;justify-content:space-between;gap:25px;width:100%;line-height:1.7}.notice-neighbors a:hover{color:var(--brand)}.notice-neighbors time{flex:none;font-size:14px;color:var(--muted)}.notice-neighbors p{color:var(--muted)}.notice-view-actions{display:flex;justify-content:center;margin-top:40px}.customer-button{display:inline-flex;align-items:center;justify-content:space-between;min-height:56px;gap:70px;padding:0 28px;background:var(--ink);color:white;font-size:15px;border-radius:var(--radius-control)}
.inquiry-layout{display:grid;grid-template-columns:minmax(270px,.9fr) minmax(0,1.5fr);gap:80px;align-items:start}.inquiry-intro .section-title{margin-top:18px;font-size:38px}.inquiry-intro>p{font-size:15px;color:var(--muted);margin-top:22px;line-height:1.9}.inquiry-phone{border-top:1px solid var(--line);margin-top:38px;padding-top:24px;display:flex;flex-direction:column;gap:10px}.inquiry-phone span{font-size:13px;color:var(--muted)}.inquiry-phone a{font-size:28px;letter-spacing:-.02em;font-weight:600}.inquiry-form-panel{border-top:2px solid var(--ink);padding-top:28px;min-width:0}.inquiry-form-panel>h3{font-size:25px;font-weight:600;margin:0 0 22px}
.customer-inquiry .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.customer-inquiry .field{display:flex;flex-direction:column;gap:9px;font-size:14px;min-width:0}.customer-inquiry .field input,.customer-inquiry .field select,.customer-inquiry .field textarea{width:100%;border:1px solid #bdc7ce;padding:13px 14px;background:#fff;border-radius:0;color:var(--ink);font:inherit;font-size:14px;letter-spacing:inherit}.customer-inquiry .field textarea{min-height:140px;resize:vertical;line-height:1.7}.customer-inquiry .field.full{grid-column:1/-1}.customer-inquiry .form-actions{display:flex;gap:12px;margin-top:25px}.customer-inquiry .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;min-height:58px;padding:0 22px;background:var(--brand);color:#fff;font-size:14px;font-weight:650;flex:1;line-height:1.5;border-radius:var(--radius-control);text-align:left}.customer-inquiry .btn:hover{background:var(--brand-dark)}.customer-inquiry .btn.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}.customer-inquiry .btn.secondary:hover{background:#f3f5f6}.customer-inquiry .form-disclosure{padding:16px;background:#f1f4f5;margin:0 0 25px;font-size:14px;line-height:1.9;color:#586b78}.customer-inquiry .form-status{font-size:14px;color:#536672;min-height:24px;margin:16px 0}
.customer-board :is(a,button,input,select):focus-visible,.customer-inquiry :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--brand);outline-offset:4px}
@media(max-width:1100px){.inquiry-layout{gap:40px;grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr)}.inquiry-intro .section-title{font-size:32px}.customer-inquiry .form-actions{flex-direction:column}.customer-inquiry .btn{flex:auto}}
@media(max-width:800px){.notice-tools{align-items:flex-start;flex-direction:column;gap:18px}#notice-search{width:100%}#notice-search input{flex:1;min-width:0;width:auto}.inquiry-layout{grid-template-columns:1fr;gap:35px}.inquiry-phone{margin-top:24px}.inquiry-intro>p br{display:none}.inquiry-form-panel>h3{font-size:23px}.notice-view-header h2{font-size:28px}}
@media(max-width:550px){.customer-board .notice-heading .section-title{font-size:29px}.notice-tools{margin-top:26px}#notice-search{gap:6px}#notice-search select{width:96px;padding:0 8px}#notice-search input{padding:0 10px;font-size:13px}#notice-search button{padding:0 16px}#notice-search button span{display:none}.notice-number-col{width:56px}.notice-date-col{width:89px}.notice-table th{padding:15px 6px;font-size:12px}.notice-table td{padding:20px 6px;font-size:14px}.notice-table .notice-number,.notice-table .notice-date{font-size:11px}.notice-pin{min-width:34px;font-size:11px;min-height:23px}.notice-title-link{display:block;line-height:1.65}.notice-title-link span{display:block;white-space:normal;overflow:visible}.notice-title-link small{display:block;margin-top:3px}.notice-view-header{padding:25px 8px}.notice-view-header h2{font-size:25px}.notice-meta{gap:10px 18px;font-size:12px}.notice-view-body{padding:28px 8px 42px;font-size:15px}.notice-view-body h3{font-size:18px}.notice-neighbors>div{padding:18px 8px;gap:14px;font-size:14px}.notice-neighbors>div>span{width:42px;font-size:12px}.notice-neighbors a{display:block}.notice-neighbors time{display:block;margin-top:4px;font-size:12px}.customer-inquiry .form-grid{grid-template-columns:1fr}.customer-inquiry .field.full{grid-column:auto}.customer-inquiry .form-actions{flex-direction:column}.customer-inquiry .btn{min-height:54px}.inquiry-intro .section-title{font-size:30px}.customer-inquiry .form-disclosure{font-size:13px}}
