refactor: QInput, QSelect 컴포넌트 내 div 제거

src/components/common/input/QInput.jsx

@@ -41,9 +41,7 @@ export default function QInput({ type, readOnly = false, options = [], value, on
   )
 
   return (
-    <div className="input-content light">
+    <>
-      <div className="input-wrap">
-        <div className="form-input">
       {type === 'text' ? (
         <div className="mb5">
           <input type={type} className="input-light" readOnly={readOnly ? true : false} value={value} onChange={handleTextChange} />
@@ -65,8 +63,6 @@ export default function QInput({ type, readOnly = false, options = [], value, on
           ))}
         </div>
       ) : null}
-        </div>
+    </>
-      </div>
-    </div>
   )
 }

src/components/common/select/QSelect.jsx

@@ -18,25 +18,17 @@ export default function QSelect({ placeholder, options, disabled = false, dark =
   )
 
   return (
-    <div className="input-content light">
-      <div className="input-wrap">
-        <div className="form-input">
-          <div className="mb5">
     <select className={`select-light ${dark ? 'dark' : ''}`} value={value} onChange={handleChange} disabled={disabled ? true : false}>
-              {placeholder?.length > 0 ? (
+      {placeholder && (
         <option value="" disabled hidden>
           {placeholder}
         </option>
-              ) : null}
+      )}
       {options.map((option) => (
         <option key={option.name} value={option.value}>
           {option.name}
         </option>
       ))}
     </select>
-          </div>
-        </div>
-      </div>
-    </div>
   )
 }