/* BASIC css start */
/* ´ÙÃ£´Ù ÀÚµ¿¿Ï¼º*/
#search { position:relative; }
#search div.list_group { padding-left:4%; padding-right:4%; border-width:5px } 
#search div.list_group select  { border-radius:5px; overflow:hidden; }

#search .form-wrap.st2 { box-sizing:border-box; margin:0 4% 10px; padding:0; border-radius:5px; border:2px solid var(--main-color); overflow:hidden; } 
#search .form-wrap.st2 #search_form    { display:flex; justify-content:space-between;}
#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 0 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 .form-wrap.st2 div.searchForm      { width:calc(100% - 65px);}
#search .form-wrap.st2 div.searchForm input#keyword_search { border:0 }
#search .form-wrap.st2 button.searchButton { float:none; position:relative; top:0; right:0; border:0 } 



/* ´ÙÃ£´Ù °Ë»ö ÆÄÀÎ´õ - »óÇ° °Ë»ö °á°ú */
#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; } 



#search .h_title { border-bottom:0;}
#search .list_group { margin-bottom:20px; }
main#search .form-wrap .searchForm input#keyword_search,
main#search .list_group select { font-size:1rem;}


#search #MS_product form{
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:0;
    overflow:hidden;
}


/* BASIC css end */

