.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 .page_title {min-width:100px; padding-left:10px; margin-bottom:20px; font-size:18px; font-weight:700; line-height:50px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box {width:100%; height:calc(100% - 70px); padding:50px; border:1px solid #E9ECF0; border-radius:5px; overflow:auto; position:relative; background:#fff;}
.project_wrap .content_section .hospital_wrap .center_box .info_box p.title {font-size:18px; font-weight:700; margin-bottom:50px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box p.title span {margin-left:10px; font-size:14px; font-weight:400;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .info { width:700px; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box {width:100%; display:table;}
.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 input {width:200px; height:36px; color: #8F8F8F; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; padding:0 10px; float:left;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .userBirthday{width: 22px; position:absolute; top:50%; right:10px; transform:translateY(-50%); }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .division {padding:0 5px; line-height:36px; float:left;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box p.identity {line-height:36px; margin-left:10px; float:left;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .customer_div {width:200px; height:36px; position:relative; border:1px solid #E9ECF0; border-radius:5px; font-size:14px; padding:0 10px; float:left;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .customer_div img {width:20px; height:20px; position:absolute; top:50%; left:10px; transform:translateY(-50%);}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .sub_label {margin-left:40px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .address {width:calc(100% - 187px);}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .address_btn { margin-left:5px; color:#fff; border-radius:5px; background:#3985EA; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .address_btn:hover { background:#1B66C9; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .address_detail {width:calc(100% - 100px); margin-top:10px; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box p.title {margin:50px 0 30px 0; float:left;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box p.title span {font-size:12px; color:RED;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box textarea {width:100%; height:100px; color: #8F8F8F; border:1px solid #E9ECF0; font-size:14px; border-radius:5px; padding:10px; resize:none;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .button_box {text-align:center; margin-top:50px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .button_box button { width:80px; color:#fff; border-radius:16px; background:#3985EA;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .gender input { width:auto; padding:0; margin:0 5px 0; display:none; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .gender 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 .gender 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 .gender input:checked + label::after { border:solid 2px #3985EA; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .gender 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; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_box {width:200px; height:36px; border:1px solid #E9ECF0; border-radius:5px; float:left; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_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 .info_box .form_box .input_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 .info_box .form_box .input_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 .info_box .form_box .input_box > div { display:table; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .date_box { position:relative; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div.last { margin-left:40px; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box { width:200px; height:36px; position:relative; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box input { padding-right:40px; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box button { width:24px; height:24px; padding:0; position:absolute; top:50%; right:10px; transform:translatey(-50%); background:none; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box button img { vertical-align:top; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box button:hover { background: none !important; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.essential > label { position:relative; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.essential > label::after { content:'*'; color:red; position:absolute; top:50%; left:-10px; transform:translateY(-50%); }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.essential > label.sub_label::after { display:none; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box { width:350px; padding:30px; border:2px solid #3985EA; border-radius:5px; position:absolute; top:50px; left:780px; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box p.title { margin-bottom:30px; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box a { color:#3985EA; font-weight:700; float:right; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box a img { margin:-3px 0 0 5px; transform:rotate(180deg); }
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box .body_info { clear:both; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box .body_info ul li { width:100%; margin-top:20px; display:table; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box .body_info ul li p:first-child { font-weight:700; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box .body_info ul li p:last-child { float:right; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .select_box { width:200px; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .passport_number_box { margin-left:10px; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .foreigner_number_box { width:calc(100% - 300px); display:none; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .foreigner_number_box .slash { padding:0 5px; line-height:36px; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .foreigner_number_box .first { margin-left:10px; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .foreigner_number_box input { width:calc(100% / 2 - 14px); }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .button_box button:hover { background:#1B66C9; }


/* 추천인검색(고객조회) */
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .last { position:relative; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis.open {display:block;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis {width:580px; padding:30px; z-index:1; border-radius:5px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); box-shadow: 1px 2px 5px #a7a7a7; display:none; background:#fff;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_header {padding:0; padding-bottom:20px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_header label {margin-bottom:0; font-size:18px; float:none;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body {margin-top:20px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .input_box { width:100%; float:none; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .input_box .search_box {width:200px; height:36px; position:relative; float:left;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .input_box .search_box img {position:absolute; top:50%; left:10px; transform:translatey(-50%);}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .input_box .search_box input {width:100%; height:100%; padding-left:40px; border:1px solid #E9ECF0; color:#8F8F8F; border-radius:5px; font-size:14px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .input_box .search_box input::placeholder {color:#B5BDC4;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .input_box button {font-size:14px; font-weight:700; color:#3985EA; background:none; float:left; }
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table {height:300px; margin-top:20px; border-bottom:1px solid #E9ECF0; overflow:auto;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table {width:100%; border-collapse:collapse;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table thead tr th {position:sticky; top:0; padding:0 10px; line-height:30px; background:#F8FBFF;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table thead tr th::after {content:''; display:block; position:absolute; top:-1px; left:2%; width:95%; height:1px; background:#F8FBFF;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table thead tr th:first-child { border-radius:5px 0 0 5px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table thead tr th:last-child { border-radius:0 5px 5px 0;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_body .list1_modal_table table tbody tr td {line-height:30px; padding:5px 10px; border-bottom:1px solid #E9ECF0;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_footer .btn_box {margin:0 auto; display:table;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_footer .cancel_btn {color:#21272C; width:100px; height:36px; background:#F8FBFF; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
.project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .list1_diagnosis .list1_modal_footer .registration_bth {color:#fff; width:100px; height:36px; background:#B5BDC4; border-radius:16px; font-size:14px; margin-left:10px;}











/*반응형 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 .info_box .form_box .input_box .address {width:calc(100% - 177px);}
}

@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 .info_box { height:calc(100% - 60px); padding:30px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box p.title { font-size:16px; margin-bottom:20px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box p.title span { margin-left:5px; font-size:12px; }
    .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:150px; height:32px; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .select_box { width:150px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_box { width:150px; height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_box .label { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .select_box .select_option_list .option_list_item { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box.identification .foreigner_number_box input { width:150px; font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box p.identity { margin-left:5px; font-size:12px; line-height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .gender label::after { width:15px; height:15px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .gender input:checked + label::before { width:7px; height:7px; left:4px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .gender label { width:60px; padding-left:20px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .address { width:calc(100% - 150px); }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .address_detail { width:calc(100% - 80px); }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box p.title { margin:30px 0 20px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box { width:150px; height:32px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box button { width:22px; height:22px; right:5px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div .search_box input { padding-right:30px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box div.last { margin-left:30px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box .sub_label { margin-left:30px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .button_box button { width:60px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .form_box .input_box textarea { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box { width:270px; padding:25px; left:600px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box a { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box a img { width:7px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box p.title { margin-bottom:20px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box .body_info p { font-size:12px; }
    .project_wrap .content_section .hospital_wrap .center_box .info_box .body_info_box .body_info ul li { margin-top:10px; }
}

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