[code]

<div class="search-wrap">
    <form cond="$grant->view" action="{getUrl()}" method="get" onsubmit="return procFilter(this, search)" no-error-return-url="true">
       <input type="hidden" name="vid" value="{$vid}" />
       <input type="hidden" name="mid" value="{$mid}" />
       <input type="hidden" name="category" value="{$category}" />
       <select name="search_target">
          @foreach($search_option as $key => $val)
             @switch($val)
                @case("제목")
                   {{ $val = "페트이름" }}
                   @break

                @case("내용")
                   {{ $val = "페트설명" }}
                   @break

                @default
                   {{ $val = "페트이름+페트설명" }}
             @endswitch

             @if(in_array($key, ['title_content', 'title', 'content']))
             <option value="{$key}" selected="selected"|cond="$search_target==$key">{$val}</option>
             @endif
          @endforeach
       </select>
       <input type="text" name="search_keyword" value="{escape($search_keyword, false)}" title="{$lang->cmd_search}"  placeholder="검색어를 입력하세요" />
       <button type="submit" class="hide" onclick="xGetElementById('board_search').submit();return false;">{$lang->cmd_search}</button>
       @if($last_division)
          <a href="{getUrl('page',1,'document_srl','','division',$last_division,'last_division','')}" class="btn">{$lang->cmd_search_next}</a>
       @endif
    </form>
    <!--<form action="">
       <select name="search_target">
          <option loop="$search_option=>$key,$val" value="{$key}" selected="selected"|cond="$search_target==$key">{$val}</option>
       </select>
       <input type="text" placeholder="검색어">
       <button type="submit">검색</button>
    </form>-->
</div>

[css]

.search-wrap{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    form{
       display: flex;
       gap: 5px;
       max-width: 400px;
       width: 100%;
       select, input, button{
          height: 40px;
          font-size: 14px;
          border-radius: 5px;
          border: 1px solid #dedede;
          padding: 0 5px;
          box-sizing: border-box;
          max-width: 135px;
       }
       input[type='text']{
          flex: auto;
          max-width: 100%;
       }

       button[type='submit']{
          background-color: #0c1c2e;
          border-color: #0c1c2e;
          color: #fff;
          width: 80px;
          font-weight: bold;
       }
    }
}