Compact visit request form

frontend/src/pages/VisitRequestFormPage.tsx

@@ -154,7 +154,7 @@ export const VisitRequestFormPage: React.FC = () => {
               <input value={form.company} onChange={update('company')} />
             </label>
             <label className="field">
-              <span>연락처 <b className="required">*</b><em className="hint-inline">: 입력형식은 010-0000-0000 로 작성해 주세요.</em></span>
+              <span>연락처 <b className="required">*</b></span>
               <input type="tel" value={form.contact} onChange={updateFormattedContact('contact')} placeholder="010-0000-0000" />
             </label>
             <label className="field">
@@ -162,13 +162,8 @@ export const VisitRequestFormPage: React.FC = () => {
               <input className="ime-en" type="email" value={form.email} onChange={update('email')} placeholder="name@example.com" />
             </label>
 
-            <label className="field span-2">
-              <span>차량번호 <em className="hint-inline">: 차량번호가 5부제에 해당될 경우 출입이 제한됩니다.</em></span>
-              <input className="ime-ko" value={form.vehicleNo} onChange={update('vehicleNo')} />
-            </label>
-
-            <div className="field span-2">
-              <span>출입 전산실 <em className="hint-inline">: 선택한 전산실마다 출입증(QR)이 각각 발급됩니다.</em></span>
+            <div className="field">
+              <span>출입 전산실</span>
               <div className="checkbox-row">
                 {SERVER_ROOM_OPTIONS.map((z) => (
                   <label key={z} className="checkbox-inline">
@@ -195,7 +190,12 @@ export const VisitRequestFormPage: React.FC = () => {
                 <span>기타 구역 입력 <b className="required">*</b></span>
                 <input value={form.roomEtc} onChange={update('roomEtc')} placeholder="추가 구역을 입력하세요" />
               </label>
-            ) : <div />}
+            ) : null}
+
+            <label className="field">
+              <span>차량번호</span>
+              <input className="ime-ko" value={form.vehicleNo} onChange={update('vehicleNo')} placeholder="차량번호가 5부제에 해당될 경우 출입이 제한됩니다." />
+            </label>
 
             <label className="field">
               <span>출입 목적 <b className="required">*</b></span>
@@ -209,11 +209,11 @@ export const VisitRequestFormPage: React.FC = () => {
                 <span>기타 목적 입력 <b className="required">*</b></span>
                 <input value={form.purposeEtc} onChange={update('purposeEtc')} placeholder="출입 목적을 입력하세요" />
               </label>
-            ) : <div />}
+            ) : null}
 
-            <label className="field span-2">
-              <span>작업명 <em className="hint-inline">: 구체적인 작업 내용 (예: Active-Active 회의)</em></span>
-              <input className="ime-ko" value={form.workName} onChange={update('workName')} placeholder="작업 내용을 입력하세요 (선택)" />
+            <label className="field">
+              <span>작업명</span>
+              <input className="ime-ko" value={form.workName} onChange={update('workName')} placeholder="작업 내용을 구체적으로 입력하세요" />
             </label>
 
             <label className="field">
@@ -225,11 +225,11 @@ export const VisitRequestFormPage: React.FC = () => {
               />
             </label>
             <label className="field">
-              <span>퇴실예정일시 <b className="required">*</b></span>
+              <span>퇴실 예정일시 <b className="required">*</b></span>
               <DateTimePicker
                 value={form.visitTo}
                 onChange={(v) => setForm((f) => ({ ...f, visitTo: v }))}
-                placeholder="퇴실예정일시 선택"
+                placeholder="퇴실 예정일시 선택"
               />
             </label>
           </div>
@@ -239,7 +239,7 @@ export const VisitRequestFormPage: React.FC = () => {
           <legend>출입통제담당자</legend>
           <div className="group-grid">
             <label className="field">
-              <span>직원명</span>
+              <span>이름</span>
               <input value={user?.fullName ?? ''} readOnly />
             </label>
             <label className="field">
@@ -247,15 +247,15 @@ export const VisitRequestFormPage: React.FC = () => {
               <input value={user?.department ?? ''} readOnly />
             </label>
             <label className="field">
-              <span>연락처 <em className="hint-inline">: 내선번호/휴대폰번호</em></span>
-              <input value={user?.email ?? ''} readOnly />
+              <span>연락처</span>
+              <input value="" placeholder="내선번호/휴대폰번호" readOnly />
             </label>
           </div>
         </fieldset>
 
         <fieldset className="form-group span-2">
-          <legend>현장감시자1과2</legend>
-          <div className="subsection-title">현장감시자1 <em className="hint-inline">: 고정 인원 (자동 지정)</em></div>
+          <legend>현장감시자</legend>
+          <div className="subsection-title">현장감시자1 <em className="hint-inline">: IT센터 사무보조원 (자동 지정)</em></div>
           <div className="group-grid">
             <label className="field">
               <span>이름</span>