.project_wrap {width:100%; 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%;}
.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 .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 .page_title {min-width:100px; padding-left:10px; font-size:18px; font-weight:700; line-height:50px;}

/* filter_box */
.project_wrap .content_section .hospital_wrap .center_box .filter_box {width:100%; padding:20px 0; display:table;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {display:flex; position:relative; border-radius:8px; float:left;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position:relative; width:140px; height:36px;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left:0;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position:absolute; top:50%; transform:translateY(-50%); left:10px; z-index:1; width:22px;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height:34px; display:block; margin-right:20px; width:100%; font-size:14px; padding:0 12px; padding-left:40px; outline:none; border:1px solid #E9ECF0; border-radius:5px;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:36px; -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; cursor:pointer;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box {width:140px; height:36px; border:1px solid #E9ECF0; border-radius:5px; margin-left:10px; float:left; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.first {width:100px; margin-left:0;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box.active {z-index:10;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color:#494E53; cursor:pointer; background:none;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .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 .filter_box .form_box .select_box .select_option_list .option_list_item {width:100%; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53; line-height:30px;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item.first {margin-bottom:5px;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item label {line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box {width:160px; height:36px; position:relative; float:left;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; border-radius:5px; font-size:14px;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .search_box input::placeholder {color:#B5BDC4;}

/* 캘린더input */
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box {border-radius: 8px; float: left; position: relative;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box {position: relative; width: 140px; height: 36px; float: left;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box.last {margin-left: 0;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 22px;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {line-height: 34px; display: block; width: 100%; font-size: 14px; padding: 0 12px; padding-left: 40px; outline: none; border: 1px solid #E9ECF0; border-radius: 5px; }
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box input[type="date"]::-webkit-calendar-picker-indicator {display: none;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker {-webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; cursor: pointer;}
.project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash {color: #000; font-size: 14px; font-weight: 400; line-height: 36px; margin: 0 5px; width: 6px; display: block; float: left;}

/* main */
.project_wrap .content_section .hospital_wrap .center_box .main { height:calc(100% - 126px); overflow-y:auto; }
.project_wrap .content_section .hospital_wrap .center_box .main article { width:100%; padding:20px; margin-top:20px; background:#fff; border:solid 1px #E9ECF0; border-radius:5px; }
.project_wrap .content_section .hospital_wrap .center_box .main article.first { margin:0; }
.project_wrap .content_section .hospital_wrap .center_box .main article .title { font-size:16px; font-weight:700; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box { min-height:300px; margin-top:10px; overflow:auto; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box.diff { display:flex; justify-content:center; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap { width:100%; display:table; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box { width:28%; margin-right:20px; float:left; position:relative; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box::after { content:''; display:inline-block; width:1px; height:100%; position:absolute; top:0; right:-20px; background:#E9ECF0; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li { padding:15px; margin-top:10px; border:1px solid #E9ECF0; border-radius:5px; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li label { width:100%; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li p { display:inline-block; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li p.first { font-size:22px; font-weight:700; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .up { margin-left:10px; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .up span { font-size:18px; color:#23D16D; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .up::before { content:'↑'; color:#23D16D; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .down { margin-left:10px; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .down span { font-size:18px; color:#D5001B; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .down::before { content:'↓'; color:#D5001B; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list { width:100%; margin-top:5px; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list br { display:none; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list span { padding-right:7px; margin-right:3px; position:relative; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list span:last-child { margin-right:0; padding-right:0; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list span::before { content:''; width:1px; height:80%; position:absolute; top:10%; right:0; background:#ccc; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list span:last-child::before { display:none; }
.project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_right_box { width:calc(72% - 20px); height:100%; padding-left:20px; float:left; }

/*반응형 View*/
@media only screen and (max-width:1700px) {
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box { width:30% }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_right_box { width:calc(70% - 20px); }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li { padding:10px; }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li p.first { font-size:18px; }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list { word-break: keep-all; }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list br { display:block; }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .up span { font-size:14px; }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .down span { font-size:14px; }
}

@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; }
}

@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 .page_title { min-width:80px; height:40px; font-size:16px; line-height:40px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box { padding:15px 0; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box { width:120px; height:32px; background-size:18px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .label { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .select_box .select_option_list .option_list_item { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box { width:110px; height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box img { width:20px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .date_box .date_picker { height:32px; padding-left:35px; font-size:12px; line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .filter_box .form_box .calendar_box .slash { line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .main { height:calc(100% - 102px); }
    .project_wrap .content_section .hospital_wrap .center_box .main article { margin-top:15px; }
    .project_wrap .content_section .hospital_wrap .center_box .main article .title { font-size:14px; }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box { width:31% }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_right_box { width:calc(69% - 20px); }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li label { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .list { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li p.first { font-size:14px; }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .up { margin-left:5px; }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .up span { font-size:14px; }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .down { margin-left:5px; }
    .project_wrap .content_section .hospital_wrap .center_box .main article .box_wrap .article_left_box ul li .down span { font-size:14px; }
}


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