@charset "utf-8";
#ebric_mobile_wrap #main-content-wrap { background: #fff; }
/* 주문방법 설명서 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .intro-wrap>p { font-size: 1.1rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .instruction label { font-size: 1.3rem; display: block; height: 40px; border: 1px solid #ddd; width: 100%; text-align: left; padding: 0 15px; border-radius: 4px; margin-top: 10px; line-height: 38px; font-size: 1.2rem; transition: border-color .2s ease; letter-spacing: -0.5px; 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); font-weight: 500; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .instruction label:hover {  border-color: #ccc; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .instruction label i.fa-question-circle { margin-right: 3px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .instruction label i.fa-angle-up,
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .instruction label i.fa-angle-down { float: right; line-height: 38px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .instruction label i.fa-angle-up { display: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .instruction .content { background: #fafafa; border: 1px solid #ddd; padding: 15px; padding-bottom: 0; width: 100%; display: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .instruction .content .row { margin-bottom: 15px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .instruction .content .row h3 { font-size: 1.2rem; font-weight: 500; margin-bottom: 5px; color: #333; letter-spacing: -0.5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .instruction .content .row h3 .numb { display: inline-block; width: 14px; height: 14px; text-align: center; background: #2f6ed5; border-radius: 50%; color: #fff; font-size: 0.9rem; line-height: 14px; padding-right: 1px; margin-right: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .instruction .content .row ul li { font-weight: 300; font-size: 1.1rem; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .instruction .custom-check:checked ~ .content { display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .instruction .custom-check:checked ~ label i.fa-angle-down { display: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .instruction .custom-check:checked ~ label i.fa-angle-up { display: inline-block; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-btn-area { margin-top: 10px; text-align: right; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form { margin-top: 10px; padding-top: 10px; border-top: 1px solid #eee; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .add-product-btn { margin-left: 0; width: 100%; height: 45px; line-height: 45px; font-size: 1.3rem; letter-spacing: -1px; margin-bottom: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .price-info-wrap { margin-top: 10px; overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .price-info-wrap .total-price-info { width: 100%; border: 1px solid #e5e5e5; background: #fff; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .price-info-wrap .total-price-info .total-price-info-title { background: #2f6ed5; display: block; color: #fff; padding: 15px 30px; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.5px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.1) ; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .price-info-wrap .total-price-info .total-price { padding: 15px 30px 20px; text-align: right;  font-size: 2rem; font-weight: 800; color: #2f6ed5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .price-info-wrap .total-price-info .total-price .unit { font-size: 1.2rem; font-weight: 300; color: #666; letter-spacing: -0.5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .price-info-wrap .total-price-info .total-price .unit:first-child { font-weight: 500; color: #2f6ed5; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form>.btn-wrap { margin-top: 20px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form>.btn-wrap a { width: 49%; font-size: 1.4rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form>.btn-wrap a.shopping-cart-btn { float: left; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form>.btn-wrap a.buy-btn { float: right; }

/* 견적 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .btn-wrap { overflow: hidden; }
#ebric_mobile_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_mobile_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_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .btn-wrap .add-btn span { line-height: 25px; display: inline-block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .btn-wrap .add-btn:hover { color: #555; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .product-list-table { border: 1px solid #ddd; border-top: 2px solid #363e4e; background: #fff; padding: 0; margin-top: 8px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .product-list-table table { width: 100%; font-size: 1.2rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .product-list-table table tbody tr { border-bottom: 1px solid #e5e5e5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .product-list-table table tbody tr th { text-align: center; padding: 13px 0; font-weight: 500; background: #f6f7fb; border-right: 1px solid #eee; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .product-list-table table tbody tr th:last-child { border-right: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .product-list-table table tbody tr th.numb { width: 25%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .product-list-table table tbody tr th.option { width: 40%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .product-list-table table tbody tr th.price { width: 15%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .product-list-table table tbody tr th.count { width: 15%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .product-list-table table tbody tr th.delete { width: 5%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .product-list-table table tbody tr td { padding: 5px 10px; border-right: 1px solid #eee; text-align: center; position: relative; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .product-list-table table tbody tr td:last-child { border-right: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .product-list-table table tbody tr td .delete-btn { border: 1px solid #ddd; display: block; height: 30px; border-radius: 4px; line-height: 28px; font-size: 1.2rem; font-weight: 400; text-align: center; background: #F5F7F9; letter-spacing: -0.5px; transition: background .2s ease,  color .2s ease, border-color .2s ease; width: 60px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .estimate-form .product-list-wrap .product-list-table table tbody tr td .delete-btn:hover { background: #2f6ed5; color: #fff; border-color: #2f6ed5; font-weight: 300; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box-wrap { background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; padding: 10px; margin-bottom: 10px; box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1); position: relative; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box-wrap .search-box .relation-keyword { top: 35px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box-wrap .notice { display: block; font-size: 1.1rem; margin-top: 5px; color: #2F6ED5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box-wrap .close-btn { position: absolute; z-index: 2; top: 10px; right: 10px; width: 12px; height: 12px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box-wrap .close-btn img { width: 100%; height: 100%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box { height: 35px; width: calc( 100% - 25px ); position: relative; margin-bottom: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box input[type=text] { width: 100%; height: 100%; border: 1px solid #eee; border-radius: 3px; padding-left: 10px; padding-right: 40px; font-size: 1.3rem; line-height: 28px; transition: border-color 0.25s ease; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box input[type=text]:active,
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box input[type=text]:focus { border-color: #80B0FF; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box input[type=text]::-webkit-input-placeholder { color: #666; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box input[type=text]::-moz-placeholder { color: #666; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box input[type=text]:-ms-input-placeholder { color: #666; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box input[type=text]:-moz-placeholder{ color: #666; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box .search-btn { width: 40px; text-align: center; height: 100%; display: block; position: absolute; top: 0; right: 0; color: #2f6ed5; background: transparent;  font-size: 1.25rem; border-top-right-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer; line-height: 35px; z-index: 2; transition: background .3s ease; height: 35px; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box-wrap .product-info { margin-top: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box-wrap .product-info p.product { display: block; margin-bottom: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box-wrap .product-info .option { width: 80%; display: inline-block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box-wrap .product-info .count { width: 18%; display: inline-block; float: right; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box-wrap .product-info .count input[type=text] { height: 35px; border-radius: 3px; border-color: #eee; text-align: right; padding-right: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .quick-order-form .search-box-wrap>.price { font-size: 1.7rem; text-align: right; display: block; margin-top: 10px; font-weight: 700; padding-top: 10px; border-top: 1px solid #eee; }

/* 구매내역 조회 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .filter-wrap { overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .filter-wrap .term { float: right; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .filter-wrap .order-state { float: left; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .filter-wrap ul li { float: left; margin-left: 10px; position: relative; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .filter-wrap ul li:after { position: absolute; z-index: 1; top: 50%; margin-top: -5px; right: -6px; content: ''; background: #eee; width: 1px; height: 7px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .filter-wrap ul li:last-child:after { display: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .filter-wrap ul li:first-child { margin-left: 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .filter-wrap ul li a { display: block; color: #999; font-size: 1.1rem; letter-spacing: -0.5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .filter-wrap ul li.select a { color: #2f6ed5; font-weight: 600; }

@media all and (max-width: 350px)
{
	#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .filter-wrap .order-state { margin-bottom: 3px; }
	#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .filter-wrap .term,
	#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .filter-wrap .order-state { width: 100%; display: block; }
}

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap { margin-top: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box { background: #fff; border: 1px solid #e5e5e5; border-radius: 3px; box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1); margin-bottom: 15px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .header { background: #f8f8f8; border-bottom: 1px solid #eee; padding: 13px 10px; padding-right: 25px; overflow: hidden; position: relative; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .header .order-numb { font-weight: bold; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .header .date { float: right; color: #999; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .header i.fa-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -5px; color: #666; display: block; width: 5px; height: 10px; text-align: center; line-height: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product { padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product .l-area { float: left; width: 30%; padding-right: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product .l-area .name { display: block; font-weight: bold; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product .l-area .state { margin-top: 5px; display: block; font-size: 1.1rem; text-decoration: underline; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product .l-area .state.green { color: #15AF56; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product .l-area .state.blue { background: #2F6ED5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product .l-area .state.red { background: #e92023; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product .r-area { float: right; width: 70%; font-size: 1.1rem; text-align: right; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product .r-area .product-number-wrap { margin-bottom: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product .r-area .product-number-wrap>div { display: inline-block; color: #666; font-weight: 300; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product .r-area .product-number-wrap>div.catalog-numb { margin-left: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product .r-area .option-wrap {  }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product .r-area .option-wrap .option,
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product .r-area .option-wrap .count { color: #666; font-weight: 300; display: inline-block; margin-right: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .product-wrap .product .r-area .option-wrap .price { font-weight: 600; display: inline-block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .credit-info { padding: 10px; overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .credit-info .method { float: left; font-size: 1.1rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .credit-info .price { float: right; font-weight: bold; font-size: 1.3rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .order-box .select-btn { display: block; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; height: 40px; text-align: center; color: #fff; font-size: 1.4rem; line-height: 40px; margin-left: 0; background: #2f6ed5; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .no-result { border: 1px solid #eee; background: #f8f8f8; padding: 70px 0; text-align: center; font-weight: 500; font-size: 1.2rem; color: #D4D4D4; border-radius: 3px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-info-wrap .no-result i.fa-exclamation-circle { margin-right: 5px; }