/* 결제모달 */
.original_chart.fade .modal-dialog {width:1200px; 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;}
.original_chart .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left; overflow:auto;}
.original_chart .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom: 1px solid #e5e5e5; }
.original_chart .modal-dialog .modal-content .modal-header p {font-size:18px; font-weight:700;}
.original_chart .modal-dialog .modal-content .modal-body { padding:10px 0 0 0; }
.original_chart .modal-dialog .modal-content .modal-body .form_box ul { display:flex; }
.original_chart .modal-dialog .modal-content .modal-body .form_box ul:last-child { padding-bottom:10px; border-bottom: 1px solid #e5e5e5; }
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li { width:calc(100% / 4); line-height:36px; margin-top:5px; display:table; }
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li.first { margin-top:0; }
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li p:first-child { width:100px; font-weight:700; float:left; }
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li p:last-child { float:left; }
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box { display:table; margin-bottom:10px; position:relative;}
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box label {width:100px; float:left; margin:0;}
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px;  padding:0 60px 0 10px; }
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box p { position:absolute; top:50%; right:10px; transform:translateY(-50%); }
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box { width:100%; display:table; position:relative;}
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box label {width:100px; float:left; margin:0;}
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea { width:calc(100% - 100px); padding:10px; border:1px solid #E9ECF0; border-radius:5px; resize:none; }
.original_chart .modal-dialog .modal-content .modal-body .form_box .chartMsgBox { border-top:1px solid #e5e5e5; padding-top:10px; }
.original_chart .modal-dialog .modal-content .modal-body .form_box .detail { max-height:500px; overflow:auto; }
/*.original_chart .modal-dialog .modal-content .modal-body .form_box ul:last-child { border:0; padding-bottom:0; }*/
.original_chart .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; border-top: 1px solid #e5e5e5; position:relative; top:-1px; width:100%;}
.original_chart .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.original_chart .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;}
.original_chart .modal-dialog .modal-content .modal-footer .save_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}



/* 예약 담당자 변경 추가 */
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .search_box {width:300px; height:36px; position:relative; float:left;}
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .search_box input {padding: 0 10px 0 40px;}
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .search_box input::placeholder {color:#B5BDC4;}
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box {float: left;}
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box input {padding: 0 10px;}
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box button {height:36px; align-items:center; background:none;}
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box button img {width:24px; height:24px;}
.original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box .read_box button:hover { background: none !important; }

/* 반응형 */
@media only screen and (max-width:1280px) {
    /* 출퇴/휴무 등록*/
    /*.original_chart.fade .modal-dialog { width:490px; }*/
    .original_chart .modal-dialog .modal-content { padding:30px; }
    .original_chart .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .original_chart .modal-dialog .modal-content .modal-header p { font-size:16px; }
    .original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box label { width:80px; font-size:12px; line-height:32px; }
    .original_chart .modal-dialog .modal-content .modal-body .form_box ul li { margin-top:0; line-height:32px; }
    .original_chart .modal-dialog .modal-content .modal-body .form_box ul li p:first-child { width:80px; font-size:12px; line-height:32px; }
    .original_chart .modal-dialog .modal-content .modal-body .form_box ul li p:last-child { font-size:12px; line-height:32px; }
    .original_chart .modal-dialog .modal-content .modal-body .form_box ul:nth-child(2) li:first-child,
    .original_chart .modal-dialog .modal-content .modal-body .form_box ul:nth-child(3) li:first-child { margin-top:10px; }
    .original_chart .modal-dialog .modal-content .modal-body .form_box ul li .input_box input { height:32px; padding-right:50px; font-size:12px; }
    .original_chart .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box label { width:80px; font-size:12px; line-height:32px; }
    .original_chart .modal-dialog .modal-content .modal-body .form_box ul li .textarea_box textarea { width:calc(100% - 80px); height:100px; line-height:20px; font-size:12px; }
    .original_chart .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .original_chart .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .original_chart .modal-dialog .modal-content .modal-footer .save_bth { width:80px; height:32px; font-size:12px; }
}
