@charset "utf-8";
/* 결제 증빙 서류 출력 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .my-page-wrap .my-page-content-wrap .order-info-wrap .info-box { border: 1px solid #ddd; padding: 15px; margin: 5px 0 10px; background: #fff; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .my-page-wrap .my-page-content-wrap .order-info-wrap .info-box .doc-download { margin-bottom: 10px; display: block; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .my-page-wrap .my-page-content-wrap .order-info-wrap .info-box .doc-download a { border: 1px solid #ddd; 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); padding: 8px 15px; display: inline-block; border-radius: 3px; transition: border-color 0.2s ease; margin-right: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .my-page-wrap .my-page-content-wrap .order-info-wrap .info-box .doc-download a:hover { border-color: #ccc; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .my-page-wrap .my-page-content-wrap .order-info-wrap .info-box .doc-download a i { margin-right: 3px; }

/* 주문 내역 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list { margin-top: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .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: 10px; overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .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-box .header .order-numb { font-weight: bold; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .header .date { float: right; color: #999; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .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-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-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-box .product-wrap .product .l-area .name { display: block; font-weight: bold; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .l-area .state { display: inline-block; font-size: 1rem; padding: 0 5px; color: #fff; border-radius: 3px; font-weight: 300; letter-spacing: -0.5px; height: 20px; line-height: 20px; margin-top: 3px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .l-area .state.green { background: #15AF56; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .l-area .state.blue { background: #2F6ED5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .l-area .state.red { background: #e92023; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .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-box .product-wrap .product .r-area .product-number-wrap { margin-bottom: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .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-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-box .product-wrap .product .r-area .option-wrap .option,
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .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-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-box .product-wrap .product .state-area { font-size: 1.1rem; float: left; width: 100%; overflow: hidden; margin-bottom: 3px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .state-area .state { float: left; color: #E92023; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .product-wrap .product .state-area .date { float: right; font-weight: 300; color: #999; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box>.btn-wrap { float: right; width: 100%; text-align: right; padding: 5px; overflow: hidden; border-top: 1px solid #eee; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box>.btn-wrap a { height: 28px; font-size: 1.1rem; padding: 0 15px; margin-left: 3px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box>.btn-wrap a:first-child { margin-left: 0; }


#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .credit-info { padding: 10px; overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-box .credit-info .method { float: left; font-size: 1.1rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .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-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; }