/* 참여 창구는 홈페이지의 남색과 파란색을 이어 사용합니다. */
.contact-main{max-width:1000px!important}
.contact-heading{margin-bottom:32px}.contact-heading .eyebrow{margin-bottom:16px}
.contact-connection{display:flex;gap:14px;padding:20px 24px;border:1px solid #e4cfaa;background:#fff5e5;border-radius:12px;margin:32px 0;color:#775525}
.contact-connection h2{font-size:16px!important;margin:0 0 5px}.contact-connection p{font-size:13px;margin:0;line-height:1.8}.contact-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#b58437;margin-top:9px}
.contact-connection.connected{background:#edf4ff;border-color:#ccdcf6;color:#284c7e}.contact-connection.connected .contact-dot{background:#3261cf}
.contact-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 20px}.contact-tabs button{background:#fff;border:1px solid #d8e0ec;border-radius:14px;padding:22px;text-align:left;color:#23344f;cursor:pointer;font:inherit;display:grid;grid-template-columns:28px 1fr;gap:3px 8px;align-items:center}.contact-tabs button>span{font-size:12px;grid-row:span 2;color:#657b9b}.contact-tabs b{font-size:18px}.contact-tabs small{font-size:12px;line-height:1.7;color:#67768c}.contact-tabs button[aria-selected=true]{background:#162f52;border-color:#162f52;color:#fff;box-shadow:0 6px 20px #142e5212}.contact-tabs button[aria-selected=true] span,.contact-tabs button[aria-selected=true] small{color:#b9cbea}
.contact-panel{background:#fff;border:1px solid #dce4ef;border-radius:18px;padding:34px;scroll-margin-top:105px}.contact-panel[hidden],.contact-copy-fallback[hidden]{display:none!important}.contact-kicker{font-size:12px;font-weight:700;color:#486aa0}.contact-panel-heading h2{margin:12px 0}.contact-panel-heading p{font-size:14px;color:#657388;max-width:760px}.contact-panel-heading{padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid #e6ebf3}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.contact-field{margin-bottom:24px;min-width:0}.contact-field label,.contact-copy-fallback label{display:block;font-size:14px;font-weight:600;color:#203653;margin-bottom:9px}.contact-field small,.contact-options legend small{font-size:11px;font-weight:400;color:#768398;margin-left:5px}.contact-field input,.contact-field select,.contact-field textarea,.contact-copy-fallback textarea{display:block;width:100%;min-width:0;background:#fbfcff;border:1px solid #cdd8e8;border-radius:9px;color:#223c5d;font:inherit;font-size:14px;padding:12px 14px;line-height:1.6;box-sizing:border-box}.contact-field textarea,.contact-copy-fallback textarea{resize:vertical;min-height:116px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#8591a3}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus,.contact-copy-fallback textarea:focus{outline:3px solid #d9e7ff;border-color:#416dd7}.contact-field input[type=email]{max-width:100%}
.contact-options{border:0;padding:0;margin:0 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;min-width:0}.contact-options legend{font-size:14px;font-weight:600;color:#203653;margin-bottom:12px;padding:0}.contact-options label{display:flex;align-items:center;gap:7px;font-size:13px;line-height:1.6;color:#435674}.contact-options small{font-size:10px;color:#98651e;background:#fff2d9;border:1px solid #eddbb9;border-radius:5px;padding:2px 5px;white-space:nowrap}.contact-options input{accent-color:#2e5cce;width:17px;height:17px;flex:none}.feedback-kind{grid-template-columns:150px 150px}
.contact-privacy{font-size:12px;background:#f4f7fc;padding:15px 18px;border-radius:9px;color:#65758d;margin:4px 0 24px;overflow-wrap:anywhere}.contact-actions{display:flex;flex-wrap:wrap;gap:12px}.contact-actions .button{font:inherit;font-size:14px;cursor:pointer;min-height:48px}.contact-actions .contact-send:disabled{background:#e8edf5!important;color:#758298!important;border:1px solid #d8e0ec!important;cursor:not-allowed;box-shadow:none;transform:none}.contact-route{font-size:12px;color:#6a7b93;margin:12px 0 0;overflow-wrap:anywhere}.contact-result{font-size:13px;color:#244d84;margin:12px 0 0;min-height:0;overflow-wrap:anywhere}.contact-result:empty{display:none}.contact-copy-fallback{margin-top:20px}.contact-copy-fallback textarea{background:#f4f7fc;font-size:12px}
.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px;padding:27px;border:1px solid #dce4ef;background:#edf2fa;border-radius:14px}.contact-bottom h2{font-size:17px!important;margin:0 0 10px}.contact-bottom p{font-size:12px;margin:0;color:#5e718c}.contact-bottom a{display:inline-block;font-size:12px;font-weight:600;color:#325f9e;margin-top:12px}
.contact-tabs button:focus-visible,.contact-actions button:focus-visible{outline:3px solid #9cbbfb;outline-offset:3px}
@media(max-width:700px){.contact-panel{padding:22px}.contact-tabs{gap:10px}.contact-tabs button{padding:17px 14px;display:block}.contact-tabs button>span{display:block;margin-bottom:7px}.contact-tabs b{font-size:16px}.contact-tabs small{display:block;font-size:11px;margin-top:5px}.contact-grid,.contact-bottom{grid-template-columns:1fr}.contact-bottom{gap:24px;padding:22px}.contact-options{grid-template-columns:1fr;gap:13px}.feedback-kind{grid-template-columns:1fr 1fr}.contact-connection{padding:18px}.contact-actions{flex-direction:column}.contact-actions .button{width:100%}.contact-field input,.contact-field select,.contact-field textarea{font-size:16px}.contact-panel-heading p{font-size:13px}}