@charset "utf-8";

@import url('searchResult.css');
@import url('../common/product-recommend.css');


body {overflow: hidden}

/* 모바일 프로토콜 */
#ebric_mobile_wrap.protocol #header_wrap .header .search-box-wrap .search-box .search-btn {color: #ff9134;}
#ebric_mobile_wrap.protocol #main-content-wrap .sub-view-wrap .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .product-property .product-name {color: #ff9134}
#ebric_mobile_wrap.protocol #main-content-wrap .sub-view-wrap .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .price .sale-price {color: #ff9134}
#ebric_mobile_wrap.protocol #main-content-wrap .sub-view-wrap .product-list-wrap .filter-wrap .search-btn {border: 1px solid #e5e5e5; background: #fff; height: 32px; display: inline-block; padding: 0 10px; line-height: 31px; border-radius: 3px; font-size: 1.2rem; font-weight: 400;}
#ebric_mobile_wrap.protocol #main-content-wrap .sub-view-wrap .product-list-wrap .filter-wrap .search-btn  i {font-size: 1rem; margin-right: 3px;}
#ebric_mobile_wrap.protocol #main-content-wrap .sub-view-wrap .product-list-wrap .filter-wrap .btn-wrap {float: left;}

/*프로토콜 카테고리수정 레이어팝업*/
#ebric_mobile_wrap.protocol #main-content-wrap .sub-view-wrap .search-result-wrap>.search-filter-wrap .search-filter {padding-top: 20px}
#ebric_mobile_wrap.protocol #main-content-wrap .sub-view-wrap .search-result-wrap>.search-filter-wrap .search-filter-header-wrap .header .mo-title {color: #ff9134}
#ebric_mobile_wrap.protocol .research-layer .search-box input[type=text]:active,
#ebric_mobile_wrap.protocol .research-layer .search-box input[type=text]:focus { border-color: #ff9134 !important; }
#ebric_mobile_wrap.protocol #main-content-wrap .sub-view-wrap .search-result-wrap>.search-filter-wrap .search-filter .filter-category {padding: 6px 10px 0px;}
#ebric_mobile_wrap.protocol #main-content-wrap .sub-view-wrap .search-result-wrap>.search-filter-wrap .filter-set-layer {background: #fff;border-top: 1px solid #e5e5e5}
#ebric_mobile_wrap.protocol #main-content-wrap .filter-category .category-title .category-name { display: inline-block;  width: calc(100% - 71px);  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#ebric_mobile_wrap.protocol #main-content-wrap .filter-category .category-title .product-number { float: right; color: #999;  font-size: 1.3rem; font-weight: 500; line-height: 23px;}
#ebric_mobile_wrap.protocol #main-content-wrap .sub-view-wrap .search-result-wrap>.search-filter-wrap .search-filter .filter-category.select {background: #ff9134; border-color: #ff9134;}
#ebric_mobile_wrap.protocol #main-content-wrap .filter-category.select .category-title .category-name {color: #fff;}
#ebric_mobile_wrap.protocol #main-content-wrap .filter-category.select .category-title .product-number {color: #fff;}

/* 프로토콜 키워드 재검색 */
#ebric_mobile_wrap.protocol .research-layer { padding:10px 20px; border-bottom:1px solid #e5e5e5; }
#ebric_mobile_wrap.protocol .research-layer span.title { font-weight: 700; font-size: 1.4rem; color: #444; display: inline-block; margin-right: 20px;}
#ebric_mobile_wrap.protocol .research-layer .search-box { height: 35px; width: calc(100% - 95px); position: relative; display: inline-block}
#ebric_mobile_wrap.protocol .research-layer .search-box input[type=text] { width: 100%; height: 100%; border: 1px solid transparent; border-radius: 3px; padding-left: 10px; padding-right: 70px; font-size: 1.3rem; transition: border-color 0.25s ease;; }
#ebric_mobile_wrap.protocol .research-layer .search-box input[type=text]::-webkit-input-placeholder { color: #666; }
#ebric_mobile_wrap.protocol .research-layer .search-box input[type=text]::-moz-placeholder { color: #666; }
#ebric_mobile_wrap.protocol .research-layer .search-box input[type=text]:-ms-input-placeholder { color: #666; }
#ebric_mobile_wrap.protocol .research-layer .search-box input[type=text]:-moz-placeholder{ color: #666; }
#ebric_mobile_wrap.protocol .research-layer .search-box .search-btn { width: 35px; text-align: center; height: 100%; display: block; position: absolute; top: 0; right: 0;  background: transparent; color: #ff9134; font-size: 1.4rem; border-top-right-radius: 2px; border-bottom-right-radius: 2px; cursor: pointer; line-height: 35px; z-index: 2; }

@media(max-width: 550px) {
	#ebric_mobile_wrap.protocol .research-layer span.title {margin-right: 10px; font-size: 1.3rem;}
	#ebric_mobile_wrap.protocol .research-layer .search-box {width: calc(100% - 80px)}
}

@media(max-width: 350px) {
	#ebric_mobile_wrap.protocol .research-layer span.title {display: none;}
	#ebric_mobile_wrap.protocol .research-layer .search-box {width: 100%}
}


/* 프로토콜 검색어 편집 레이어 팝업 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap {position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;background: #fff; z-index: 100; overflow-y: auto;}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .search-modify-header-wrap {height: 55px; background: #fff; border-bottom: 1px solid #e5e5e5; padding: 0 10px;}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .search-modify-header-wrap .header { position: relative; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .search-modify-header-wrap .header .mo-title { font-size: 1.7rem; font-weight: 600; line-height: 53px; text-align: center; color: #ff9134}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .search-modify-header-wrap .header .header-back-btn { width: 20px; height: 20px;display: block; position: absolute; z-index: 1; left: 5px; top: 16px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .search-modify-header-wrap .header .header-back-btn img { width: 100%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area {padding: 0px 20px; line-height: 20px;overflow-y: auto; margin-top: 15px; height: calc(100% - 134px)}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area .txt-area {width: 100%; border: 1px solid #e5e5e5; padding: 10px; height: 300px; overflow-y: auto; background-color: #f7f7f7;font-size: 1.25rem; margin-bottom: 20px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area .txt-area .keyword {color: #ff9134; font-weight: 600}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area textarea {width: 100%; border: 1px solid #e5e5e5; height:100%; font-size: 1.3rem; line-height: 24px; padding: 10px 15px 60px 15px; font-size: 1.3rem; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area textarea::-webkit-scrollbar {display: none}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area .top-search textarea {background: #f1f1f1; transition: background .3s ease;}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area .top-search textarea:focus, .top-search textarea:active {background: #fff;}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area textarea:focus, .popup-wrap .popup textarea:active { border-color: #ff9134 !important; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area .top-search, #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area .bottom-search {position: relative; height: 350px}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area .extract-tit {font-size: 1.5rem; font-weight: 600; padding-bottom: 10px;}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area .re-txt-area {height: 100%}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area .re-txt-area textarea {width: 100%; height: 100%}
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-set-layer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2; height: 50px; background: #fff; border-top: 1px solid #e5e5e5; padding: 10px 20px; text-align: right; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-set-layer p { display: inline-block; color: #fff; }
.normal-btn.white-btn {background: #F5F7F9}
.normal-btn.white-btn:hover {border-color: #dedede; color: #000}
.normal-btn.orange-btn {background: #ff9114; border-color: #ff9134; color: #fff;}

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area .top-search-wrap {margin-bottom: 20px}
.search-modify-wrap .top-search .top-info-wrap, 
.search-modify-wrap .bottom-search .bottom-info-wrap {background: #f9f6f2; position: absolute; width: calc(100% - 2px); bottom: 1px; left: 1px}
.search-modify-wrap .top-search .top-info-wrap .top-info, 
.search-modify-wrap .bottom-search .bottom-info-wrap .bottom-info {padding: 15px; display: inline-block; font-weight: 500; color: #999; font-size: 1.3rem; height: 48px}
.search-modify-wrap .top-search .top-info-wrap .top-info img,
.search-modify-wrap .bottom-search .bottom-info-wrap .bottom-info img {width:16px; height: 16px; opacity: 0.5; position: relative; top: 1px}
.search-modify-wrap .top-search .top-info-wrap .word-counting,
.search-modify-wrap .bottom-search .bottom-info-wrap .word-counting {display: inline-block; font-size: 1.4rem; color: #ff9134; font-weight: 600}
.search-modify-wrap .bottom-search .bottom-info-wrap {bottom: 1px}
.search-modify-wrap .bottom-search .loading-wrap {width: 100%; height: calc(100% - 50px); z-index: 1; background: #fff; position: absolute; border: 1px solid #dcdcdc; border-bottom: 0}
.search-modify-wrap .bottom-search .loader.loader--style8 {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.search-modify-wrap .bottom-search .bottom-info-wrap .bottom-info span {color: #ff9a1d}
.search-modify-wrap .bottom-search .bottom-info-wrap .word-counting {float: right; padding: 15px;}
.search-modify-wrap .top-search .top-info-wrap .extract-btn {float: right;background: #ff9134; cursor: pointer; transition: opacity .2s ease}
.search-modify-wrap .top-search .top-info-wrap .extract-btn .btn {padding: 14px 37px; font-size: 1.5rem; color: #fff; font-weight: 400}
.search-modify-wrap .top-search .top-info-wrap .extract-btn:hover {opacity: 0.9}
.search-modify-wrap .btn-wrap {margin: 20px 0 30px}
.search-modify-wrap .btn-wrap a {display: inline-block;color: #fff; background: #ff9134; height: 45px; border-radius: 4px; line-height: 45px;font-size: 1.6rem; font-weight: 400;    text-align: center; padding: 0px 50px; letter-spacing: -0.5px; float: right; transition: background .3s ease}
.search-modify-wrap .btn-wrap a:hover {background: #ff832c}


@media(max-width: 550px) {
	.search-modify-wrap .banner-wrap {margin-bottom: 15px}
	#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area textarea{padding: 10px 10px 50px 10px;font-size: 1.2rem; line-height: 17px;}
	.search-modify-wrap .search-tit {font-size: 1.4rem}
	.search-modify-wrap .btn-wrap a {height: 40px; line-height: 40px; padding: 0 30px; font-size: 1.3rem}
	.search-modify-wrap .top-search .top-info-wrap .top-info, .search-modify-wrap .bottom-search .bottom-info-wrap .bottom-info {font-size: 1.2rem; padding: 10px; height: 39px}
	.search-modify-wrap .bottom-search .loading-wrap {height: calc(100% - 39px)}
	.search-modify-wrap .top-search .top-info-wrap .word-counting, .search-modify-wrap .bottom-search .bottom-info-wrap .word-counting {font-size: 1.3rem;}
	.search-modify-wrap .top-search .top-info-wrap .extract-btn .btn {padding: 10px 25px; font-size: 1.3rem}
	.search-modify-wrap .bottom-search .bottom-info-wrap .word-counting {padding: 10px}
}
@media(max-width: 420px) {
	#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap>.search-modify-wrap .modify-area textarea {padding: 10px 10px 85px 10px;}
	.search-modify-wrap .top-search .top-info-wrap .extract-btn {float: none; text-align: center}
	.search-modify-wrap .top-search .top-info-wrap .top-info img, .search-modify-wrap .bottom-search .bottom-info-wrap .bottom-info img {width: 11px; height: 11px; top: 4px;}
}
@media(max-width: 350px) {
	.search-modify-wrap .top-search .top-info-wrap .word-counting, .search-modify-wrap .bottom-search .bottom-info-wrap .word-counting {font-size: 1.2rem; font-weight: 400}
	.search-modify-wrap .bottom-search .bottom-info-wrap .bottom-info {padding: 10px 0 0 10px; width: 100%;font-size: 1.1rem}
	.search-modify-wrap .bottom-search .bottom-info-wrap .word-counting {padding: 0 10px 10px 0}
}

/* 프로토콜 검색어 */
#ebric_mobile_wrap.protocol .search-wrap .top-area {background: #fff; border-bottom: 1px solid #e5e5e5}
#ebric_mobile_wrap.protocol .search-wrap .top-area ul {width: 100%; padding: 10px; height: 70px; overflow: hidden;}
#ebric_mobile_wrap.protocol .search-wrap .top-area ul li {float: left; padding-bottom: 10px; margin-right: 7px;}
#ebric_mobile_wrap.protocol .search-bottom-area {text-align: center; padding: 5px 0; background-color: #fff; border: 1px solid #e5e5e5; border-top: 0; padding: 5px 0 6px}
#ebric_mobile_wrap.protocol .search-bottom-area i {margin-right: 3px}
#ebric_mobile_wrap.protocol .search-bottom-area span a {font-size:1.2rem; color:#888;  }
#ebric_mobile_wrap.protocol .search-bottom-area:hover a { color: #FF702B}


/* 최소값 */
@media(max-width: 320px) {
	#ebric_mobile_wrap.protocol #main-content-wrap .product-list-wrap {min-width: 320px; overflow-x: auto}
	#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .search-result-wrap {overflow: inherit}
}