/* BASIC css start */
/* BASIC css start */
/* 다찾다 자동완성*/
#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; }




.result-count {
    margin-top: 95px;
    color: #828282;
    font-size: 14px;
    margin-bottom: 25px;
}

.result-count span {
    color: var(--maincolor);
}

.item-wrap2 {
    margin-top: 43px;
}
#searchWrap .sch-frm {
    padding: 25px 0; 
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e0e0e0; 
}
.searchform-section {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 24px;
}

.searchformTitle {
    color: #898989;
    font-size: 14px;
    white-space: nowrap;
   max-width: 97px;   
    flex: 1 0 80px;
}

.searchformInput {
    position: relative;
    max-width: 383px;
    flex-grow: 1;
}
.searchformInput input {
    border: 1px solid #e0e0e0;
    border-radius: 5px; 
    width: 100%;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 31px;
    height: 31px;
}

.searchformButton {}

.searchformButton a {
    background: var(--maincolor);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    width: 75px;
    height: 31px;
    line-height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.searchformTitle select {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    width: 100%;
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    box-sizing: border-box;
    height: 31px;
    line-height: 31px;
    outline: 0;
    background: #fff url(/design/offik/images/select_arrow.svg) no-repeat center right 10px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: #828282;
    }
 
    .type-price-inner { 
         display: flex;
         align-items: center;
    }
.type-price-inner input {
    flex: 1;
}
    
/* 태블릿/모바일용 */
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
    .result-count {margin-top: 30px;}
    .searchform-section {padding:0 20px;}
    .item-wrap2 {
    margin-top: 35px;
}
}
/* BASIC css end */


/* BASIC css end */