/* 상품정보 추가,변경 ui 관련 css */
.content-area .content .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; }
.content-area .content .order-list .order-box .header { background: #f8f8f8; border-bottom: 1px solid #eee; padding: 13px 10px; padding-right: 25px; overflow: hidden; position: relative; }
.content-area .content .order-list .order-box .header .sub-text { font-size: 1.2rem; font-weight: 400; color: #666;}
.content-area .content .order-list .order-box .header .order-numb { font-weight: bold; }
.content-area .content .order-list .order-box .header .date { float: right; color: #999; }
.content-area .content .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; }
.content-area .content .order-list .order-box .product-wrap .product { padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; }
.content-area .content .order-list .order-box .product-wrap .product .l-area { float: left; width: 30%; padding-right: 10px; }
.content-area .content .order-list .order-box .product-wrap .product .l-area .name { display: block; font-weight: bold; }
.content-area .content .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; }
.content-area .content .order-list .order-box .product-wrap .product .l-area .state.green { background: #15AF56; }
.content-area .content .order-list .order-box .product-wrap .product .l-area .state.blue { background: #2F6ED5; }
.content-area .content .order-list .order-box .product-wrap .product .l-area .state.red { background: #e92023; }

.content-area .content .order-list .order-box .product-wrap .product .r-area { float: right; width: 70%; font-size: 1.1rem; text-align: right; }
.content-area .content .order-list .order-box .product-wrap .product .r-area .product-number-wrap { margin-bottom: 5px; }
.content-area .content .order-list .order-box .product-wrap .product .r-area .product-number-wrap>div { display: inline-block; color: #666; font-weight: 300; }
.content-area .content .order-list .order-box .product-wrap .product .r-area .product-number-wrap>div.catalog-numb { margin-left: 5px; }
.content-area .content .order-list .order-box .product-wrap .product .r-area .option-wrap .option,
.content-area .content .order-list .order-box .product-wrap .product .r-area .option-wrap .count { color: #666; font-weight: 300; display: inline-block; margin-right: 5px; }
.content-area .content .order-list .order-box .product-wrap .product .r-area .option-wrap .price { font-weight: 600; display: inline-block; }
.content-area .content .order-list .order-box .product-wrap .product .state-area { font-size: 1.1rem; float: left; width: 100%; overflow: hidden; margin-bottom: 3px; }
.content-area .content .order-list .order-box .product-wrap .product .state-area .state { float: left; color: #E92023; }
.content-area .content .order-list .order-box .product-wrap .product .state-area .date { float: right; font-weight: 300; color: #999; }

.content-area .content .order-list .order-box .credit-info { padding: 10px; overflow: hidden; }
.content-area .content .order-list .order-box .credit-info .method { float: left; font-size: 1.1rem; }
.content-area .content .order-list .order-box .credit-info .price { float: right; font-weight: bold; font-size: 1.3rem; }
.content-area .content .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; }


@media (max-width: 480px) {
  #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-head-wrap .check-wrap { display: block;}
  #ebric_mobile_wrap #main-content-wrap .sub-view-wrap .order-list .order-head-wrap .order-head { 
    display: block; padding-top: 10px; float: left;
  }
}


/* 팝업 내부 상품정보 콘텐츠 관련 css */
.content-area .content .order-info-table>.header { font-weight: 600; }
.content-area .content .order-info-table .detail-info { padding: 10px; box-shadow: 0 2px 1px 0px rgba(0,0,0,0.05) inset; }
.content-area .content .order-info-table .detail-info .row { overflow: hidden; margin-bottom: 5px; }
.content-area .content .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; }
.content-area .content .order-info-table .detail-info .row .head:before { width: 3px; height: 3px; background: #999; position: absolute; content: ''; left: 0; top: 8px; }
.content-area .content .order-info-table .detail-info .row .cont { float: right; font-size: 1.2rem; color: #333; width: calc(100% - 105px); text-align: right; }
.content-area .content .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; }
.content-area .content .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; }
.content-area .content .order-info-table .detail-info .row .dicount-detail-info .row:last-child { margin-bottom: 0; }
.content-area .content .order-info-table .detail-info .row .dicount-detail-info .row .head { padding-left: 0; font-size: 1.1rem; }
.content-area .content .order-info-table .detail-info .row .dicount-detail-info .row .head:before { display: none; }
.content-area .content .order-info-table .detail-info .row .dicount-detail-info .row .head .coupon-numb { font-weight: 300; letter-spacing: 0; margin-left: 3px; color: #666; }
.content-area .content .order-info-table .detail-info .row .dicount-detail-info .row .cont { font-size: 1.1rem; }
.content-area .content .order-info-table .detail-info .total-price { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #eee; overflow: hidden; }
.content-area .content .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; }
.content-area .content .order-info-table .detail-info .total-price .head:before { width: 3px; height: 3px; background: #999; position: absolute; content: ''; left: 0; top: 8px; }
.content-area .content .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; }
.content-area .content .order-info-table .detail-info .total-price.postpay .cont { color: #e92023; }

.content .cont-background { font-size: 1.0rem; font-weight: 400; background: #F6F8FA; color: #767676; padding: 7px 18px; margin-top: 5px;}
.content .cont-background .notice-text { position: relative; padding-bottom: 5px;}
.content .cont-background .notice-text::before { content: ""; position: absolute; top: 8px; left: -7px; width: 2px; height: 2px; border-radius: 50%; background-color: #767678;}
.content .cont-background .notice-text:last-child { padding-bottom: 0;}

.content-area .content .order-info-table .detail-info .row .input-area { width: 100px; float: right;}
.content-area .content .order-info-table .detail-info .row .input-area input[type=text] { width: 100%; height: 24px; padding: 0 5px; text-align: right;}
.content-area .content .order-info-table .detail-info .row .cont .cont-sub-txt { font-size: 1.1rem; color: #E92023;}

.content .text-area { padding-bottom: 10px;}
.content .text-area .sub-tit { font-size: 1.1rem; padding-bottom: 3px; color: #666;}
.content .text-area textarea { width: 100%; height: 60px; padding: 5px 10px; }





/* 팝업 레이어 */
.pop-up-wrap .pop-up { width: 100%; padding: 20px 25px; }
.pop-up-wrap .pop-up .result-area { padding: 5px; border: 1px solid #1E5CC3;}
.pop-up-wrap .pop-up .result-area .total-price .total-text { font-size: 1.3rem; }
.pop-up-wrap .pop-up .result-area .total-price .tooltip { font-size: 1.1rem; color: #666;}
.pop-up-wrap .pop-up .title-area { border-bottom: 1px solid #dee3eb; padding-bottom: 15px; }
.pop-up-wrap .pop-up .title-area p { font-size: 1.5rem; font-weight: 400; color: #666; display: block; float:left }
.pop-up-wrap .pop-up .point {color: #2f6ed5;font-weight:500}
.pop-up-wrap .pop-up .title-area .close-btn {float: right; opacity: 0.5; cursor: pointer;}
.pop-up-wrap .pop-up .content-area {  max-height: 500px;  margin: 15px 0; position: relative; overflow-y: auto; }
.pop-up-wrap .pop-up .content-area .content {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc;font-size: 1.4rem; line-height: 21px;}
.pop-up-wrap .pop-up .content-area .content:last-child {margin-bottom: 0; padding-bottom: 0; border: 0}
.pop-up-wrap .pop-up .content-area .content .cont-text {padding-left: 65px; background: url('../../../img/estimate/notice.png') no-repeat 15px top; width: 100%}
.pop-up-wrap .pop-up .content-area .content .cont-text h5 {padding-bottom: 5px}
.pop-up-wrap .pop-up .content-area .content p.date {font-weight: 500; padding-bottom:5px; padding-top: 15px;  color: #073a8d}
.pop-up-wrap .pop-up .content-area .content p b {font-weight: 500}
.pop-up-wrap .pop-up .content-area .content p.date i.fas {margin-right: 5px}
.pop-up-wrap .pop-up .content-area .content .cont-background {background: #f3f9fd;padding: 7px 5px;}

.pop-up-wrap .pop-up > .btn-wrap { text-align: center; padding-top: 10px;}
.pop-up-wrap .pop-up > .btn-wrap .wh-btn { display: inline-block; height: 38px; line-height: 38px;}
.pop-up-wrap .pop-up > .btn-wrap .bl-btn { display: inline-block; background: #2f6ed5; height: 38px; line-height: 38px; color: #fff;}

@media all and (max-width: 500px )
{
	.pop-up-wrap .pop-up { width: calc(100% - 20px);  }
	.pop-up-wrap .pop-up .content-area { padding-bottom: 100px; height: calc(100% - 290px);}
	.pop-up-wrap .pop-up .content-area .content br {display: none}
}