
.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 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 .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 .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; height:50px; font-size:18px; line-height:50px; text-align:left; font-weight:700; padding-left:10px;}


.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; margin-top:20px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .info {width:700px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .title {height:50px; font-size:18px; line-height:50px; text-align:left; font-weight:700;}

.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box {display:table;width:100%; margin-top:20px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box.first {margin:0;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box label {width:100px; font-size:14px; line-height:36px; margin-bottom:10px; float:left;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box {float:left; width:100%;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box input {width:200px; height:36px; border:solid 1px #E9ECF0; border-radius:5px; padding:0 15px; float:left;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box a {font-size:14px; font-weight:700; color:#3985EA; margin-left:10px; line-height:36px;}

.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box span {float: left; margin:0 5px; line-height:36px;}

.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list {background:#fff; border-radius:8px; width:200px; float:left; position:relative;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list.last {margin-left:10px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box {width:100%; height:36px; border: 1px solid #E9ECF0; border-radius:5px; background:url(/image/web/select_arrow.svg) no-repeat 90% 55%/20px auto;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box.active {z-index:10;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .label {display:flex; align-items:center; border:none; background:transparent; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:100%; outline:none; color:#494E53; font-size:14px; font-weight:400; padding:0 15px;}

.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .select_option_list { min-width:100%; border-radius:5px; border:solid 1px #E9ECF0; padding:10px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .select_option_list .option_list_item {transition:.1s; position:relative; line-height:30px; font-size:14px; color:#494E53;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .select_option_list .option_list_item.first {margin:0;}


.project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box {text-align: center; margin-top:50px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box .cancel_btn {width:90px; height:36px; border-radius:16px; background:#F8FBFF; color:#21272C;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box .save_btn {width:90px; height:36px; border-radius:16px; background:#3985EA; color:#fff;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box .account_btn {width:90px; height:36px; margin-left:5px; border-radius:16px; background:#FF2222; color:#fff;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box .account_btn:hover { background:#d81515 !important; }


/* joy 추가 시작 */
/* 직원 유형 추가 */
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box label { width:80px; font-weight:400; margin:0; padding-left:25px; position:relative; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box label::after { content:''; display:block; width:18px; height:18px; border-radius:50%; border:solid 2px #B5BDC4; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box input { display:none; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box input:checked + label::after { border:solid 2px #3985EA; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box input:checked + label::before { content:''; display:block; width:10px; height:10px; border-radius:50%; background:#3985EA; position:absolute; left:5%; top:50%; transform:translateY(-50%); z-index:1; }
/* joy 추가 종료 */


/*반응형 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; }
}

@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 .center_box .page_title { 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 .info { width:500px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .title { height:40px; margin-top:20px; line-height:40px; font-size:16px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .title.first { margin-top:0; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box { margin-top:10px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box a { font-size:12px; line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box label { width:80px; font-size:12px; line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box input { width:140px; height:32px; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box span { font-size:12px; line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list { width:auto; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box { width:140px; height:32px; background-size:18px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .label { padding:0 10px; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .select_option_list { width:100%; height:180px; overflow-y:auto; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .select_option_list .search_box { height:28px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .select_option_list .search_box img { width:22px; margin-top:1px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_list .select_box .select_option_list .option_list_item { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box { margin-top:30px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box .save_btn { width:80px; height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .btn_box .account_btn { width:80px; height:32px; }
    
        
	/* joy 추가 시작 */
	/* 직원등록 유형 추가 */
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box label::after { width:15px; height:15px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box input:checked + label::before { width:7px; height:7px; left:4px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .radio_box label { width:60px; padding-left:20px; }
    /* joy 추가 종료 */
}

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