Nani's space

.searchFormIon {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 15px;
  transform:translateY(-50%);
  border-radius: 0 4px 4px 0;
  background: #fff;
}
.searchFormIon::before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  top: calc(50% - 9px);
  left: calc(50% - 9px);
  border-radius: 50%;
  box-shadow: 0 0 0 2px #000;
}
.searchFormIon::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 6px;
  top: calc(50% + 6px);
  left: calc(50% + 2px);
  border-top: solid 2px #000;
  transform: rotate(45deg);
}

<div style="position:relative;">
	<form name="formName">
        <input type="text" name="searchTxt"  value="<?=$_GET['searchTxt']?>" style="height:45px; font-size:16px; border:0px; text-align:center;" placeholder="검색할 내용을 입력하세요.">
        <p class="searchFormIon"></p>

        <!-- x -->
        <img src="images/top_02b.png" onclick="sss2()" style="width:10px; position:absolute; top:50%; right:30px; transform:translateY(-50%); cursor:pointer;">
	</form>					
</div>

function sss2(){
	const f = document.formName;
	f.searchTxt.value = "";
	f.searchTxt.focus();
}