/*해당 페이지 기본 스타일 정의*/
.search-page {width: 100%; height: 92vh; color: rgb(34,34,34); font-weight: 400;}
.search-page-title {font-weight: 500; font-size: 17px;}
.word-box {display: inline-block; border: 1px solid rgb(226,226,226); border-radius: 39px; padding: 6px 15px 6px 15px; margin: 10px 10px 10px 0; background-color: rgb(255,255,255);}
.word-box span {font-size: 14px;}
.word-box img {margin-left: 6px; content:url(/assets/image/searchlist_delete.png); width:11px; vertical-align: baseline;}
.empty-history {font-size: 15px;}
.recommend-color div {color: rgb(221,36,113); background-color: rgb(255,245,249); border: none}
.keyword-highlight {font-size: 15px; font-weight: bold;color: rgb(200,31,102);}

/*검색 바에 대한 스타일 정의*/
.search-bar {height: 60px; border: 7px solid #fff; border-radius: 50px; background-color: rgb(241,241,241); margin: 25px 0 25px 0; text-align: center; width: 100%; padding: 0 21px 0 21px;}
.search-bar form {height: 100%;}
.search-bar form * {display: inline-block;}
.search-bar form input { background-color: inherit; border: none; width: 90%; height: inherit; ime-mode:active; font-size: 15px; }
.search-bar form > img { content:url(/assets/image/search.png); width: 5%; max-width: 20px; min-width: 15px; position: absolute; top: 90px;}

/*검색 바를 제외한 영역에 대한 공통 스타일 정의*/
.search-initial > div {padding: 0 26px 0 26px;}
.search-initial div {clear: both;}

/*입력한 검색어에 대한 추천 제품리스트 페이지 스타일 정의*/
.search-initial .search-word-recommend {background-color: white; height: 100vh; position: absolute; width: 100%; margin-top: -20px; }
.search-initial .search-word-recommend.inactive {display: none;}
.search-initial .search-word-recommend ul li {font-size: 15px; padding: 5px;}

/*search-initial 영역 공통 스타일 정의*/
.search-initial .search-content {margin: 10px 0 30px 0;}

/*최근 검색어 영역에 대한 스타일 정의*/
.search-initial .btn-delete-all-history {display: inline-block; float: right;}
.search-initial .btn-delete-all-history.inactive {display: none;}
.search-initial .btn-delete-all-history a {font-size: 12px; color: rgb(119,119,119);}

/*추천 검색어 영역에 대한 스타일 정의*/

/*인기 검색어 영역에 대한 스타일 정의*/
.search-initial .search-favorite {width: 100%; margin-top: 20px;}
.search-initial .search-favorite td {width: 45%; padding: 10px; font-size: 15px;}
.search-initial .search-favorite .recommend-index {font-family: 'Roboto', sans-serif; font-weight: 500; width: 5%; padding-top: 11px}