.project_wrap {width:100%; max-width:1920px; min-width:1080px; margin:0 auto;}

/*오른쪽영역*/
.project_wrap .content_section {margin-top:50px; width:100%; min-width:1080px; display:table;}
.project_wrap .content_section .hospital_wrap {width: calc(100% - 72px); min-width:calc(1080px - 72px); height:calc(100vh - 50px); float:left; position:relative;}

/* 왼쪽_메뉴 영역 */
.project_wrap .content_section .hospital_wrap .left_box {position:absolute; width:240px; height:calc(100vh - 50px); overflow:auto; padding:10px 20px;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list {width:100%; margin-top:30px;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu {width:100%; height:auto; margin:20px 0 10px 0; padding:0; font-size:14px; font-weight:700; }
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu.first {margin-top:0;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a {width:100%; height:100%; display:block; margin-bottom:8px; padding:8px; font-size:14px; text-align:left; border-radius:5px;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on {background:#3985EA; border:none;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a:hover {background:#EDF5FF;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list a.on:hover {background:#3985EA;}
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li {width:100%; height:36px; margin-bottom:8px; }
.project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a.on {color:#fff;}
.project_wrap .content_section .hospital_wrap .left_box a.back { font-size:14px; font-weight:700; color:#3985EA; }
.project_wrap .content_section .hospital_wrap .left_box a.back img { margin:-3px 5px 0 0; }

/* 센터쪽 */
.project_wrap .content_section .hospital_wrap .center_box {width:calc(100% - 240px); height:calc(100vh - 50px); position:absolute; left:240px; padding:10px 10px 10px 0;}
.project_wrap .content_section .hospital_wrap .center_box .info_box_top { width:100%; display:table; }
.project_wrap .content_section .hospital_wrap .center_box .info_box_top .page_title { min-width:100px; padding-left:10px; margin-bottom:20px; font-size:18px; font-weight:700; line-height:50px; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box_top .print_btn { float:right; color:#fff; border-radius:5px; background:#3985EA; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .info {width:700px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box { width:100%; height:calc(100% - 70px); overflow:auto; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; padding:50px; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box { display:table; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_numder { color:#3985EA; margin-bottom:20px; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .patient_name { font-size:18px; font-weight:700; margin:0 10px 30px 0; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .patient_info { font-size:18px; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box { width:100%; display:table; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #E9ECF0; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box .title_info { font-size:12px; line-height:36px; color:red; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box textarea { width:100%; height:70px; padding:10px; border-radius:5px; border:0; clear:both; background:#E9ECF0; resize:none; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box { width:100%; display:table; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .right_text { float:right; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .right_text p { line-height:36px; font-weight:700; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .right_text p span { font-weight:400; margin-left:5px; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .right_text p.first { margin-right:20px; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list { clear:both; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li { width:100%; display:table; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_right { width:50%; display:table; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_right label { font-size:14px; } 
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_right input { width:200px; height:36px; border:0; border-radius:5px; font-size:14px; padding:0 10px; background:#E9ECF0; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left { width:50%; text-align:right; display:table; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left label { font-size:14px; text-align:left; } 
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left input { width:200px; height:36px; border:0; border-radius:5px; font-size:14px; padding:0 10px; background:#E9ECF0; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left.correction button { display:none; margin-left:5px; border-radius:5px; color:#fff; background:#3985EA; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li.single label { font-size:14px; } 
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li.single .textarea_box { width:100%; display:table; padding-bottom:20px; margin-bottom:20px; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li.single .textarea_box label { width:100px; margin-bottom:10px; font-size:18px; font-weight:700; line-height:36px; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li.single .textarea_box .title_info { font-size:12px; line-height:36px; color:red; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li.single .textarea_box textarea { width:100%; height:200px; padding:10px; border-radius:5px; border:0; clear:both; background:#EDF5FF; resize:none; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .button_box { text-align:center; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .button_box button { border-radius:16px; color:#fff; background:#3985EA; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list { display:table; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list > div { float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box { position:relative; cursor:pointer; font-size:14px; font-weight:400; text-indent:25px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box .on {width:18px; height:18px; position:absolute; top:50%; left:0; transform:translateY(-50%); border:solid 2px #3985EA; box-sizing:border-box; border-radius:3px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box input[type="checkbox"] { display:none; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box input[type="checkbox"]:checked + .on {background:#3985EA; border:none;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box input[type="checkbox"]:checked + .on:after {content:''; display:block; width:6px; height:10px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:6px; top:2px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left .search_box {width:calc(100% - 100px); height:36px; position:relative; float:left;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left .search_box img { display:none; position:absolute; top:50%; right:10px; transform:translatey(-50%);}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left .search_box input { height:100%; padding-left:10px; border-radius:5px; font-size:14px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box {width:200px; height:36px; margin-right:10px; border-radius:5px; float:left; background:#EDF5FF;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box:last-child {margin-right:0;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box.active {z-index:10;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box .label {width:100%; height:36px; font-size:14px; font-weight:400; text-align:left; color:#494E53; background:none;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box .select_option_list {min-width:100%; padding:10px; border-radius:5px; border:solid 1px #E9ECF0; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53; text-indent:10px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box .select_option_list .option_list_item.first {margin:0; text-indent:0;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify .select_box { border: 1px solid #E9ECF0; background:url(/image/web/select_arrow.svg) no-repeat 95% 55%/20px auto;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify li .info_left .search_box input { border:1px solid #E9ECF0; border-radius:5px; background:none; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify li .info_left .search_box img { display:block; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify li .info_left.correction button { padding:0 10px; display:block; float:right; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify li .info_left.correction input { width:calc(100% - 192px); float:right; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify li.single .textarea_box textarea {  border:1px solid #E9ECF0; background:none; resize:none; }

/*반응형 View*/
@media only screen and (max-width:1500px) {
    .project_wrap .content_section .hospital_wrap .left_box { width:160px; padding:10px 15px; }
    .project_wrap .content_section .hospital_wrap .center_box { width:calc(100% - 160px); left:160px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:100px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box { width:120px; }
}

@media only screen and (max-width:1280px) {
    .project_wrap .content_section .hospital_wrap { width:calc(100% - 60px); }
    .project_wrap .content_section .hospital_wrap .left_box .sub_menu_list .title_menu { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li { height:32px; margin-bottom:5px; }
    .project_wrap .content_section .hospital_wrap .left_box .sub_menu_list li a { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .left_box a.back { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .left_box a.back img { width:7px; }
    .project_wrap .content_section .hospital_wrap .left_box .sub_menu_list { margin-top:20px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .info { width:500px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box_top .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box { height:calc(100% - 60px); padding:30px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_numder { margin-bottom:10px; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .patient_name { margin-bottom:20px; font-size:16px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .patient_info { font-size:14px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box { padding-bottom:10px; margin-bottom:10px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box label { width:80px; font-size:16px; line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box .title_info { line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box > .textarea_box textarea { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box label { width:80px; font-size:16px; line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .right_text p { font-size:12px; line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_right { width:50%; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_right input { width:calc(100% - 100px); font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_right label { width:80px; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left label { width:80px; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box { width:150px; height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box .label { height:32px; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .select_box .select_option_list .option_list_item { font-size:12px; text-indent:0; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left { width:50%; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left input { width:calc(100% - 80px); font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left .search_box input { width:100%; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li.single label { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box { width:70px; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box .on { width:15px; height:15px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .check_list .chk_box input[type="checkbox"]:checked + .on:after { width:5px; height:8px; left:5px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li.single .textarea_box textarea { height:130px; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .button_box button { width:60px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list li .info_left .search_box { width:calc(100% - 80px); }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify li .info_left .search_box img { width:22px; height:22px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .chart_info_box .chart_info_list.modify li .info_left.correction input { width:calc(100% - 147px); height:32px; }
}

@media only screen and (max-width:1080px) {
    .project_wrap .content_section .hospital_wrap { width:calc(100% - 50px); }
}