@charset "utf-8";

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

/* 서브뷰 */
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap { height: 32px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .result-static { display: block; float: left; margin-top: 5px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .result-static span { font-size: 1.2rem; color: #999; font-weight: 500; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .result-static span.count { font-size: 1.3rem; font-weight: 700; color: #555; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .research-layer { display: block; float: right; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .research-layer .title { display: inline-block; font-size: 1.2rem; color: #999; font-weight: 500; letter-spacing: -0.5px; margin-right: 10px; cursor: default; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .research-layer .search-box { display: inline-block; width: 300px; height: 32px; position: relative; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .research-layer .search-box input[type=text] { width: 100%; height: 100%; border: 1px solid #dcdcdc; border-radius: 3px; padding-left: 10px; padding-right: 70px; font-size: 1.2rem; line-height: 38px; transition: border-color 0.25s ease; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .research-layer .search-box input[type=text]:active,
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .research-layer .search-box input[type=text]:focus { border-color: #80B0FF; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .research-layer .search-box input[type=text]::-webkit-input-placeholder { color: #666; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .research-layer .search-box input[type=text]::-moz-placeholder { color: #666; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .research-layer .search-box input[type=text]:-ms-input-placeholder { color: #666; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .research-layer .search-box input[type=text]:-moz-placeholder{ color: #666; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .research-layer .search-box .search-btn { width: 40px; text-align: center; height: 100%; display: block; position: absolute; top: 0; right: 0; background: #2f6ed5; color: #fff; font-size: 1.2rem; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; padding: 6px 0; z-index: 2; transition: background .3s ease; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .research-layer .search-box .search-btn:hover { background: #1E5CC3; }

#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .align-select { float: left; margin-left: 20px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .searching-result-wrap .align-select .head { display: inline-block; font-size: 1.2rem; color: #999; font-weight: 500; letter-spacing: -0.5px; margin-right: 5px; cursor: default; line-height: 30px; }

/* 제품목록 */
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box { border: 1px solid #e5e5e5; background: #fff; border-radius: 4px; margin-top: 10px; padding: 15px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .img-box { border: 1px solid #e5e5e5; background: #fff; position: relative; overflow: hidden; height: 145px; width: 145px; cursor: pointer; float: left; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .img-box .img-block { height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.05) inset; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; transition: background .45s ease; overflow: hidden; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .img-box .img-block .ico-layer { position: relative; width: 100%; height: 100%; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .img-box .img-block .ico-layer .ico { position: absolute; z-index: 3; width: 50px; height: 50px; border-radius: 50%; background: #2f6ed5; text-align: center; line-height: 50px; font-size: 1.8rem; color: #fff; top: 125%; margin-top: -25px; left: 50%; margin-left: -25px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .img-box:hover .img-block { background: rgba(0, 0, 0, 0.2); }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .img-box:hover .img-block .ico-layer .ico { top: 50%; transition: top .45s ease; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .img-box .img-block .ico-layer .label { font-size: 1.2rem; color: #fff; background: #2f6ed5; display: inline-block; height: 25px; border-radius: 12.5px; line-height: 25px; padding: 0 10px; text-align: center; min-width: 50px; position: absolute; z-index: 3; bottom: 15px; right: 15px; }

#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .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_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .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%; max-width: 100%; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area { float: right; width: calc(100% - 160px); }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .product-classify-wrap { width: 83%; border: 1px solid #e5e5e5; text-align: center; float: left; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .product-classify-wrap table { width: 100%; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .product-classify-wrap table tbody tr { border-bottom: 1px solid #eee; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .product-classify-wrap table tbody tr td { font-size: 1.1rem; color: #555; padding: 3px 0; text-align: center; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .product-classify-wrap table tbody tr td:nth-child(4) { width: 185px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .product-classify-wrap table tbody tr td .counting-box { display: block; position: relative; width: 180px; height: 100%; border: 1px solid #ddd; border-radius: 2px;  }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .product-classify-wrap table tbody tr td .counting-box input[type=text] { width: 100%; height: 30px; border-style: none; padding: 0 25px 0 10px; font-weight: 300; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .product-classify-wrap table tbody tr td .counting-box .btn-wrap { position: absolute; z-index: 2; top: 0; right: 0; width: 21px; height: 100%; border-left: 1px solid #eee; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .product-classify-wrap table tbody tr td .counting-box .btn-wrap a { display: block; height: 50%; line-height: 13px; font-size: 1rem; color: #999; transition: background .25s ease; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .product-classify-wrap table tbody tr td .counting-box .btn-wrap a.up-btn { border-bottom: 1px solid #eee; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .product-classify-wrap table tbody tr td .counting-box .btn-wrap a:hover { background: #F0F0F0; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .product-classify-wrap .more-btn { font-size: 1.1rem; color: #999; padding: 5px; display: inline-block; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .product-classify-wrap .more-btn i { font-size: 1rem; margin-right: 3px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .product-classify-wrap .more-btn:hover { color: #2F6ED5; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .user-tool-btn { width: 15%; float: right; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .user-tool-btn a { border: 1px solid #ddd; display: block; height: 36px; margin-bottom: 5px; border-radius: 4px; line-height: 34px; font-size: 1.2rem; font-weight: 400; text-align: center; padding-right: 3px; background: #F5F7F9; letter-spacing: -0.5px; transition: background .2s ease,  color .2s ease, border-color .2s ease; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .user-tool-btn a i { font-size: 1.1rem; margin-right: 3px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .bottom-area .txt-area .user-tool-btn a:hover { background: #2f6ed5; color: #fff; border-color: #2f6ed5; font-weight: 300; }

#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .top-area { margin-bottom: 10px; overflow: hidden; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .top-area .product-number-wrap { width: 145px; float: left; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .top-area .product-number-wrap>div { border: 1px solid #ddd; display: block; font-size: 1rem; color: #666; padding: 3px 10px; border-radius: 2px; cursor: default; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .top-area .product-number-wrap>div.product-numb { margin-bottom: 3px; }

#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .top-area .product-info-wrap { padding-left: 160px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .top-area .product-info-wrap .product-info { overflow: hidden; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .top-area .product-info-wrap .product-info .company-logo { width: 50px; height: 50px; border: 1px solid #ddd; position: relative; overflow: hidden; float: left; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .top-area .product-info-wrap .product-info .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_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .top-area .product-info-wrap .product-info .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_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .top-area .product-info-wrap .product-info .product-property { float: right; padding-left: 10px;  width: 955px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .top-area .product-info-wrap .product-info .product-property .product-name { font-size: 2rem; font-weight: 700; color: #2f6ed5; display: block; word-break: break-all; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .top-area .product-info-wrap .product-info .product-property .product-name:hover { text-decoration: underline; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap  .product-list-wrap .box-wrap .product-box .top-area .product-info-wrap .product-info .product-property .etc { color: #999; font-size: 1.1rem; display: block; margin-top: 3px; cursor: default; }

/* 셀렉트박스 커스텀 */
.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; }

/* 디체인 */