/*기존css소스*/
body .sideFinderKeyword, body .sideFinderKeyword li {letter-spacing: 0;}
body .sideFinderKeyword ul {padding: 0;}
body .sideFinderKeyword button {border: 0;background: transparent;}
body .sideFinderKeyword .icon.icon--xmark3 {width: 10px;height: 10px;background: url(/m/tobe/resource/image/icon/icon_20by20_xmark.png) no-repeat center;background-size: 10px;}
body .sideFinderKeyword fieldset {padding: 0;margin: 0;}
body .sideFinderKeyword__result__box .list ul li {display: list-item;margin: 0;padding: 0;width: auto;}
body .sideFinderKeyword {position: fixed;z-index: 2000;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;overflow-y: auto;overflow-scrolling: touch;background: #fff;transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);transform: translateX(200%);opacity: 0}
body.isSideFinderKeyword {overflow: hidden}
body.isSideFinderKeyword .sideFinderKeyword {transform: translateX(0);opacity: 1;z-index: 2101;}
body .sideFinderKeyword__headerFunction {position: relative}
body .sideFinderKeyword__headerFunction .button.button--finderBack {position: absolute;top: 0;left: 0;width: 50px;height: 50px;background: url("https://www.feelway.com/img_1.5/btn-back.png") no-repeat center center/22px 15px}
body .sideFinderKeyword__headerFunction .button.button--finderBack span {color: rgba(0, 0, 0, 0)}
body .sideFinderKeyword__headerFunction .button.button--finderClose {position: absolute;z-index: 10;top: 6px;right: 0;display: block;width: 48px;height: 40px;color: #222222;font-size: 14px;line-height: 40px;box-sizing: content-box;padding: 0;}
body .sideFinderKeyword__header legend {display: none}
body .sideFinderKeyword__header__keywordSearchForm {position: relative;padding: 15px 70px 15px 54px;}
body .sideFinderKeyword__header__keywordSearchForm .button--back {position: absolute;top: 10px;left: 0;width: 50px;height: 52px;background: url(//icon.feelway.com/recent/mo/common/button/btn_popPrev.png) no-repeat center /10px 19px;background-color: #fff;}
body .sideFinderKeyword__header__keywordSearchForm .text {border-radius: 20px;overflow: hidden}
body .sideFinderKeyword__header__keywordSearchForm .text input.text {width: 100%;box-sizing: border-box;border: 0;padding: 0 70px 0 15px;color: #222222;background: #f3f4f6;font-size: 16px;line-height: 45px;height: 45px}
body .sideFinderKeyword__header__keywordSearchForm .text input.text:focus {outline: none}
body .sideFinderKeyword__header__keywordSearchForm .text .button--removeKeyword {position: absolute;top: 18px;right: 80px;width: 30px;height: 40px;background: url(/m/tobe/resource/image/icon/icon_30by31_xmark.png) no-repeat center;background-size: 15px 15px;}
body .sideFinderKeyword__header__keywordSearchForm .submit {position: absolute;top: 15px;right: 36px;width: 33px;height: 40px;background: url("/m/tobe/resource/image/icon/icon_36by36_zoom2.png") no-repeat center;background-size: 18px 18px}
body .sideFinderKeyword__header__keywordSearchForm .submit span {color: rgba(0, 0, 0, 0)}
body .sideFinderKeyword__result {position: absolute;top: 52px;left: 0;right: 0;bottom: 40px;padding: 14px 0 0;overflow: hidden;overflow-y: auto;overflow-scrolling: touch;-webkit-overflow-scrolling: touch}
body .sideFinderKeyword__result__box .list.list--noresult {background: url("/m/tobe/resource/image/icon/icon_114by115_exclamation.png") no-repeat center 50px;background-size: 57px 57px;padding: 127px 0 100px;color: #999999;font-size: 14px;text-align: center}
body .sideFinderKeyword__result__box .list ul li .keyword {display: block;width: 100%;padding: 0 0 0 35px;color: #222222;text-align: left;font-size: 14px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;background: url(//icon.feelway.com/recent/mo/contents/search/bg_searchkeyword.png) no-repeat 0 50%/20px;}
body .sideFinderKeyword__result__box .list ul li .keyword .label {display: inline-block;width: 22px;border: 1px solid #d8e2f1;border-radius: 10px;background: #f9fafc;margin: 0 7px 0 0;padding: 0 10px;text-align: center;color: #9f7c49;font-size: 10px;line-height: 18px}
body .sideFinderKeyword__result__box .list .current {margin: 10px 0 0}
body .sideFinderKeyword__result__box .list .current:first-child {margin-top: 0}
body .sideFinderKeyword__result__box .list .current li {position: relative}
body .sideFinderKeyword__result__box .list .current li .sideFunction {position: absolute;top: 0;right: 0;line-height: 43px;text-align: right}
body .sideFinderKeyword__result__box .list .current li .sideFunction .datetime {color: #999999;font-size: 12px}
body .sideFinderKeyword__result__box .list .current li .sideFunction .icon.icon--xmark3 {margin: 0 7px 0 0;width: 26px;height: 43px;vertical-align: top}
body .sideFinderKeyword__result__box .list .relation, body .sideFinderKeyword__result__box .list .category {margin-top: 10px;padding-top: 9px;border-top: 1px solid #e6e6e6}
body .sideFinderKeyword__result__box .list .relation:first-child,
body .sideFinderKeyword__result__box .list .category:first-child {margin-top: 0;padding:0 15px;border-top: 0}
body .sideFinderKeyword__function {border-top: 1px solid #e6e6e6;background: #f6f6f6;text-align: right;padding: 0 14px 0 0;margin-top: 30px;}
body .sideFinderKeyword__function .button--finderClose {height: 38px;color: #999999;font-size: 14px;font-weight: 500}
body .sideFinderKeyword__function .button--allremove {height: 38px;padding: 0 0 0 17px;background: url("/m/tobe/resource/image/icon/icon_24by28_trash.png") no-repeat left center;background-size: 12px 14px;color: #999999;font-size: 14px;font-weight: 500}
.buttonImgSearchWrap {position: absolute;right: -8px;top:18px;height: 40px;width: 40px;}
.buttonImgSearchWrap input[type="file"] {display:none;}
.buttonImgSearchWrap .imgSearchIcon {position:absolute;top:calc(50% - 5px);right:10px;width:100%;height:100%;background: url('//icon.feelway.com/recent/common/icon/icon_imgSearch.png') no-repeat 50%/24px;transform: translateY(-50%);}

/* 검색 레이어팝업 */
.searchLayer .popularKeyword,
.sectionTitle {margin-bottom: 12px;}
.sectionTitle > h2 {font-size:16px;font-family: "Pretendard SemiBold"}
.searchLayer .division {display:block;height:6px;margin:5px -15px 35px;border:none;border-top:1px solid #e6e6e6;background: #f5f5f5;font-size: 0;line-height: 0;}
.searchLayer .blind {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0 0 0 0);}
.searchLayer .popularKeyword {padding: 0 14px;margin-top:0;}
.searchLayer .popularKeyword__ranking {position:relative;overflow:hidden;padding-bottom: 35px;}
.searchLayer .popularKeyword__ranking .swiper-pagination-bullet {background: #ccc;}
.searchLayer .popularKeyword__ranking .swiper-pagination-bullet-active {background: #169dab;}
.searchLayer .popularKeyword__ranking .owl-item{float:left;}
.searchLayer .popularKeyword__title {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.searchLayer .popularKeyword__title .label {display: inline-block;padding: 4px 10px;background-color: #169dab;color: #fff;font-size:12px;}
.searchLayer .popularKeyword__title .arrow {display:block;width:45px;height:24px; background:url('//icon.feelway.com/recent/mo/contents/search/bg_ranking_off.png') no-repeat right 50%/13px;}
.searchLayer .popularKeyword__title .arrow.open {background-image:url('//icon.feelway.com/recent/mo/contents/search/bg_ranking_on.png');}
.searchLayer .popularKeyword__title .date {margin-left:auto;color: #999;font-size: 12px;}
.searchLayer .popularKeyword__ranking__list .row {display:flex;justify-content: space-between;padding: 9px 10px;border-top: 2px solid #eee;height: 40px;overflow: hidden;box-sizing: border-box;}
.searchLayer .popularKeyword__ranking__list .row:last-child {border-bottom: 2px solid #eee;height:42px;}
.searchLayer .popularKeyword__ranking__list .row:last-child .rankIcon.equal:before{margin-top:1px;}
.searchLayer .popularKeyword__ranking__list .row .rank{display:flex;align-items:center;gap:10px;}
.searchLayer .popularKeyword__ranking__list .num {font-size: 14px;font-weight: bold;color: #169dab;font-family:'Pretendard SemiBold';}
.searchLayer .popularKeyword__ranking__list .keyword {font-size: 12px;}
.searchLayer .popularKeyword__ranking__list .rankIcon {position: relative;padding-left: 14px;font-size:12px;line-height: 20px;}
.searchLayer .popularKeyword__ranking__list .rankIcon:before {content: '';position: absolute;left: 0;top: 50%;width: 10px;height: 10px;transform: translateY(-50%);background: #666;}
.searchLayer .popularKeyword__ranking__list .rankIcon.up {color: #d6080e;}
.searchLayer .popularKeyword__ranking__list .rankIcon.up:before {width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 8px solid #d6080e;background: transparent;}
.searchLayer .popularKeyword__ranking__list .rankIcon.down {color: #999;}
.searchLayer .popularKeyword__ranking__list .rankIcon.down:before {width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 8px solid #999;background: transparent;}
.searchLayer .popularKeyword__ranking__list .rankIcon.equal:before {left: auto;right: 0;width: 10px;height: 2px;margin-top: 0;background: #999;}
.searchLayer .searchHistory {padding: 0 14px 40px;}
.searchLayer .searchHistory__title {display:flex;justify-content:space-between;}
.searchLayer .searchHistory__title .deleteAll {font-size:12px;color:#999;}
.searchLayer .searchHistory__tags .historyNoData {display:none;color:#999;}
.searchLayer .searchHistory__tags + .searchHistory__title{margin-top:15px;}
.searchLayer .tagList::-webkit-scrollbar{background-color: transparent;}
.searchLayer .tagList {display: flex;flex-flow: row nowrap;align-items: flex-start;padding-right: 14px;overflow-x: scroll;overflow-y: hidden;margin: 15px -14px 5px;}
.searchLayer .tagList__item {display: flex;flex-flow: row nowrap;align-items: center;justify-content: space-between;flex: 0 0 auto;margin-left: 8px;height:32px;padding:0 8px 0 16px;border-radius: 20px;border: 1px solid #d9d9d9;background-color: #fff;}
.searchLayer .tagList__item:first-child {margin-left: 14px;}
.searchLayer .tagList__item__tag {display: block;max-width: 100px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #555;font-size: 13px;}
.searchLayer .tagList__item__close {display:block;width: 16px;height: 16px;margin-left: 4px;background: url("//icon.feelway.com/recent/mo/mypage/ico_close@2x.png") no-repeat center/8px 8px;}
.searchLayer .searchHistory__tags.noData .historyNoData {display:block;}
.searchLayer .searchHistory__tags.noData .tagList {display:none;}
.searchLayer .searchHidden {display: none !important; }
.searchLayer .resultList {display: flex;flex-flow: row wrap;align-items: center;font-weight: 300;width: 100%;}
.searchLayer .resultList .resultList__item {padding: 0 16px;width: 100%;display: flex;font-size: 14px;word-break: keep-all;}
.searchLayer .resultList .resultList__item > a {position: relative;display: flex;flex-direction: column;width: 100%;height:30px;padding-left: 35px;}
.searchLayer .resultList .resultList__item > a:before {content: '';position: absolute;left: 0; top: -4px; width: 18px; height: 18px;padding: 2px; border-radius:50%;background: #ddd url("/m/tobe/resource/image/icon/icon_36by36_zoom2.png") no-repeat center center; background-size: 13px 13px; opacity: 0.3;}
.searchLayer .resultList .resultList__item__keyword .mark {font-weight: bold;color: #169dab;}
.searchLayer .autocompleteKeyword__result .noResult {display:none;background: url(/m/tobe/resource/image/icon/icon_114by115_exclamation.png) no-repeat center 50px;background-size: 57px 57px;padding: 127px 0 100px;color: #999999;font-size: 14px;text-align: center;}
.searchLayer .autocompleteKeyword__result.noData .resultList {display:none;}
.searchLayer .autocompleteKeyword__result.noData .noResult {display:block;}


/* to-be 검색 레이어팝업 슬라이드 관련 */
.owl-nav.disabled{display: none;}
.owl-dots{display: flex;flex-direction: row;justify-content: center;align-items:center;width:100%;height:20px;padding-top:4px;}
.owl-dots .owl-dot{display: inline-block;width:8px;height:8px;margin:0 4px;background: #000;opacity: 0.2;border-radius: 50%;}
.owl-dots .owl-dot.active{background: #007aff;opacity:1;}

/* 카테고리 */
.viewAllTab{display:table;width:100%;margin-top:13px;border:1px solid #d9d9d9;}
.viewAllTab li {display:table-cell;position:relative;width:1%;}
.viewAllTab li:first-child:after {display:block; content:" ";position:absolute;top:20px;right:1px;width:1px;height:15px;background:#d9d9d9;}
.viewAllTab__link{display:block;height:50px;color:#222222;text-align: center;font-size:13px;line-height:50px;}
.viewAllTab__link:hover{color:#222;}
.searchPageCategoryList {display: flex;flex-wrap: wrap;margin-top:10px;border-top: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;border-left: 1px solid #d9d9d9;box-sizing: border-box;}
.searchPageCategoryList li {width: 25%;height: 100px;margin: 0 -0 -1px 0;border-right: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;box-sizing: border-box;text-align: center;}
.searchPageCategoryList li:nth-child(4n + 0) {border-right: 0;}
.searchPageCategoryList__link {display:block;width:100%;height:100%;}
.searchPageCategoryList__imgBox {display:flex;justify-content: center;align-items: center;width:100%;height:66px;padding-top:1px;}
.searchPageCategoryList__imgBox img {width:26px;}
.searchPageCategoryList__categoryName {color:#222222;font-size:13px;line-height:1.2;}
.viewAllTab,.searchPageCategoryList,.viewAllTab li,.searchPageCategoryList li{box-sizing:border-box;}
.sideFinderKeyword .sideFinderKeyword__function{display:none;position:relative;margin-top:20px;}
@media (min-height: 952px) {
    .sideFinderKeyword .sideFinderKeyword__function{position:absolute;margin:0;bottom:0;left:0;width:calc(100% - 14px);}
}

.brandSearchResults{padding: 0 15px;margin-top: 5px;}

.brandSearchResults .button {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0 40px 0 16px;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    background: url('//icon.feelway.com/recent/mo/common/bullet/bul_arrow04.png') no-repeat right 16px
    top 50%/7px;
    color: #222222;
    text-align: left;
    border-radius: 5px;
    font-size: 14px;
    line-height: 5px;
    font-family: 'Pretendard SemiBold';
}

body .sideFinderKeyword .sideFinderKeyword__header{margin-block-end:0;}
body .sideFinderKeyword .isSideFinderKeyword .sideFinderKeyword .popularKeyword .swiper-wrapper{height:auto;}
body .sideFinderKeyword .brandSearchResults .searchWord {color: #ec5026;font-family: 'Pretendard SemiBold';}
body .sideFinderKeyword .brandSearchBestProduct__title {padding: 0 15px;margin: 15px 0 10px;color: #222;font-size: 15px;font-family: 'Pretendard SemiBold';}
body .sideFinderKeyword .powerProduct {background:#fff;height:auto;border-radius:0;display: flex;align-items: flex-start;overflow-x: auto;overflow-y: hidden;width: 100%;padding-left: 15px;box-sizing: border-box;text-align: left;white-space: nowrap;}
body .sideFinderKeyword .powerProduct .goodsList__item:first-of-type {margin-left: 0;}
body .sideFinderKeyword .powerProduct .goodsList__item {width: 120px;margin-left: 8px;}
body .sideFinderKeyword .powerProduct .powerProduct__dc {margin-top:3px;color: #ec5026;font-size: 10px;}
body .sideFinderKeyword .powerProduct .goodsList__item .goodsTitle {display: block;-webkit-line-clamp: none;-webkit-box-orient: initial;white-space: nowrap;}
body .sideFinderKeyword .powerProduct .sellerIconGrade{margin-top:3px;}
body .sideFinderKeyword .powerProduct .goodsList__item:last-of-type {margin-right: 15px;}