/* 차트작성모달 */
.charting_modal.sisul.fade .modal-dialog {width:1255px; 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; }
.charting_modal.sisul .modal-dialog .modal-content .modal-header {display:none;}
.charting_modal.sisul .modal-dialog .modal-content .modal-footer {display:none;}
.charting_modal.sisul .modal-dialog .modal-content {border:none; width:100%; float:left;}
.charting_modal.sisul .modal-dialog .modal-content .modal-body {padding:0; display:table; }

/* charting_left */
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left { width:430px; padding:30px; float:left; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .title { margin-bottom:30px; font-size:24px; font-weight:700; line-height:36px; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list { margin-bottom:30px; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li { display:table; width:100%; line-height:36px; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li label { width:100px; float:left; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p { float:left; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p span { padding-right:5px; margin-right:5px; position:relative; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p span::after { content:''; display:inline-block; position:absolute; top:20%; right:-3px; width:1px; height:60%; background:#e0e3e7; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p span:last-child { padding-right:0; margin-right:0; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p span:last-child::after { display:none; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p img { margin-top:-5px; width:20px; height:20px; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .textarea_box { width:100%; display:table; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #E9ECF0; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .textarea_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; float:left; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .textarea_box .title_info { margin-left:-15px; font-size:12px; line-height:36px; color:red; float:left; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .textarea_box textarea { width:100%; height:70px; padding:10px; border-radius:5px; border:0; clear:both; background:#E9ECF0; resize:none; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box { width:100%; display:table; margin-bottom:20px; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box label { margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; float:left; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table { width:100%; clear:both; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table thead tr th { padding:0 10px; line-height:36px; background:#EDF5FF; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table thead tr th:first-child { border-radius:5px 0 0 5px; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table thead tr th:last-child { border-radius:0 5px 5px 0; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table tbody tr { border-bottom:1px solid #E9ECF0; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table tbody tr td { padding:0 10px; line-height:36px; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .botton_box { text-align:center; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .botton_box .more_btn { font-weight:700; color:#3985EA; background:none; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .botton_box .more_btn:hover { background: none !important; }
/* charting_right */
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right { width:825px; padding:30px; float:left; border-left:1px solid #E9ECF0;  }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top { width:100%; margin-bottom:20px; display:table; border-bottom:1px solid #E9ECF0; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .chart_numder { margin-bottom:10px; color:#3985EA; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .title { line-height:36px; margin-bottom:30px; font-size:24px; font-weight:700; float:left; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text { float:right; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text p { line-height:36px; font-weight:700; float:left; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text p span { font-weight:400; margin-left:5px; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text p.first { margin-right:20px; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box { margin-bottom:20px; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table { width:100%; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table thead tr th { width:30%; padding:0 10px; line-height:36px; background:#F8FBFF; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table thead tr th:first-child { border-radius:5px 0 0 5px; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table thead tr th:last-child { width:40%; border-radius:0 5px 5px 0; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table tbody tr { border-bottom:1px solid #E9ECF0; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table tbody tr td { padding:0 10px; line-height:36px; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box.first { padding-bottom:20px; border-bottom:1px solid #E9ECF0; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box { width:100%; margin-bottom:20px; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box textarea { width:100%; height:170px; padding:10px; border-radius:5px; border:1px solid #E9ECF0; resize:none; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box textarea::placeholder {color:#B5BDC4;}
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box textarea:read-only {background:#E9ECF0; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .button_box { width:100%; text-align:center; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .button_box button { color:#fff; border-radius:5px; background:#3985EA; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .button_box button img { margin:-4px 8px 0; }
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .button_box button.cancel_btn {background:#F8FBFF; color:#21272C;margin-right: 10px;}
.charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .button_box button.save_bth {color:#fff; background:#3985EA; margin-left: 10px;}



/* 추가 */
/* 차트인쇄 모달 */
.print_modal.fade .modal-dialog { 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;}
.print_modal .modal-dialog .modal-content .modal-body { padding:0; }
.print_modal .modal-dialog .modal-content .modal-body .print { width:210mm; padding:1.5cm 1.5cm 2cm 1.5cm; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_top { width:100%; display:table; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_top p { line-height:25px; float:right; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_top p.first { font-size:18px; font-weight:700; float:left; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_top p span.first { margin-right:10px; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm > div { width:100%; padding:10px; margin-top:10px; border-top:1px solid #000; display:table; background:#f5f5f5; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm > div.last { min-height:300px; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm > p { margin-top:20px; font-size:16px; font-weight:700; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul { width:50%; float:left; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li { width:100%; margin-top:10px; display:table; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li > label { width:100px; margin-bottom:0; font-weight:700; float:left; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li p { float:left; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li .input_box { width:calc(100% - 100px); float:left; display:table; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li .input_box div { display:flex; align-items:center; float:left; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li .input_box div input { margin:0;pointer-events: none; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div ul li .input_box div label { margin:0 30px 0 5px; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div .note { width:100%; padding-top:10px; display:table; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div .note label { width:100px; margin-bottom:0; font-weight:700; float:left; }
.print_modal .modal-dialog .modal-content .modal-body .print .print_btm div .note p { width:calc(100% - 100px); float:left; }
.print_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:20px 0; background:#fff; position:relative; top:-1px; width:100%;}
.print_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.print_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;}
.print_modal .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;}

@media print {
    @page {
        size:210mm 297mm;
        margin: 0;
    }

    * {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    .print_modal .modal-dialog .modal-content .modal-body .print { width:210mm; height:297mm; padding:1.5cm 1.5cm 2cm 1.5cm; }
}
/* -----여기까지 추가------*/


@media only screen and (max-width:1280px) {
    /* 차트작성모달 */
    .charting_modal.sisul.fade .modal-dialog {width:1050px;}
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .title { margin-bottom:20px; font-size:20px; }
    /* charting_left */
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left { width:340px; padding:30px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list { margin-bottom:20px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li { line-height:32px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li label { width:80px; margin-bottom:0; font-size:12px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p { font-size:12px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .charting_list li p img { width:18px; height:18px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .textarea_box label { width:80px; font-size:16px; line-height:32px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .textarea_box textarea { font-size:12px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box label { font-size:16px; line-height:32px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table thead tr th { font-size:12px; line-height:30px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_left .table_box table tbody tr td { font-size:12px; line-height:30px; }
    /* charting_right */
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right { width:710px; padding:30px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .chart_numder { font-size:12px; margin-bottom:5px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .title { margin-bottom:20px; font-size:20px; line-height:32px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_top .right_text p { font-size:12px; line-height:32px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table thead tr th { font-size:12px; line-height:30px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .table_box table tbody tr td { font-size:12px; line-height:32px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box { margin-bottom:30px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .textarea_box.first { margin-bottom:20px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom > .textarea_box label { font-size:16px; line-height:32px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom > .textarea_box textarea { height:110px; font-size:12px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .textarea_box { margin-bottom:30px; }
    .charting_modal.sisul .modal-dialog .modal-content .modal-body .charting_right .right_bottom .send_box .form_box .textarea_box textarea { height:110px; font-size:12px; }
}