
/* 결제모달 */
.payment_detail_modal.fade .modal-dialog {width:600px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
.payment_detail_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; height:800px; overflow:auto;}
.payment_detail_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:7px; border:none; display:block; border-radius:0; }
.payment_detail_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
.payment_detail_modal .modal-dialog .modal-content .modal-header .button_box {width: 100%;margin: 17px 0 10px;padding: 0 20px;display: table;}
.payment_detail_modal .modal-dialog .modal-content .modal-header .button_box button {width: calc((100% - 20px) / 2);margin-left: 10px;color: #fff;border-radius: 5px;float: left;}
.payment_detail_modal .modal-dialog .modal-content .modal-header .button_box .output_btn {margin-left: 0;background: #3985EA;}
.payment_detail_modal .modal-dialog .modal-content .modal-header .button_box .payment_cancel_btn {background: red;}
.payment_detail_modal .modal-dialog .modal-content .modal-header .button_box .payment_cancel_btn:hover { background:#d81515 !important; }
.payment_detail_modal .modal-dialog .modal-content .modal-header .button_box .refund_btn {background: #070707;}
.payment_detail_modal .modal-dialog .modal-content .modal-header .button_box .refund_btn:hover { background:#000 !important; }
.payment_detail_modal .modal-dialog .modal-content .modal-body {padding:0; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box {display:table; width:100%; padding:15px; margin-bottom:10px; border-radius:5px; background:#E9ECF0; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li { width:100%; display:table; margin-bottom:10px; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li label { font-weight:400; float:left; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li p.pbold { font-weight:700; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li p { float:right; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li:nth-child(3) { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #B5BDC4; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li:nth-child(2) { margin-bottom:0; padding-bottom:10px; border-bottom:none; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li:last-child { margin-bottom:0; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box { margin-bottom:50px; height:140px; overflow:auto;}
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box P { font-weight:700; line-height:30px; border-radius:5px; padding:0 10px; background:#EDF5FF; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table { width:100%; margin-top:5px; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table tr { border-bottom:1px solid #E9ECF0; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th { padding:0 10px; line-height:30px; font-size:14px; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td { padding:0 10px; line-height:30px; font-size:14px; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box { width:100%; margin-bottom:30px; display:table; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box label { width:100px; float:left; font-weight:700; }
.payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box textarea { width:calc(100% - 100px); height:100px; padding:5px; border:1px solid #E9ECF0; border-radius:5px; float:left; resize:none; }
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li { width:100%; display:table; margin-bottom:5px; }
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li label { font-weight:400; float:left; }
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li p.pbold { font-weight:700; }
.payment_detail_modal .modal-dialog .modal-content .modal-body > ul li p { float:right; }
.payment_detail_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.payment_detail_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.payment_detail_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}

@media only screen and (max-width:1280px) {
    /* 결제모달 */
    .payment_detail_modal.fade .modal-dialog {width:500px;}
    .payment_detail_modal .modal-dialog .modal-content { height:730px; padding:30px; }
    .payment_detail_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .payment_detail_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li { margin-bottom:5px; }
    .payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li label { font-size:12px; }
    .payment_detail_modal .modal-dialog .modal-content .modal-body .detail_box ul li p { font-size:12px; }
    .payment_detail_modal .modal-dialog .modal-content .modal-body .table_box { height:128px; margin-bottom:20px; }
    .payment_detail_modal .modal-dialog .modal-content .modal-body .table_box P { font-size:12px; }
    .payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th { font-size:12px; }
    .payment_detail_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td { font-size:12px; }
    .payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box label { width:80px; font-size:12px; }
    .payment_detail_modal .modal-dialog .modal-content .modal-body .textarea_box textarea { width:calc(100% - 80px); font-size:12px; }
    .payment_detail_modal .modal-dialog .modal-content .modal-body > ul li label { font-size:12px; }
    .payment_detail_modal .modal-dialog .modal-content .modal-body > ul li p { font-size:12px; }
}