/*
	
// 사용한 곳

1. sh1-m

-------------------------------------------------------------------------------------

// searchBox.css ( common ) 연동
add_stylesheet('<link rel="stylesheet" href="'.THEMA_URL.'/amt/sh1/sh1-common/css/searchBox.css" type="text/css">',2);

-------------------------------------------------------------------------------------
	
// html
	
<div class="search_box">
    <img src="https://beautypick.kr/thema/sh1/amt/sh1/sh1-common/img/icon_search.png">
    <input type="text" name="sch_store_name" id="sch_store_name" value="" placeholder="뷰티 전문가 뷰티샵을 검색해보세요." style="outline: none;">
</div>
	
*/

/* 서치박스 */
.search_box{
	display: flex;
	align-items: center;
	gap:5px;
	margin:20px 0;
	padding:15px;
	background: #F1F4F8;
	border-radius: 8px;
}

.search_box input{
	width:100%;
	border: none;
	color:var(--dark-gray-color);
	background:none;
}

.search_box input::placeholder{
	color:var(--black-color);
}

.search_box input:focus-visible{
	outline: none;
}