@charset "utf-8";

/* 상품 목록 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap { overflow: hidden; padding: 0 0 200px 0; }

/* 하위 카테고리 셀렉트 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #eee; border-right: 1px solid #eee; background: #fff; min-height: 28px; margin-bottom: 10px; position: relative; padding-bottom: 28px; box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select .lower-category-btn { line-height: 28px; text-align: center; display: block; color: #bbb; font-size: 1.1rem; height: 28px; position: absolute; left: 0; bottom: 0; width: 100%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select .lower-category-btn span.on { display: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select #lower_category_toggle:checked + .lower-category-btn { background: #fff; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select #lower_category_toggle:checked + .lower-category-btn span.on { display: block; background: #fff; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select #lower_category_toggle:checked + .lower-category-btn span.off { display: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select .lower-category-select { max-height: 0; overflow: hidden; transition: max-height 5s ease-out; -moz-transition: max-height .25s ease; -webkit-transition: max-height .25s ease; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select #lower_category_toggle:checked ~ .lower-category-select { max-height: 700px; border-bottom: 1px solid #eee; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select .lower-category-select ul { overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select .lower-category-select ul li { float: left; width: 50%; border-top: 1px solid #eee; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select .lower-category-select ul li:nth-child(1),
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select .lower-category-select ul li:nth-child(2) { border-top: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select .lower-category-select ul li:nth-child(2n-1) { border-right: 1px solid #eee; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select .lower-category-select ul li a { color: #555; padding: 8px 10px; display: block; font-size: 1.1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media all and (max-width: 350px)
{
	#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select .lower-category-select ul li { width: 100%; }
	#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select .lower-category-select ul li:nth-child(2) { border-top: 1px solid #eee; }
	#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .product-lower-category-select .lower-category-select ul li:nth-child(2n-1) { border-right: none; }
}

/* 셀렉트박스 커스텀 */
.selectbox { position: relative; z-index: 1; display: inline-block; border: 1px solid #ddd; height: 30px; min-width: 80px; transition: border-color .2s ease, background .2s ease; }
.selectbox:hover { border-color: #ccc; background: #fff; }
.selectbox label { font-size: 1.2rem; line-height: 27px; text-align: left; }
.selectbox select { width: 100%; line-height: 30px; height: 30px; }
.selectbox select option { font-size: 1.2rem; }

/* 서브뷰 검색결과*/
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .filter-wrap { height: 32px; margin-bottom: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .filter-wrap .filter-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 #main-content-wrap .sub-view-wrap  .product-list-wrap .filter-wrap .filter-btn i { font-size: 1rem; margin-right: 3px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .filter-wrap .selectbox { float: right; background: #fff; border: 1px solid #e5e5e5; width: 90px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .filter-wrap .selectbox label { font-size: 1.2rem; font-weight: 400; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .filter-wrap .result-static { float: left; height: 30px; display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .filter-wrap .result-static span { color: #999; line-height: 35px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .filter-wrap .result-static span.count { font-weight: 700; color: #555; }

/* 제품목록 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box { background: #fff; border-radius: 3px; margin-top: 10px; padding: 13px 10px; box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1); overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box:first-child { margin-top: 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .img-area { float: left; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .img-box { border: 1px solid #eee; background: #fff; position: relative; overflow: hidden; height: 80px; width: 80px; cursor: pointer; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .img-box .thumbnail { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 100%; height: 100%; z-index: 1; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .img-box .thumbnail img { position: absolute; top: 0; left: 0; -webkit-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); -ms-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); z-index: 1; transition: all 0.3s ease-out; max-height: 100%; max-width: 100%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .txt-area { padding-left: 90px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .txt-area .txt-box { overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .product-number-wrap>div { display: inline-block; font-size: 1.05rem; color: #666; margin-right: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .product-number-wrap>div:last-child { margin-right: 0; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info { overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .img-area .company-logo { width: 80px; height: 30px; border: 1px solid #eee; position: relative; overflow: hidden; display: block; margin-top: 3px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .img-area .company-logo .thumbnail { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 100%; height: 100%; z-index: 1; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .img-area .company-logo .thumbnail img { position: absolute; top: 0; left: 0; -webkit-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); -ms-transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); transform: translate(-50%,-50%) scale3d(1,1,1) rotate3d(0,0,0,0.01deg); z-index: 1; transition: all 0.3s ease-out; max-height: 100%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .product-property { display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .product-property .product-name { font-size: 1.8rem; font-weight: 700; color: #2f6ed5; display: block; word-break: break-all; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .product-property .product-name:hover { text-decoration: underline; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .product-property .etc { color: #555; font-size: 1.2rem; display: block; margin-top: 3px; cursor: default; word-break: break-all; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .product-info-wrap .product-info .price { margin-top: 5px; font-size: 1.5rem; font-weight: 700; }