/* 멤버십 상품등록 */
.membership_registration_modal.fade .modal-dialog {width:1000px; 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;}
.membership_registration_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.membership_registration_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
.membership_registration_modal .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
.membership_registration_modal .modal-dialog .modal-content .modal-body {padding:0; margin-top:20px;}
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box { height:330px; overflow-y:auto; }
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table { width:100%; }
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th { height:36px; position:sticky; top:0; padding:0 8px; background:#EDF5FF; }
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th:first-child { border-radius:5px 0 0 5px; text-align:center; }
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th:last-child { border-radius:0 5px 5px 0; }
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td {  padding:3px 8px; }
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td:first-child { width:50px; text-align:center; }
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td.input_box { width:20%; }
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td input { width:100%; height:36px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px; }
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td.button_box button { padding:0; background:0;width: 25px; }
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td.button_box button.subtract_btn img { width:24px; }
.membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td.button_box button:hover { background: none !important; }
.membership_registration_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.membership_registration_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.membership_registration_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;}
.membership_registration_modal .modal-dialog .modal-content .modal-footer .registration_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}

/* 반응형 */
@media only screen and (max-width:1280px) {
    /* 신환등록 모달 */
    .membership_registration_modal.fade .modal-dialog { width:900px; }
    .membership_registration_modal .modal-dialog .modal-content { padding:30px; }
    .membership_registration_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .membership_registration_modal .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .membership_registration_modal .modal-dialog .modal-content .modal-body .table_box { height:300px; }
    .membership_registration_modal .modal-dialog .modal-content .modal-body .table_box P { font-size:12px; }
    .membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table thead tr th { height:32px; font-size:12px; }
    .membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td { font-size:12px; }
    .membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td input { height:32px; }
    .membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td.button_box button img { width:22px; }
    .membership_registration_modal .modal-dialog .modal-content .modal-body .table_box table tbody tr td.button_box button.subtract_btn img { width:22px; }
    .membership_registration_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .membership_registration_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .membership_registration_modal .modal-dialog .modal-content .modal-footer .registration_bth { width:80px; height:32px; font-size:12px; }
}