@charset "utf-8";
/* 후불 주문/배송 조회 상세 */
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap { padding-top: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list { margin-top: 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .header { padding-right: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .invoice { float: left; width: 100%; background: #f8f8f8; padding: 3px 10px; border: 1px solid #e5e5e5; border-radius: 20px; font-size: 1.1rem; font-weight: 500; color: #666; margin-bottom: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .invoice .number { margin-right: 10px; position: relative; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .invoice .number:after { width: 1px; height: 10px; position: absolute; z-index: 2; content: ''; background: #ddd; right: -6px; top: 50%; margin-top: -5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .l-area { width: 80px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .r-area { width: calc(100% - 95px); }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .l-area .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 .order-detail-info-wrap .order-list .order-box .product-wrap .product .l-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_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .l-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%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .r-area .name { display: block; font-weight: bold; font-size: 1.5rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .r-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: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .r-area .state.green { background: #15AF56; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .r-area .state.blue { background: #2F6ED5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .r-area .state.red { background: #e92023; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .r-area .product-number-wrap { margin-top: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .btn-wrap { float: right; width: 100%; text-align: right; margin-top: 10px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .btn-wrap a { height: 30px; font-size: 1.2rem; padding: 0 15px; margin-left: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .btn-wrap a:first-child { margin-left: 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .btn-wrap a.wh-btn { line-height: 28px; margin-bottom: 0; padding: 0 15px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap .order-list .order-box .product-wrap .product .btn-wrap a.bl-btn { line-height: 30px; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table>.header { font-weight: bold; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info { padding: 10px; box-shadow: 0 2px 1px 0px rgba(0,0,0,0.05) inset; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row { overflow: hidden; margin-bottom: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .head { float: left; color: #666; font-size: 1.2rem; font-weight: 500; position: relative; padding-left: 8px; letter-spacing: -0.5px; width: 100px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .head:before { width: 3px; height: 3px; background: #999; position: absolute; content: ''; left: 0; top: 8px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .cont { float: right; font-size: 1.2rem; color: #333; width: calc(100% - 105px); text-align: right; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .cont .pay-ment-btn { height: 22px; line-height: 20px; font-size: 1.1rem; display: inline-block; padding: 0 8px; margin-left: 5px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .dicount-detail-info { float: left; width: 100%; background: #f8f8f8; padding: 5px 10px; border-radius: 3px; margin-top: 5px; border: 1px solid #eee; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .dicount-detail-info .row:last-child { margin-bottom: 0; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .dicount-detail-info .row .head { padding-left: 0; font-size: 1.1rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .dicount-detail-info .row .head:before { display: none; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .dicount-detail-info .row .head .coupon-numb { font-weight: 300; letter-spacing: 0; margin-left: 3px; color: #666; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .row .dicount-detail-info .row .cont { font-size: 1.1rem; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .total-price { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #eee; overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .total-price .head { float: left; color: #666; font-size: 1.3rem; font-weight: 500; position: relative; padding-left: 8px; letter-spacing: -0.5px; width: 100px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .total-price .head:before { width: 3px; height: 3px; background: #999; position: absolute; content: ''; left: 0; top: 8px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .total-price .cont { float: right; font-size: 1.3rem; color: #333; width: calc(100% - 105px); text-align: right; font-weight: 800; color: #2F6ED5; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .detail-info .total-price.postpay .cont { color: #e92023; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .point-info { font-size: 1.1rem; color: #666; margin-top: 5px; overflow: hidden; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .point-info .head { float: left; position: relative; padding-left: 8px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .point-info .head:before { width: 3px; height: 3px; background: #999; position: absolute; content: ''; left: 0; top: 7px; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-info-wrap .order-info-table .point-info .cont { float: right; }

#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap> .btn-wrap a { width: 49%; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap> .btn-wrap a.list-btn { float: left; }
#ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-detail-info-wrap> .btn-wrap a.go-document-btn { float: right; }