@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 .bread-crumb-wrap { padding: 20px 0 10px 0; }

#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .btn-wrap { overflow: hidden; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .btn-wrap .add-btn { float: right; font-size: 1.3rem; display: inline-block; color: #999; letter-spacing: -0.5px; height: 25px; transition: color 0.25s ease; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .btn-wrap .add-btn i { font-size: 1.6rem; line-height: 16px; display: inline-block; vertical-align: top; margin-right: 5px; margin-top: 5px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .btn-wrap .add-btn span { line-height: 25px; display: inline-block; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .btn-wrap .add-btn:hover { color: #555; }

#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr th { width: 15%; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .product-row { padding-bottom: 8px; border-bottom: 1px solid #eee; margin-bottom: 8px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .product-row .dchain-info { margin-top: 5px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .product-row .option-select-wrap { margin-top: 8px; height: 32px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .product-row .option-select-wrap>.count,
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .product-row .option-select-wrap>.price { float: left; width: 29.5%; margin-left: 0.5%; height: 32px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .product-row .option-select-wrap>.count .head,
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .product-row .option-select-wrap>.price .head { display: inline-block; color: #999; float: left; line-height: 32px; width: 25%; text-align: center; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .product-row .option-select-wrap>.count input[type=text],
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .product-row .option-select-wrap>.price input[type=text] { width: 75%; float: right; text-align: right; padding-right: 10px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .product-row .option-select-wrap .bk-btn.delete-btn { height: 32px; margin-top: 0; line-height: 32px; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .add-product-btn { height: 32px; line-height: 32px; margin-left: 0; width: 50%; display: block; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .search-box { display: inline-block; width: 30%; height: 32px; position: relative; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .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 .estimate-form .normal-form .info-table table tbody tr.product-select .search-box input[type=text]:active,
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .search-box input[type=text]:focus { border-color: #80B0FF; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .search-box input[type=text]::-webkit-input-placeholder { color: #666; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .search-box input[type=text]::-moz-placeholder { color: #666; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .search-box input[type=text]:-ms-input-placeholder { color: #666; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .search-box input[type=text]:-moz-placeholder{ color: #666; }
#ebric_pc_wrap #main-content-wrap .sub-view-wrap .estimate-form .normal-form .info-table table tbody tr.product-select .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 .estimate-form .normal-form .info-table table tbody tr.product-select .search-btn:hover { background: #1E5CC3; }

.dchain-info { float: left; margin-top: 5px; }

.option-select { display: inline-block; width: 300px; position: relative; vertical-align: middle; height: 32px; float: left; }
.option-select label { display: block; border: 1px solid #ddd; font-size: 1.2rem; height: 32px; border-radius: 3px; line-height: 30px; padding: 0 15px; font-weight: 400; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f2f2f2)); background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); background: -o-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); background: -ms-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); background: linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', gradientType=0); transition: border-color .2s ease; }
.option-select label:hover { border-color: #ccc; }
.option-select label i { float: right; line-height: 30px; }
.option-select label i.fa-angle-up { display: none; }
.option-select .custom-check:checked + label i.fa-angle-up { display: block; }
.option-select .custom-check:checked + label i.fa-angle-down { display: none; }
.option-select .select-list { background: #fff; border: 1px solid #ccc; padding: 3px 0; display: none; position: absolute; left: 0; width: 100%; top: 32px; }
.option-select .select-list li { border-bottom: 1px solid #eee; }
.option-select .select-list li:last-child { border-bottom: none; }
.option-select .select-list li a { font-size: 1.2rem; color: #555; padding: 5px 15px; display: block; transition: background .2s ease, color 0.2s ease; }
.option-select .select-list li a:hover { background: #E4EDFF; color: #222; }
.option-select .select-list li a .type { margin-right: 20px; }
.option-select .select-list li a .price { position: relative; }
.option-select .select-list li a .price:before {  width: 1px; height: 12px; background: #e5e5e5; left: -12px; content: ''; position: absolute; top: 50%; margin-top: -5px; }
.option-select .custom-check:checked ~ .select-list { display: block; }

.btn-wrap .temporary-btn { width: 49%; border: 1px solid #ddd; display: block; height: 55px; border-radius: 3px; line-height: 53px; font-size: 1.4rem; text-align: center; background: #F5F7F9; letter-spacing: -0.5px; transition: background .2s ease, color .2s ease, border-color .2s ease; color: #777; margin-top: 20px; float: left; }
.btn-wrap .temporary-btn:hover { background: #2f6ed5; color: #fff; border-color: #2f6ed5; }
.btn-wrap .request-btn { width: 49%; display: block; height: 55px; text-align: center; background: #2f6ed5; color: #fff; font-size: 1.4rem; line-height: 55px; border-radius: 4px; margin-top: 20px; transition: background .25s ease; letter-spacing: -1px; float: right; }
.btn-wrap .request-btn:hover { background: #1E5CC3; }

.selectbox { position: relative; z-index: 1; display: inline-block; border: 1px solid #ddd; height: 35px; width: 120px; border-radius: 3px; transition: border-color .2s ease, box-shadow .2s ease; vertical-align: top; cursor: pointer;  }
.selectbox:before { content: "";  position: absolute; top: 48%; right: 10px; width: 0; height: 0; margin-top: -1px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #ccc; transition: border-top .25s ease; }
.selectbox:hover:before { border-top: 6px solid #AAAAAA; }
.selectbox label { position: absolute; top: 1px; left: 0; color: #2d2d2d;  z-index: -1;  /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */ font-size: 1.3rem; line-height: 33px; text-align: left; width: 80%; padding-left: 10px; font-weight: 400; }
.selectbox select { width: 100%; line-height: 33px;  /* line-height 초기화 */ font-family: inherit; border: 0; opacity: 0;  /* 숨기기 */  filter:alpha(opacity=0);  /* IE8 숨기기 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none; appearance: none; margin-left: 0; height: 33px; cursor: pointer;  }
.selectbox select option { font-size: 13px; }