/* BASIC css start */
#search {margin:0 4.5%;}
#search .form-wrap {position:relative; padding: 40px 0px 80px;}
#search .form-wrap p {font-size:20px;font-weight:500;text-align:center;margin:0 0 16px; } 

#search .form-wrap .searchForm {position:relative;border-bottom:1px solid var(--main-color); } 
#search .form-wrap .searchForm input {border:0px none; } 
#search .form-wrap .searchButton {position:absolute;top:50%;right:0;transform:translateY(-50%); } 
#search .form-wrap .searchForm #keyword_search {width:98%;height:48px;line-height:48px;padding-left:5px;font-size:16px;font-weight:400;} 



/* total-sort */
#search .item-info { margin: 0px 0 20px; }
#search .item-info ul { display:flex;justify-content: space-between;align-items: center; }
#search .item-info ul li {font-size:14px;font-weight:400;}
#search .item-info ul li strong {font-weight:700;}
#search .item-info ul li:last-child {width:37%;}
#search .item-info ul li select::-ms-expand { display: none;}
#search .item-info ul li select { font-size:13px;border:1px solid var(--line-color);width:100%; height: 30px; background: url('//skin.makeshop.co.kr//skin/apt/image/mo/select_arrow_icon.png') 90px no-repeat; background-size: 16px;  padding: 5px 30px 5px 10px;
 outline: 0 none;-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}


/* 다찾다 자동완성*/
#search .form-wrap .searchForm .search-auto-complete-list { display:none; z-index:1; position:absolute; top:54px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
#search .form-wrap .searchForm .search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
#search .form-wrap .searchForm .search-auto-complete-list ul li { text-align:center; margin: 3px; }
#search .form-wrap .searchForm .search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; letter-spacing:-1px; } 
#search .form-wrap .searchForm .search-auto-complete-list ul li a strong { color:#ab3e41; }
#search .form-wrap .searchForm .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
#search .form-wrap .searchForm .search-auto-complete-list ul li a:hover span {}
#search .form-wrap .searchForm .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }


/* 다찾다 검색 파인더 - 상품 검색 결과 */
#search .all-finder-result { display:none; overflow:hidden; position:relative; padding:10px 5px 4px; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; background:#f4f4f4; }
#search .all-finder-result:after { clear: both; content: ""; display: block; }
#search .all-finder-result .fa-rotate-left { position:absolute; top:10px; left:5px; width:34px; height:34px; line-height:34px; font-size:18px; border-radius:30px; background:#999; color:#fff; text-align:center; }
#search .all-finder-result .swiper-container { width:100%; padding:0; margin:0 0 0 34px; }
#search .all-finder-result .swiper-container .swiper-slide { width:auto !important; height:40px; }
#search .all-finder-result .swiper-container .swiper-slide .finder-options { display:inline-block; margin-left:5px; padding: 5px 10px; line-height:22px; border: 1px solid #000; word-break:break-all; font-weight: bold; border-radius: 20px; box-shadow:2px 2px 3px #d2d2d2; background:#fff; color:#000; }
#search .all-finder-result .swiper-container .swiper-slide .finder-options .fa-close { margin-left:5px; color: #999; }
#search .all-finder-result .swiper-container .swiper-slide .finder-option-color em { display: inline-block; width: 22px; height: 22px; border: none; border-radius:20px; font-size:0; vertical-align:top; }
/* BASIC css end */