/***********************************************************************************
* Copyright (C)RFLOGIX since 2010.08.24 (rflogix@rflogix.com)
************************************************************************************
* ● 프로젝트	: 크로닉-관리자
* ○ 파일		: page_popup.css
* ○ 생성		: 2016.05.31(화요일)
* ○ 최종변경	: 2016.05.31(화요일)
************************************************************************************/




/***********************************************************************************
* 사용자 팝업
***********************************************************************************/

/*.popup_user .popup_top {width:1080px;}
.popup_user .popup_content {width:1080px; display:flex; flex-direction:row;} */
.popup_user .popup_top {width:600px; margin-top:100px;}
.popup_user .popup_content {width:600px; height:500px; display:flex; flex-direction:row;}

/* 사용자 이미지 */
.popup_user .img_wrap {width:570px;}


/* 사용자 내용 */
/* .popup_user .user_company_wrap {width:calc(100% - 571px); height:calc(100% - 70px); padding-bottom:70px; border-left:1px solid rgba(99,99,99,0.2); overflow-y:auto; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;} */
.popup_user .user_company_wrap {width:100%; height:calc(100% - 70px);  border-left:1px solid rgba(99,99,99,0.2); overflow-y:auto; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;}

.popup_user .user_wrap {width:calc(100% - 20px); margin:10px; border:1px solid #ccc;}
.popup_user .user_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; font-size:14px; line-height:25px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.popup_user .user_wrap .content_wrap {flex:1; padding:10px;}
.popup_user .user_wrap .content_wrap > div {width:100%; margin-top:10px; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_user .user_wrap .content_wrap > div:first-child {margin-top:0;}
.popup_user .user_wrap .content_wrap .title {width:130px; color:#292F36; font-size:15px; letter-spacing:1px; display:flex; align-items:center; justify-content:flex-start;}
.popup_user .user_wrap .content_wrap .content {flex:1; display:flex; align-items:center; justify-content:flex-end;}
.popup_user .user_wrap .content_wrap .content input {width:calc(100% - 20px); height:calc(34px - 13px); padding:5px 10px 5px 10px; color:#292F36; font-size:16px; text-align:left; box-sizing:content-box; border:1px solid #ccc; border-radius:3px;}
.popup_user .user_wrap .content_wrap .content input::-webkit-input-placeholder {color:#ccc;}
.popup_user .user_wrap .content_wrap .content input:-moz-placeholder {color:#ccc;}
.popup_user .user_wrap .content_wrap .content select {width:100%; height:36px; border:1px solid #ddd; padding:5px 10px 8px 10px; color:#292F36; font-size:16px; background-color:white; border:1px solid #ccc; border-radius:3px;}
.popup_user .user_wrap .content_wrap .content select:focus {border:2px dotted #888; background-color:#51c5d2;}

.box-radio-input input[type="radio"]{display:none;}
.box-radio-input input[type="radio"] + span{display:inline-block; background:none; border:1px solid #dfdfdf; padding:0px 10px; text-align:center; height:35px; line-height:33px; font-weight:500; cursor:pointer;}
.box-radio-input input[type="radio"]:checked + span{  border:1px solid #51c5d2; background:#51c5d2; color:#fff;}



.popup_user .company_wrap {width:calc(100% - 20px); margin:10px; border:1px solid #ccc;}
.popup_user .company_wrap.active {border:1px solid #ef7070;}
.popup_user .company_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; color:#aaa; font-size:14px; line-height:25px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.popup_user .company_wrap.active .caption {color:#e62324; background:#fff6f6; border-right:1px solid #ef7070;}
.popup_user .company_wrap .content_wrap {flex:1;}
.popup_user .company_wrap .content_wrap > div {height:35px; border-bottom:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:flex-start;}
.popup_user .company_wrap .content_wrap > div:last-child {border-bottom:0 !important;}
.popup_user .company_wrap.active .content_wrap > div {height:35px; border-bottom:1px solid #efc7c7;}
.popup_user .company_wrap .content_wrap > div > div:last-child {width:auto; flex:1;}
.popup_user .company_wrap .title {width:60px; height:100%; font-size:13px; color:#292F36; text-align:center; border-left:1px solid #ccc; border-right:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_user .content_wrap .title.vertical {width:25px; writing-mode:vertical-rl; text-orientation:upright;}
.popup_user .company_wrap .title:first-child {border-left:0 !important;}
.popup_user .company_wrap.active .title {color:#e62324; background-color:#fff6f6; border-left:1px solid #efc7c7; border-right:1px solid #efc7c7;}
.popup_user .company_wrap .content {width:calc(50% - 62px); height:100%; font-size:13px;}
.popup_user .company_wrap .content.full {width:calc(100% - 61px);}
.popup_user .company_wrap .content.name {width:250px;}
.popup_user .company_wrap .content input {width:calc(100% - 10px); height:100%; padding:0 5px; font-size:16px;}
.popup_user .company_wrap .content input[name='CompanyNO'] {font-size:18px; font-weight:bold; letter-spacing:1px;}
/*.popup_user .company_wrap .content input[name='CompanyAddress'] {width:calc(100% - 10px);}
.popup_user .company_wrap .content input[name='CompanyEmail'] {width:calc(100% - 10px);}*/

.popup_user .etc_wrap {width:calc(100% - 20px); margin:10px; border:1px solid #ccc;}
.popup_user .etc_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; font-size:14px; line-height:25px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.popup_user .etc_wrap .content_wrap {flex:1; padding:10px;}
.popup_user .etc_wrap .content_wrap > div {width:100%; margin-top:10px; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_user .etc_wrap .content_wrap > div:first-child {margin-top:0;}
.popup_user .etc_wrap .content_wrap .title {width:130px; color:#292F36; font-size:15px; letter-spacing:1px; display:flex; align-items:center; justify-content:flex-start;}
.popup_user .etc_wrap .content_wrap .content {flex:1; display:flex; align-items:center; justify-content:flex-end;}
.popup_user .etc_wrap .content_wrap .content input {width:calc(100% - 20px); height:calc(34px - 13px); padding:5px 10px 5px 10px; color:#292F36; font-size:16px; text-align:left; border:1px solid #ccc; border-radius:3px;}
.popup_user .etc_wrap .content_wrap .content input::-webkit-input-placeholder {color:#ccc;}
.popup_user .etc_wrap .content_wrap .content input:-moz-placeholder {color:#ccc;}
.popup_user .etc_wrap .content_wrap .content select {width:100%; height:36px; border:1px solid #ddd; padding:5px 10px 8px 10px; color:#292F36; font-size:16px; background-color:white; border:1px solid #ccc; border-radius:3px;}
.popup_user .etc_wrap .content_wrap .content select:focus {border:2px dotted #888; background-color:#51c5d2;}

.popup_user .btn_wrap {width:calc(100% - 20px); height:60px; margin:0 10px; overflow:hidden; display:flex; flex-direction:row; align-items:center; justify-content:space-between; right:0; bottom:0; position:absolute;}
.popup_user .btn_wrap .btn_delete {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_user .btn_wrap .btn_delete:hover {background-color:#bbb; border-color:#bbb; color:white;}
.popup_user .btn_wrap .btn_update {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_user .btn_wrap .btn_update:hover {background-color:#51c5d2; border-color:#51c5d2; color:white; opacity:1;}
.popup_user .btn_wrap .btn_update:focus {padding:8px 0; background-color:#51c5d2; border:2px dotted #888; color:white; opacity:1;}





/***********************************************************************************
* 의사 팝업
***********************************************************************************/

.popup_doctor .popup_top {width:600px; margin-top:100px;}
.popup_doctor .popup_content {width:600px; height:700px; display:flex; flex-direction:row;}

/* 사용자 이미지 */
.popup_doctor .img_wrap {width:570px;}


/* 사용자 내용 */
/* .popup_doctor .user_company_wrap {width:calc(100% - 571px); height:calc(100% - 70px); padding-bottom:70px; border-left:1px solid rgba(99,99,99,0.2); overflow-y:auto; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;} */
.popup_doctor .user_company_wrap {width:100%; height:calc(100% - 70px);  border-left:1px solid rgba(99,99,99,0.2); overflow-y:auto; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;}

.popup_doctor .user_wrap {width:calc(100% - 20px); margin:10px; border:1px solid #ccc;}
.popup_doctor .user_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; font-size:14px; line-height:25px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.popup_doctor .user_wrap .content_wrap {flex:1; padding:10px;}
.popup_doctor .user_wrap .content_wrap > div {width:100%; margin-top:10px; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_doctor .user_wrap .content_wrap > div:first-child {margin-top:0;}
.popup_doctor .user_wrap .content_wrap .title {width:130px; color:#292F36; font-size:15px; letter-spacing:1px; display:flex; align-items:center; justify-content:flex-start;}
.popup_doctor .user_wrap .content_wrap .content {flex:1; display:flex; align-items:center; justify-content:flex-end;}
.popup_doctor .user_wrap .content_wrap .content input {width:calc(100% - 20px); height:calc(34px - 13px); padding:5px 10px 5px 10px; color:#292F36; font-size:16px; text-align:left; box-sizing:content-box; border:1px solid #ccc; border-radius:3px;}
.popup_doctor .user_wrap .content_wrap .content input::-webkit-input-placeholder {color:#ccc;}
.popup_doctor .user_wrap .content_wrap .content input:-moz-placeholder {color:#ccc;}
.popup_doctor .user_wrap .content_wrap .content select {width:100%; height:36px; border:1px solid #ddd; padding:5px 10px 8px 10px; color:#292F36; font-size:16px; background-color:white; border:1px solid #ccc; border-radius:3px;}
.popup_doctor .user_wrap .content_wrap .content select:focus {border:2px dotted #888; /* background-color:#51c5d2; */}

.box-radio-input input[type="radio"]{display:none;}
.box-radio-input input[type="radio"] + span{display:inline-block; background:none; border:1px solid #dfdfdf; padding:0px 10px; text-align:center; height:35px; line-height:33px; font-weight:500; cursor:pointer;}
.box-radio-input input[type="radio"]:checked + span{  border:1px solid #51c5d2; background:#51c5d2; color:#fff;}



.popup_doctor .company_wrap {width:calc(100% - 20px); margin:10px; border:1px solid #ccc;}
.popup_doctor .company_wrap.active {border:1px solid #ef7070;}
.popup_doctor .company_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; color:#aaa; font-size:14px; line-height:25px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.popup_doctor .company_wrap.active .caption {color:#e62324; background:#fff6f6; border-right:1px solid #ef7070;}
.popup_doctor .company_wrap .content_wrap {flex:1;}
.popup_doctor .company_wrap .content_wrap > div {height:35px; border-bottom:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:flex-start;}
.popup_doctor .company_wrap .content_wrap > div:last-child {border-bottom:0 !important;}
.popup_doctor .company_wrap.active .content_wrap > div {height:35px; border-bottom:1px solid #efc7c7;}
.popup_doctor .company_wrap .content_wrap > div > div:last-child {width:auto; flex:1;}
.popup_doctor .company_wrap .title {width:60px; height:100%; font-size:13px; color:#292F36; text-align:center; border-left:1px solid #ccc; border-right:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_doctor .content_wrap .title.vertical {width:25px; writing-mode:vertical-rl; text-orientation:upright;}
.popup_doctor .company_wrap .title:first-child {border-left:0 !important;}
.popup_doctor .company_wrap.active .title {color:#e62324; background-color:#fff6f6; border-left:1px solid #efc7c7; border-right:1px solid #efc7c7;}
.popup_doctor .company_wrap .content {width:calc(50% - 62px); height:100%; font-size:13px;}
.popup_doctor .company_wrap .content.full {width:calc(100% - 61px);}
.popup_doctor .company_wrap .content.name {width:250px;}
.popup_doctor .company_wrap .content input {width:calc(100% - 10px); height:100%; padding:0 5px; font-size:16px;}
.popup_doctor .company_wrap .content input[name='CompanyNO'] {font-size:18px; font-weight:bold; letter-spacing:1px;}
/*.popup_doctor .company_wrap .content input[name='CompanyAddress'] {width:calc(100% - 10px);}
.popup_doctor .company_wrap .content input[name='CompanyEmail'] {width:calc(100% - 10px);}*/

.popup_doctor .etc_wrap {width:calc(100% - 20px); margin:10px; border:1px solid #ccc;}
.popup_doctor .etc_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; font-size:14px; line-height:25px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.popup_doctor .etc_wrap .content_wrap {flex:1; padding:10px;}
.popup_doctor .etc_wrap .content_wrap > div {width:100%; margin-top:10px; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_doctor .etc_wrap .content_wrap > div:first-child {margin-top:0;}
.popup_doctor .etc_wrap .content_wrap .title {width:130px; color:#292F36; font-size:15px; letter-spacing:1px; display:flex; align-items:center; justify-content:flex-start;}
.popup_doctor .etc_wrap .content_wrap .content {flex:1; display:flex; align-items:center; justify-content:flex-end;}
.popup_doctor .etc_wrap .content_wrap .content input {width:calc(100% - 20px); height:calc(34px - 13px); padding:5px 10px 5px 10px; color:#292F36; font-size:16px; text-align:left; border:1px solid #ccc; border-radius:3px;}
.popup_doctor .etc_wrap .content_wrap .content input::-webkit-input-placeholder {color:#ccc;}
.popup_doctor .etc_wrap .content_wrap .content input:-moz-placeholder {color:#ccc;}
.popup_doctor .etc_wrap .content_wrap .content select {width:100%; height:36px; border:1px solid #ddd; padding:5px 10px 8px 10px; color:#292F36; font-size:16px; background-color:white; border:1px solid #ccc; border-radius:3px;}
.popup_doctor .etc_wrap .content_wrap .content select:focus {border:2px dotted #888; background-color:#51c5d2;}

.popup_doctor .btn_wrap {width:calc(100% - 20px); height:60px; margin:0 10px; overflow:hidden; display:flex; flex-direction:row; align-items:center; justify-content:space-between; right:0; bottom:0; position:absolute;}
.popup_doctor .btn_wrap .btn_delete {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_doctor .btn_wrap .btn_delete:hover {background-color:#bbb; border-color:#bbb; color:white;}
.popup_doctor .btn_wrap .btn_update {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_doctor .btn_wrap .btn_update:hover {background-color:#51c5d2; border-color:#51c5d2; color:white; opacity:1;}
.popup_doctor .btn_wrap .btn_update:focus {padding:8px 0; background-color:#51c5d2; border:2px dotted #888; color:white; opacity:1;}






/***********************************************************************************
* 대기환자리스트 팝업창
***********************************************************************************/
/* 
.popup_visit {width:100%; height:100%; top:0; left:0; position:fixed; background:rgba(0,0,0,0.6); z-index:-1; opacity:0; transition:opacity 0.3s; display:flex; align-items:center; justify-content:center;}
.popup_visit.active {z-index:11;}
.popup_visit.show {opacity:1;}
.popup_visit .close_bg {width:100%; height:100%; left:0; top:0; position:absolute; z-index:1;}
.popup_visit .popup_top {width:600px; max-width:calc(100% - 20px); height:45px; margin-top:20px; background:#92e0c0; border-bottom:1px solid #ddd; display:flex; flex-direction:row; align-items:center; justify-content:center;} #e2525c
.popup_visit .popup_top .title {color:white; font-size:18px; font-weight:bold; letter-spacing:1px; text-align:center; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_visit .popup_content {width:600px; max-width:calc(100% - 20px); height:400px; margin-bottom:20px; background:white; overflow-y:auto; overflow-x:hidden;}
 */

.popup_visit .popup_top {width:530px; margin-top:100px;}
.popup_visit .popup_content {width:530px; height:400px; display:flex; flex-direction:row;}

.popup_visit .popup_content .popup_patient_list {width:467px; height:306px; margin:auto; margin-top:50px; overflow-y:auto;}
.popup_visit .popup_content .tblPatient {border-collapse: collapse; width: 450px; margin:auto; }
.popup_visit .popup_content .tblPatient td, th {padding: 8px; }
.popup_visit .popup_content .tblPatient tr:nth-child(even){background-color: #f2f2f2;}
.popup_visit .popup_content .tblPatient tr:hover {background-color: #38626b; color:white;}
.popup_visit .popup_content .tblPatient th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color:#eeeeee; /*#4CAF50 */color: #666666; font-size:13px; text-align:center; }/* #e2525c*/
.popup_visit .popup_content .tblPatient td {cursor:pointer; font-weight:bold; font-size:13px; text-align:center; }

.popup_standardHistory .popup_top {width:730px; margin-top:100px;}
.popup_standardHistory .popup_content {width:730px; height:600px; display:flex; flex-direction:row;}
.popup_standardHistory .popup_content .popup_patient_list {width:467px; height:306px; margin:auto; margin-top:50px; overflow-y:auto;}
.popup_standardHistory .popup_content .tblPatient {border-collapse: collapse; width: 450px; margin:auto; }
.popup_standardHistory .popup_content .tblPatient td, th {padding: 8px; }
.popup_standardHistory .popup_content .tblPatient tr:nth-child(even){background-color: #f2f2f2;}
.popup_standardHistory .popup_content .tblPatient tr:hover {background-color: #38626b; color:white;}
.popup_standardHistory .popup_content .tblPatient th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color:#eeeeee; /*#4CAF50 */color: #666666; font-size:13px; text-align:center; }/* #e2525c*/
.popup_standardHistory .popup_content .tblPatient td {cursor:pointer; font-weight:bold; font-size:13px; text-align:center; }

.popup_bodyStatus .popup_top {width:370px; margin-top:100px;}
.popup_bodyStatus .popup_content {width:370px; height:300px; display:flex; flex-direction:row;}

.popup_yesorno .popup_top {width:330px; margin-top:350px; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.popup_yesorno .popup_content {width:330px; height:160px; display:flex; flex-direction:column; justify-content:space-between; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}

.popup_leftorright .popup_top {width:330px; margin-top:350px; border-top-left-radius: 15px; border-top-right-radius: 15px;}
.popup_leftorright .popup_content {width:330px; height:160px; display:flex; flex-direction:column; justify-content:space-between; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}

.popup_relatedDiseases .popup_top {width:370px; margin-top:100px;}
.popup_relatedDiseases .popup_content {width:370px; height:400px; display:flex; flex-direction:row;}

.popup_recommandMedicine .popup_top {width:1000px; margin-top:100px;}
.popup_recommandMedicine .popup_content {width:1000px; height:670px; display:flex; flex-direction:row;}

/* 병원 내용 */
/*
.popup_hospital .popup_top {width:600px; margin-top:120px;}
.popup_hospital .popup_content {width:600px; height:330px; display:flex; flex-direction:row;}

.popup_hospital .hospital_wrap {width:100%; height:212px; border-left:1px solid rgba(99,99,99,0.2); display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;}

.popup_hospital .hospital_wrap {width:calc(100% - 20px); margin:30px 10px 10px 10px; border:1px solid #ccc;}
.popup_hospital .hospital_wrap.active {border:1px solid #ef7070;}
.popup_hospital .hospital_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; color:#aaa; font-size:14px; line-height:25px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.popup_hospital .hospital_wrap.active .caption {color:#e62324; background:#fff6f6; border-right:1px solid #ef7070;}
.popup_hospital .hospital_wrap .content_wrap {width:100%;}
.popup_hospital .hospital_wrap .content_wrap > div {width:100%; height:35px; border-bottom:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:flex-start;}
.popup_hospital .hospital_wrap .content_wrap > div:last-child {border-bottom:0 !important;}
.popup_hospital .hospital_wrap.active .content_wrap > div {height:35px; border-bottom:1px solid #efc7c7;}
.popup_hospital .hospital_wrap .content_wrap > div > div:last-child {width:auto; flex:1;}
.popup_hospital .hospital_wrap .title {width:150px; height:100%; font-size:13px; color:#292F36; text-align:center; border-left:1px solid #ccc; border-right:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_hospital .hospital_wrap .title.vertical {width:25px; writing-mode:vertical-rl; text-orientation:upright;}
.popup_hospital .hospital_wrap .title:first-child {border-left:0 !important;}
.popup_hospital .hospital_wrap.active .title {color:#e62324; background-color:#fff6f6; border-left:1px solid #efc7c7; border-right:1px solid #efc7c7;}
.popup_hospital .hospital_wrap .content {width:calc(50% - 62px); height:100%; font-size:13px;}
.popup_hospital .hospital_wrap .content.full {width:calc(100% - 61px);}
.popup_hospital .hospital_wrap .content.name {width:250px;}
.popup_hospital .hospital_wrap .content input {width:calc(100% - 10px); height:100%; padding:0 5px; font-size:16px;}
.popup_hospital .hospital_wrap .content input[name='CompanyNO'] {font-size:18px; font-weight:bold; letter-spacing:1px;}

.popup_hospital .btn_wrap {width:calc(100% - 20px); height:60px; margin:0 10px; overflow:hidden; display:flex; flex-direction:row; align-items:center; justify-content:space-between; right:0; bottom:0; position:absolute;}
.popup_hospital .btn_wrap .btn_delete {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_hospital .btn_wrap .btn_delete:hover {background-color:#bbb; border-color:#bbb; color:white;}
.popup_hospital .btn_wrap .btn_update {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_hospital .btn_wrap .btn_update:hover {background-color:#51c5d2; border-color:#51c5d2; color:white; opacity:1;}
.popup_hospital .btn_wrap .btn_update:focus {padding:8px 0; background-color:#51c5d2; border:2px dotted #888; color:white; opacity:1;}
*/

.popup_hospital .popup_top {width:600px; margin-top:120px;}
.popup_hospital .popup_content {width:600px; height:400px;}

.popup_hospital .popup_content .search_wrap {width:90%; height:80px; background-color: #eff2f7; padding: 20px 0; text-align: center; margin:0 auto; margin-top:10px; margin-bottom: 30px;}
.popup_hospital .popup_content .search_wrap .title {
	display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    font-size:14px;
    font-weight: 700;
    margin-right: 5px;
}
.popup_hospital .popup_content .search_wrap input {
	display: inline-block;
    width: 240px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #ccc;
    vertical-align: middle;
    text-align: left;
    outline: 0;
    -webkit-appearance: none;
}
.popup_hospital .popup_content .button {
    overflow: hidden;
    display: inline-block;
    min-width: 100px;
    height: 40px;
    margin: 0;
    padding: 0 20px;
    line-height: 37px;
    color: #fff;
    font-family: 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;
    font-weight: 700;
    letter-spacing: -0.05em;
    border: 1px solid #38626b; /* #3671c8; */
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: #38626b /* #3671c8; */
}


.popup_hospital .popup_content .result_wrap {
    overflow: auto;
    width: 90%;
    height: 200px;
    padding: 0;
    border: 1px solid #ddd;
    background-color: #fff;
    margin:0 auto;
}
.popup_hospital .popup_content .result_wrap table td {height:30px; text-align:center; font-size:12px; border:1px solid #ddd;}
.popup_hospital .popup_content .result_wrap table tr:hover {background-color: rgba(41, 103, 182, 0.89); color: #FFF;}
.popup_hospital .popup_content .result_wrap table tr.selected {background-color: rgba(41, 103, 182, 0.89);color: #FFF;}

.popup_hospital .popup_content .button_wrap {
	width:90%;
	margin: 15px auto;
    text-align: center;
}

/***********************************************************************************
* 차단유저 팝업
***********************************************************************************/

.popup_blind .popup_top {width:600px; margin-top:120px;}
.popup_blind .popup_content {width:600px; height:400px;}
.popup_blind .popup_content .search_wrap {width:90%; height:80px; background-color: #eff2f7; padding: 20px 0; text-align: center; margin:0 auto; margin-top:10px; margin-bottom: 30px;}
.popup_blind .popup_content .search_wrap .title {display: inline-block;vertical-align: middle; line-height: 40px; font-size:14px; font-weight: 700; margin-right: 5px;}
.popup_blind .popup_content .search_wrap input {	display: inline-block;width: 240px;height: 40px;padding: 0 10px;border: 1px solid #ccc;vertical-align: middle;text-align: left;outline: 0;-webkit-appearance: none;}
.popup_blind .popup_content .button {overflow: hidden;display: inline-block;min-width: 100px; height: 40px; margin: 0;padding: 0 20px;line-height: 37px;color: #fff;font-family: 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif;font-weight: 700;letter-spacing: -0.05em;border: 1px solid #38626b; /* #3671c8; */border-radius: 0;text-align: center;text-decoration: none;vertical-align: middle;background-color: #38626b /* #3671c8; */}
.popup_blind .popup_content .result_wrap {overflow: auto; width: 90%; height: 200px; padding: 0; border: 1px solid #ddd; background-color: #fff; margin:0 auto;}
.popup_blind .popup_content .result_wrap table td {height:30px; text-align:center; font-size:12px; border:1px solid #ddd;}
.popup_blind .popup_content .result_wrap table tr:hover {background-color: rgba(41, 103, 182, 0.89); color: #FFF;}
.popup_blind .popup_content .result_wrap table tr.selected {background-color: rgba(41, 103, 182, 0.89);color: #FFF;}
.popup_blind .popup_content .button_wrap {width:90%;margin: 15px auto; text-align: center;}



/***********************************************************************************
* 처방전 팝업
***********************************************************************************/


.popup_px .popup_top {width:1440px;}
.popup_px .popup_content {width:1440px; display:flex; flex-direction:row;}

.popup_px .prescription_wrap {width:100%;}
.prescription_wrap .prescription_content {flex:1; padding:10px;}

.popup_px .prescription_btn {margin:20px 0px 15px 0px; overflow:hidden; display:flex; flex-direction:row; align-items:center; justify-content:flex-end;}
.popup_px .prescription_btn .insert {justify-content:flex-end;}
.popup_px .prescription_btn .insert .btn.delete {display:none;}
.popup_px .prescription_btn .insert .btn.minus {display:none;}
.popup_px .prescription_btn .btn {width:calc((100% - 20px)/3); max-width:190px; padding:10px 0; margin-left:10px; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; user-select:none; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_px .prescription_btn .btn:hover {background-color:#bbb; border-color:#bbb; color:white;}
.popup_px .prescription_btn .btn.hidden {display:none;}

.popup_px .prescription_btn .btn.insert:hover {background-color:#51c5d2; border-color:#51c5d2; color:white; opacity:1;}
.popup_px .prescription_btn .btn.delete:hover {background-color:#ff6b4d; border-color:#ff6b4d; color:white; opacity:1;}
.popup_px .prescription_btn .btn.update:hover {background-color:#4ECDC4; border-color:#4ECDC4; color:white; opacity:1;}
.popup_px .prescription_btn .btn.update:focus {padding:8px 0; background-color:#4ECDC4; border:2px dotted #888; color:white; opacity:1;} 

.popup_px .PrescriptionItems {border-top:1px solid #f58c8c; overflow:hidden; border: 2px solid #ef7070;}
.popup_px .PrescriptionItems .caption {width:100%; height:45px; border-bottom:1px solid #efc7c7; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_px .PrescriptionItems .caption > div {flex:1; height:100%; font-size:13px; letter-spacing:2px; color:#e62324; font-weight:bold; background-color:#fff6f6; border-left:1px solid #efc7c7; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_px .PrescriptionItems .caption .MedicineNM_kr {border-left:0;}
.popup_px .PrescriptionItems .caption .MedicineNM_kr .btn_add {height:24px; line-height:24px; padding:0 10px; font-size:11px; color:#666; background-color:#eee; border:1px solid #ddd; border-radius:3px;}
.popup_px .PrescriptionItems .caption .MedicineNM_kr .btn_add i {margin:0 5px 0 0; padding:0;}
.popup_px .PrescriptionItems .caption .MedicineNM_kr .btn_add:hover {background-color:#4ECDC4; border:1px solid #4ECDC4; color:white;}
.popup_px .PrescriptionItems .caption .MedicineNM_kr .btn_add:focus {background-color:#4ECDC4; border:1px solid #4ECDC4; color:white;}
.popup_px .PrescriptionItems .caption .Capacity {width:90px; flex:none;}
.popup_px .PrescriptionItems .caption .Dose {width:90px; flex:none;}
.popup_px .PrescriptionItems .caption .Duration {width:90px; flex:none;}
.popup_px .PrescriptionItems .caption .StopReason {width:90px; flex:none;}
.popup_px .PrescriptionItems .medicine_list .medicine {width:100%; height:30px; border-bottom:1px solid #efc7c7; display:flex; flex-direction:row; align-items:center; justify-content:flex-start;}
.popup_px .PrescriptionItems .medicine_list .medicine:last-child {border-bottom:0;}
.popup_px .PrescriptionItems .medicine_list .medicine > div {flex:1; height:100%; font-size:13px; color:#e62324; border-left:1px solid #efc7c7; display:flex; flex-direction:row; align-items:center; justify-content:flex-start;}
.popup_px .PrescriptionItems .medicine_list .medicine .MedicineNM_kr {border-left:0;}
.popup_px .PrescriptionItems .medicine_list .medicine .MedicineNM_kr .btn_delete {height:100%; padding:0 10px; color:#bbb; font-size:20px; cursor:pointer; position:absolute; right:0; top:0; display:flex; flex-direction:row; align-items:center; justify-content:center; transition:all 0.3s;}
.popup_px .PrescriptionItems .medicine_list .medicine .MedicineNM_kr .btn_delete:hover {color:red;}
.popup_px .PrescriptionItems .medicine_list .medicine .Capacity {width:90px; flex:none;}
.popup_px .PrescriptionItems .medicine_list .medicine .Dose {width:90px; flex:none;}
.popup_px .PrescriptionItems .medicine_list .medicine .Duration {width:90px; flex:none;}
.popup_px .PrescriptionItems .medicine_list .medicine .StopReason {width:90px; flex:none;}
.popup_px .PrescriptionItems .medicine_list .medicine .StopReason input:focus {background-color:white;}
.popup_px .PrescriptionItems .medicine_list .medicine .StopReason input:hover {background-color:white;}
.popup_px .PrescriptionItems input {width:100%; height:100%; border:0; padding:0 10px; font-size:13px; text-align:right; transition:background-color 0.3s;}
.popup_px .PrescriptionItems select {width:100%;}
.popup_px .PrescriptionItems input:focus {background-color:#fff9af;}
.popup_px .PrescriptionItems input:hover {background-color:#fff9af;}
.popup_px .PrescriptionItems input[name='MedicineNM_kr'] {text-align:left;}
.popup_px .PrescriptionItems input[name='Capacity'] {text-align:center;}



.popup_medicinelist {width:450px; padding:5px; left:10px; position:absolute; border:1px solid #ccc; background-color:#eee; opacity:0; z-index:-1; transition:opacity 0.3s, z-index 0s 0.3s; display:none; flex-direction:column; align-items:center; justify-content:center;}
.popup_medicinelist.active {display:flex; opacity:1; z-index:11; transition:opacity 0.1s, z-index 0s;}
.popup_medicinelist.show {opacity:1; z-index:11; transition:opacity 0.1s, z-index 0s;}

.popup_medicinelist .medicinelist {max-height:200px; overflow-y:auto; width:100%}
.popup_medicinelist .medicinelist .medicinelist_wrap {padding:5px 0; background-color:#eee; display:flex; flex-direction:row; align-items:center; justify-content:space-between; cursor:pointer;}
.popup_medicinelist .medicinelist .medicinelist_wrap:hover {background-color:#38626b;}
.popup_medicinelist .medicinelist .medicinelist_wrap:focus {background-color:#38626b;}

.popup_medicinelist .medicinelist .medicinelist_wrap .medicinenm {flex:1; color:#333; font-size:12px; padding-left:5px; text-align:left; overflow:hidden;}
.popup_medicinelist .medicinelist .medicinelist_wrap:hover .medicinenm {color:white;}
.popup_medicinelist .medicinelist .medicinelist_wrap:focus .medicinenm {color:white;}

.popup_medicinelist .medicinelist .medicinelist_wrap .companyno {width:135px; color:#333; font-size:12px; padding-right:5px; text-align:right; overflow:hidden;}
.popup_medicinelist .medicinelist .medicinelist_wrap:hover .companyno {color:white;}
.popup_medicinelist .medicinelist .medicinelist_wrap:focus .companyno {color:white;}


/***********************************************************************************
* 처방전 팝업(구버전)
***********************************************************************************/

.popup_px_old .popup_top {width:800px;}
.popup_px_old .popup_content {width:800px; display:flex; flex-direction:row;}

.popup_px_old .prescription_wrap {width:100%;}
.prescription_wrap_old .prescription_content {flex:1; padding:10px;}
.prescription_wrap_old .prescription_content .btn_add {width:80px; height:30px; line-height:30px; padding:0 10px; font-size:12px; border-radius:3px; position:absolute; right:20px; top:12px;}
.prescription_wrap_old .prescription_content .btn_add i {margin:0 5px 0 0; padding:0;}
.prescription_wrap_old .prescription_content .medicine_list {margin-top:55px;}
.prescription_wrap_old .prescription_content .medicine_list .medicine {width:100%; height:35px; font-size: 16px;margin-top:8px;display:flex; flex-direction:row; align-items:center; justify-content:flex-start;}
.prescription_wrap_old .prescription_content .medicine_list .medicine:first-child {margin-top:0;}
.prescription_wrap_old .prescription_content .medicine_list .medicine > div {flex:1; height:100%; font-size:13px; display:flex; flex-direction:row; align-items:center; justify-content:flex-start;}
.prescription_wrap_old .prescription_content .medicine_list input {width:calc(100% + 12px); height: 100%; border:1px solid #aaa; padding: 0 10px; font-size: 16px;}
.prescription_wrap_old .prescription_content .medicine_list .medicine .MedicineNM_kr {width:340px; text-align:left; }
.prescription_wrap_old .prescription_content .medicine_list .medicine .MedicineNM_kr .btn_delete {height:100%; padding:0 10px; color:#bbb; font-size:20px; cursor:pointer; position:absolute; right:0; top:0; display:flex; flex-direction:row; align-items:center; justify-content:center; transition:all 0.3s;}
.prescription_wrap_old .prescription_content .medicine_list .medicine .MedicineNM_kr .btn_delete:hover {color:red;}
.prescription_wrap_old .prescription_content .medicine_list .medicine .Capacity {width:60px; flex:none; margin:0 5px;}
.prescription_wrap_old .prescription_content .medicine_list .medicine .Dose {width:65px; flex:none; margin-right: 5px;}
.prescription_wrap_old .prescription_content .medicine_list .medicine .Duration {width:60px; flex:none; }
.prescription_wrap_old .prescription_content .medicine_list .medicine .StopReason {flex:none; margin:0 5px;}
.prescription_wrap_old .prescription_content .medicine_list .medicine .StopReason select{height:35px; font-size: 14px;}
.prescription_wrap_old .prescription_content .medicine_list .medicine .Margin {width:5px; flex:none;}


.popup_px_old .prescription_btn {margin:2px 20px 15px 20px; overflow:hidden; display:flex; flex-direction:row; align-items:center; justify-content:flex-end;}
.popup_px_old .prescription_btn .insert {justify-content:flex-end;}
.popup_px_old .prescription_btn .insert .btn.delete {display:none;}
.popup_px_old .prescription_btn .insert .btn.minus {display:none;}
.popup_px_old .prescription_btn .btn {width:calc((100% - 20px)/3); max-width:190px; padding:10px 0; margin-left:10px; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; user-select:none; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_px_old .prescription_btn .btn:hover {background-color:#bbb; border-color:#bbb; color:white;}
.popup_px_old .prescription_btn .btn.hidden {display:none;}
.popup_px_old .prescription_btn .btn.insert:hover {background-color:#51c5d2; border-color:#51c5d2; color:white; opacity:1;}
.popup_px_old .prescription_btn .btn.delete:hover {background-color:#ff6b4d; border-color:#ff6b4d; color:white; opacity:1;}
.popup_px_old .prescription_btn .btn.update:hover {background-color:#4ECDC4; border-color:#4ECDC4; color:white; opacity:1;}
.popup_px_old .prescription_btn .btn.update:focus {padding:8px 0; background-color:#4ECDC4; border:2px dotted #888; color:white; opacity:1;}

.popup_medicinelist_old {width:360px; padding:5px; left:10px; position:absolute; border:1px solid #ccc; background-color:#eee; opacity:0; z-index:-1; transition:opacity 0.3s, z-index 0s 0.3s; display:none; flex-direction:column; align-items:center; justify-content:center;}
.popup_medicinelist_old.active {display:flex; opacity:1; z-index:11; transition:opacity 0.1s, z-index 0s;}
.popup_medicinelist_old.show {opacity:1; z-index:11; transition:opacity 0.1s, z-index 0s;}
.popup_medicinelist_old .medicinelist {max-height:200px; overflow-y:auto;}
.popup_medicinelist_old .medicinelist .medicinelist_wrap {width:340px; padding:5px 0; background-color:#eee; display:flex; flex-direction:row; align-items:center; justify-content:space-between; cursor:pointer;}
.popup_medicinelist_old .medicinelist .medicinelist_wrap:hover {background-color:#38626b;}
.popup_medicinelist_old .medicinelist .medicinelist_wrap:focus {background-color:#38626b;}
.popup_medicinelist_old .medicinelist .medicinelist_wrap .medicinenm {flex:1; color:#333; font-size:12px; padding-left:5px; text-align:left; overflow:hidden;}
.popup_medicinelist_old .medicinelist .medicinelist_wrap:hover .medicinenm {color:white;}
.popup_medicinelist_old .medicinelist .medicinelist_wrap:focus .medicinenm {color:white;}
.popup_medicinelist_old .medicinelist .medicinelist_wrap .companyno {width:135px; color:#333; font-size:12px; padding-right:5px; text-align:right; overflow:hidden;}
.popup_medicinelist_old .medicinelist .medicinelist_wrap:hover .companyno {color:white;}
.popup_medicinelist_old .medicinelist .medicinelist_wrap:focus .companyno {color:white;}


.popup_auth .popup_top {width:400px; margin-top:50px;}
.popup_auth .popup_content {width:400px; height:auto;display:flex; flex-direction:column;justify-content:space-around; align-items:center;}

.popup_change_pw .popup_top {width:400px; margin-top:50px;}
.popup_change_pw .popup_content {width:400px; height:auto;display:flex; flex-direction:column;justify-content:space-around; align-items:center;}


/***********************************************************************************
* 진료예약 팝업
***********************************************************************************/

.popup_appointment .popup_top {width:800px; margin-top:50px;}
.popup_appointment .popup_content {width:800px; height:700px; display:flex; flex-direction:row;}

/* 캘린더 */
.popup_appointment .popup_wrap {width:100%; height:100%; padding-bottom:70px; }
.popup_appointment .appointment_wrap {width:calc(100% - 20px); margin:10px; }
#pop_calendar {max-width:700px; margin: 0 auto; padding-top:30px;}

.fc table{
    table-layout: auto;
}
.fc-view > table{  
    min-width: 0;
    width: auto;
}
.fc-axis{
    width:78px; /*the width of times column*/
}
.fc-day,.fc-resource-cell,.fc-content-col{
    width:114px;
}

.fc-scrollgrid-sync-table td {
	/* height:80px; */
}

.fc-scroller {
   /* overflow-y: hidden !important; */
}

.fc .fc-more-popover .fc-popover-body {
    min-width: 110px !important;
}



/***********************************************************************************
* 기록 팝업
***********************************************************************************/

.popup_record .popup_top {width:700px;}
.popup_record .popup_content {width:700px; display:flex; flex-direction:row;}

/* 약 내용 */
.popup_record .popup_wrap {width:calc(100% - 300px); height:calc(100% - 70px); padding-bottom:70px; border-left:1px solid rgba(99,99,99,0.2); overflow-y:auto; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.popup_record .record_wrap {width:calc(100% - 20px); margin:10px; }


.popup_record .record_wrap .content_wrap {flex:1; padding:10px;}
.popup_record .record_wrap .content_wrap > div {width:100%; margin-top:10px; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_record .record_wrap .content_wrap section > div {width:100%; margin-top:10px; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_record .record_wrap .content_wrap section.record {display:none;}
.popup_record .record_wrap .content_wrap .title {width:80px; color:#292F36; font-size:15px; letter-spacing:1px;} /* display:flex; align-items:center; justify-content:flex-start; */
.popup_record .record_wrap .content_wrap .content {flex:1; display:flex; align-items:center; justify-content:flex-end;}
.popup_record .record_wrap .content_wrap .content input {width:calc(100% - 20px); height:calc(34px - 13px); padding:5px 10px 5px 10px; color:#292F36; font-size:16px; text-align:left; box-sizing:content-box; border:1px solid #ccc; border-radius:3px;}
.popup_record .record_wrap .content_wrap .content input::-webkit-input-placeholder {color:#ccc;}
.popup_record .record_wrap .content_wrap .content input:-moz-placeholder {color:#ccc;}
.popup_record .record_wrap .content_wrap .content select {width:100%; height:36px; border:1px solid #ddd; padding:5px 10px 8px 10px; color:#292F36; font-size:16px; background-color:white; border:1px solid #ccc; border-radius:3px;}
/* .popup_record .record_wrap .content_wrap .content select:focus {border:2px dotted #888; background-color:#51c5d2;} */

.popup_record .btn_wrap {width:calc(100% - 20px); height:60px; margin:0 10px; overflow:hidden; right:0; bottom:0; position:absolute;}
.popup_record .btn_wrap .btn_update {width:calc((100% - 20px)/3); padding:10px 0; margin-right:10px; float:right; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_record .btn_wrap .btn_update:hover {background-color:#51c5d2; border-color:#51c5d2; color:white; opacity:1;}

.popup_record .record_wrap .content_wrap section.record.gc {margin-top:30px;}
.popup_record .record_wrap .content_wrap section.record.gc .measure {width:100%; justify-content:space-between; border:1px solid #ddd; border-radius: 10px; padding:5px;}
.popup_record .record_wrap .content_wrap section.record.gc .measure .title {display:block; float:left; line-height:33px;}
.popup_record .record_wrap .content_wrap section.record.gc .measure .measure_det {display:inline-block; color: #292F36; font-size: 15px; letter-spacing: 1px;}
.popup_record .record_wrap .content_wrap section.record.gc .measure .measure_det.rr {padding-left:30px;}

.popup_record .record_wrap .content_wrap section.record.gc div.title {width:35%; padding-left:10%; line-height:30px; color:rgba(54, 162, 235, 1);}
.popup_record .record_wrap .content_wrap section.record.gc div.content {width:50%; line-height:30px;}


/***********************************************************************************
* 약 정보 팝업
***********************************************************************************/

.popup_medicine .popup_top {width:700px;}
.popup_medicine .popup_content {width:700px; display:flex; flex-direction:row;}



/* 약 이미지 */
.popup_medicine .img_wrap {width:300px;}


/* 약 내용 */
.popup_medicine .popup_wrap {width:calc(100% - 300px); height:calc(100% - 70px); padding-bottom:70px; border-left:1px solid rgba(99,99,99,0.2); overflow-y:auto; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.popup_medicine .medicine_wrap {width:calc(100% - 20px); margin:10px; }

.popup_medicine .medicine_basic_wrap {width:calc(100% - 20px); margin:10px; border:1px solid #ccc;}
.popup_medicine .medicine_basic_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; font-size:14px; line-height:48px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.popup_medicine .medicine_basic_wrap .content_wrap {flex:1; padding:10px;}
.popup_medicine .medicine_basic_wrap .content_wrap > div {width:100%; margin-top:10px; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_medicine .medicine_basic_wrap .content_wrap .title {width:130px; color:#292F36; font-size:15px; letter-spacing:1px; display:flex; align-items:center; justify-content:flex-start;}
.popup_medicine .medicine_basic_wrap .content_wrap .content {flex:1; display:flex; align-items:center; justify-content:flex-end;}
.popup_medicine .medicine_basic_wrap .content_wrap .content input {width:calc(100% - 20px); height:calc(34px - 13px); padding:5px 10px 5px 10px; color:#292F36; font-size:16px; text-align:left; box-sizing:content-box; border:1px solid #ccc; border-radius:3px;}
.popup_medicine .medicine_basic_wrap .content_wrap .content input::-webkit-input-placeholder {color:#ccc;}
.popup_medicine .medicine_basic_wrap .content_wrap .content input:-moz-placeholder {color:#ccc;}
.popup_medicine .medicine_basic_wrap .content_wrap .content select {width:100%; height:36px; border:1px solid #ddd; padding:5px 10px 8px 10px; color:#292F36; font-size:16px; background-color:white; border:1px solid #ccc; border-radius:3px;}
.popup_medicine .medicine_basic_wrap .content_wrap .content select:focus {border:2px dotted #888; background-color:#51c5d2;}

.box-radio-input input[type="radio"]{display:none;}
.box-radio-input input[type="radio"] + span{display:inline-block; background:none; border:1px solid #dfdfdf; padding:0px 15px; text-align:center; height:30px; line-height:30px; font-weight:500; cursor:pointer;}
.box-radio-input input[type="radio"]:checked + span{  border:1px solid #51c5d2; background:#51c5d2; color:#fff;}

.popup_medicine .medicine_detail_wrap {width:calc(100% - 20px); margin:10px; border:1px solid #ccc;}
.popup_medicine .medicine_detail_wrap.active {border:1px solid #ef7070;}
.popup_medicine .medicine_detail_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; color:#aaa; font-size:14px; line-height:70px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.popup_medicine .medicine_detail_wrap.active .caption {color:#e62324; background:#fff6f6; border-right:1px solid #ef7070;}
.popup_medicine .medicine_detail_wrap .content_wrap {flex:1;}
.popup_medicine .medicine_detail_wrap .content_wrap > div {height:35px; border-bottom:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:flex-start;}
.popup_medicine .medicine_detail_wrap .content_wrap > div:last-child {border-bottom:0 !important;}
.popup_medicine .medicine_detail_wrap.active .content_wrap > div {height:35px; border-bottom:1px solid #efc7c7;}
.popup_medicine .medicine_detail_wrap .content_wrap > div > div:last-child {width:auto; flex:1;}
.popup_medicine .medicine_detail_wrap .title {width:140px; height:100%; font-size:13px; color:#292F36; text-align:center; border-left:1px solid #ccc; border-right:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_medicine .medicine_detail_wrap .title.vertical {width:25px; writing-mode:vertical-rl; text-orientation:upright;}
.popup_medicine .medicine_detail_wrap .title:first-child {border-left:0 !important;}
.popup_medicine .medicine_detail_wrap.active .title {color:#e62324; background-color:#fff6f6; border-left:1px solid #efc7c7; border-right:1px solid #efc7c7;}
.popup_medicine .medicine_detail_wrap .content {width:calc(50% - 62px); height:100%; font-size:13px;}
.popup_medicine .medicine_detail_wrap .content.full {width:calc(100% - 61px);}
.popup_medicine .medicine_detail_wrap .content.name {width:250px;}
.popup_medicine .medicine_detail_wrap .content input {width:calc(100% - 10px); height:100%; padding:0 5px; font-size:16px;}
.popup_medicine .medicine_detail_wrap .content input[name='CompanyNO'] {font-size:18px; font-weight:bold; letter-spacing:1px;}
/*.popup_medicine .company_wrap .content input[name='CompanyAddress'] {width:calc(100% - 10px);}
.popup_medicine .company_wrap .content input[name='CompanyEmail'] {width:calc(100% - 10px);}*/

.popup_medicine .btn_wrap {width:calc(100% - 20px); height:60px; margin:0 10px; overflow:hidden; right:0; bottom:0; position:absolute;}
.popup_medicine .btn_wrap .btn_delete {width:calc((100% - 20px)/3); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_medicine .btn_wrap .btn_delete:hover {background-color:#bbb; border-color:#bbb; color:white;}
.popup_medicine .btn_wrap .btn_update {width:calc((100% - 20px)/3); padding:10px 0; margin-right:10px; float:right; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_medicine .btn_wrap .btn_update:hover {background-color:#51c5d2; border-color:#51c5d2; color:white; opacity:1;}
.popup_user .btn_wrap .btn_update:focus {padding:8px 0; background-color:#51c5d2; border:2px dotted #888; color:white; opacity:1;}
.popup_doctor .btn_wrap .btn_update:focus {padding:8px 0; background-color:#51c5d2; border:2px dotted #888; color:white; opacity:1;}





/***********************************************************************************
* 게시판 상세보기 팝업
***********************************************************************************/
.popup_board .popup_top {width:1000px;}
.popup_board .popup_content {width:1000px; height:780px; display:flex; flex-direction:row;}

.popup_board .board_wrap {width:100%; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;}

.popup_board .board_wrap {width:calc(100% - 20px); margin:30px 10px 10px 10px;}
.popup_board .board_wrap.active {border:1px solid #ef7070;}
.popup_board .board_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; color:#aaa; font-size:14px; line-height:25px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.popup_board .board_wrap.active .caption {color:#e62324; background:#fff6f6; border-right:1px solid #ef7070;}
.popup_board .board_wrap .content_wrap {width:100%;}
.popup_board .board_wrap .content_wrap > div {width:100%; border-bottom:1px solid #ccc; display:flex; flex-direction:row; align-items:center;}
.popup_board .board_wrap .content_wrap > div:last-child {border-bottom:0 !important;}
.popup_board .board_wrap.active .content_wrap > div {height:35px; border-bottom:1px solid #efc7c7;}
.popup_board .board_wrap .content_wrap > div > div:last-child {width:auto; flex:1;}
.popup_board .board_wrap .title {width:150px; height:100%; font-size:13px; color:#292F36; text-align:center; border-left:1px solid #ccc; border-right:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_board .board_wrap .title.vertical {width:25px; writing-mode:vertical-rl; text-orientation:upright;}
.popup_board .board_wrap .title:first-child {border-left:0 !important;}
.popup_board .board_wrap.active .title {color:#e62324; background-color:#fff6f6; border-left:1px solid #efc7c7; border-right:1px solid #efc7c7;}
.popup_board .board_wrap .content {width:calc(50% - 62px); height:100%; font-size:13px;}
.popup_board .board_wrap .content.full {width:calc(100% - 61px);}
.popup_board .board_wrap .content.name {width:250px;}
.popup_board .board_wrap .content input {width:calc(100% - 10px); height:100%; padding:0 5px; font-size:16px;}
.popup_board .board_wrap .content input[name='CompanyNO'] {font-size:18px; font-weight:bold; letter-spacing:1px;}
/*.popup_board .board_wrap .content input[name='CompanyAddress'] {width:calc(100% - 10px);}
.popup_board .board_wrap .content input[name='CompanyEmail'] {width:calc(100% - 10px);}*/

.popup_board .btn_wrap {width:100%; height:60px;overflow:hidden; display:flex; flex-direction:row; align-items:center; justify-content:space-between; right:0; bottom:0;}
.popup_board .btn_wrap .btn_delete {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_board .btn_wrap .btn_delete:hover {background-color:#bbb; border-color:#bbb; color:white;}
.popup_board .btn_wrap .btn_update {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_board .btn_wrap .btn_update:hover {background-color:#51c5d2; border-color:#51c5d2; color:white; opacity:1;}
.popup_board .btn_wrap .btn_update:focus {padding:8px 0; background-color:#51c5d2; border:2px dotted #888; color:white; opacity:1;}

.doctor_dashboard_board .popup_top {width:800px;}
.doctor_dashboard_board .popup_content {width:800px; height:950px; display:flex; flex-direction:row;}
.doctor_dashboard_board .board_wrap {width:100%; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;}
.doctor_dashboard_board .board_wrap {width:calc(100% - 20px); margin:30px 10px 10px 10px;}
.doctor_dashboard_board .board_wrap.active {border:1px solid #ef7070;}
.doctor_dashboard_board .board_wrap .content_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; color:#aaa; font-size:14px; line-height:25px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.doctor_dashboard_board .board_wrap.active .caption {color:#e62324; background:#fff6f6; border-right:1px solid #ef7070;}
.doctor_dashboard_board .board_wrap .content_wrap {width:100%;}
.doctor_dashboard_board .board_wrap .content_wrap > div {width:100%; border-bottom:1px solid #ccc; display:flex; flex-direction:row; align-items:center;}
.doctor_dashboard_board .board_wrap .content_wrap > div:last-child {border-bottom:0 !important;}
.doctor_dashboard_board .board_wrap.active .content_wrap > div {height:35px; border-bottom:1px solid #efc7c7;}
.doctor_dashboard_board .board_wrap .content_wrap > div > div:last-child {width:auto; flex:1;}
.doctor_dashboard_board .board_wrap .title {width:150px; height:100%; font-size:13px; color:#292F36; text-align:center; border-left:1px solid #ccc; border-right:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.doctor_dashboard_board .board_wrap .title.vertical {width:25px; writing-mode:vertical-rl; text-orientation:upright;}
.doctor_dashboard_board .board_wrap .title:first-child {border-left:0 !important;}
.doctor_dashboard_board .board_wrap.active .title {color:#e62324; background-color:#fff6f6; border-left:1px solid #efc7c7; border-right:1px solid #efc7c7;}
.doctor_dashboard_board .board_wrap .content {width:calc(50% - 62px); height:100%; font-size:13px;}
.doctor_dashboard_board .board_wrap .content.full {width:calc(100% - 61px);}
.doctor_dashboard_board .board_wrap .content.name {width:250px;}
.doctor_dashboard_board .board_wrap .content input {width:calc(100% - 10px); height:100%; padding:0 5px; font-size:16px;}
.doctor_dashboard_board .board_wrap .content input[name='CompanyNO'] {font-size:18px; font-weight:bold; letter-spacing:1px;}
.doctor_dashboard_board .btn_wrap {width:100%; height:60px;overflow:hidden; display:flex; flex-direction:row; align-items:center; justify-content:space-between; right:0; bottom:0;}
.doctor_dashboard_board .btn_wrap .btn_delete {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.doctor_dashboard_board .btn_wrap .btn_delete:hover {background-color:#bbb; border-color:#bbb; color:white;}
.doctor_dashboard_board .btn_wrap .btn_update {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.doctor_dashboard_board .btn_wrap .btn_update:hover {background-color:#51c5d2; border-color:#51c5d2; color:white; opacity:1;}
.doctor_dashboard_board .btn_wrap .btn_update:focus {padding:8px 0; background-color:#51c5d2; border:2px dotted #888; color:white; opacity:1;}
/*.popup_board .board_wrap .content input[name='CompanyAddress'] {width:calc(100% - 10px);}
.popup_board .board_wrap .content input[name='CompanyEmail'] {width:calc(100% - 10px);}*/





input[name='TitleText'] {width:500px; height:35px; padding:0 10px; border:1px solid #aaa; color:#666;}
textarea[name='ReplyHTML'] {width:500px; height:70px; padding:5px 10px; border:1px solid #aaa; color:#666; overflow:hidden;}

textarea.board[name='ContentHTML'] {width:500px; height:400px; padding:5px 10px; border:1px solid #aaa; color:#666; overflow:hidden;}
textarea[name='CommentHTML'] {width:100%; height:150px; padding:5px 10px; border:1px solid #aaa; color:#666; overflow:hidden;}

/* table3 */
.tb3 {border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; width:100%;}
.tb3 th, .tb3 td {border-bottom:1px solid #dcdcdc; padding:6px 0; text-align:left;}
.tb3 th {background:#efefef; text-align:center;}
.tb3 td {padding-left:15px;}
.tb3 td.check * {vertical-align:middle;}
.tb3 td.check input {margin:-3px 3px 0 30px;}
.tb3 td.check input.first {margin:-3px 3px 0 0;}
.tb3 td.view {padding:25px 25px 50px 25px;}



/***********************************************************************************
* 게시판 공지사항 팝업
***********************************************************************************/
.popup_notice .popup_top {width:800px;}
.popup_notice .popup_content {width:800px; height:800px; display:flex; flex-direction:row;}

.popup_notice .board_wrap {width:100%; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;}

.popup_notice .board_wrap {width:calc(100% - 20px); margin:30px 10px 10px 10px;}
.popup_notice .board_wrap.active {border:1px solid #ef7070;}
.popup_notice .board_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; color:#aaa; font-size:14px; line-height:25px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.popup_notice .board_wrap.active .caption {color:#e62324; background:#fff6f6; border-right:1px solid #ef7070;}
.popup_notice .board_wrap .content_wrap {width:100%;}
.popup_notice .board_wrap .content_wrap > div {width:100%; border-bottom:1px solid #ccc; display:flex; flex-direction:row; align-items:center;}
.popup_notice .board_wrap .content_wrap > div:last-child {border-bottom:0 !important;}
.popup_notice .board_wrap.active .content_wrap > div {height:35px; border-bottom:1px solid #efc7c7;}
.popup_notice .board_wrap .content_wrap > div > div:last-child {width:auto; flex:1;}
.popup_notice .board_wrap .title {width:150px; height:100%; font-size:13px; color:#292F36; text-align:center; border-left:1px solid #ccc; border-right:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_notice .board_wrap .title.vertical {width:25px; writing-mode:vertical-rl; text-orientation:upright;}
.popup_notice .board_wrap .title:first-child {border-left:0 !important;}
.popup_notice .board_wrap.active .title {color:#e62324; background-color:#fff6f6; border-left:1px solid #efc7c7; border-right:1px solid #efc7c7;}
.popup_notice .board_wrap .content {width:calc(50% - 62px); height:100%; font-size:13px;}
.popup_notice .board_wrap .content.full {width:calc(100% - 61px);}
.popup_notice .board_wrap .content.name {width:250px;}
.popup_notice .board_wrap .content input {width:calc(100% - 10px); height:100%; padding:0 5px; font-size:16px;}
.popup_notice .board_wrap .content input[name='CompanyNO'] {font-size:18px; font-weight:bold; letter-spacing:1px;}
.popup_notice .board_wrap input[name='TitleHTML'] {width:500px; height:35px; padding:0 10px; border:1px solid #aaa; color:#666;}

.popup_notice .btn_wrap {height:60px; margin:0 10px; overflow:hidden; display:flex; flex-direction:row; align-items:center; justify-content:space-between; right:0; bottom:0;}
.popup_notice .btn_wrap .btn_delete {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_notice .btn_wrap .btn_delete:hover {background-color:#bbb; border-color:#bbb; color:white;}
.popup_notice .btn_wrap .btn_update {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_notice .btn_wrap .btn_update:hover {background-color:#51c5d2; border-color:#51c5d2; color:white; opacity:1;}
.popup_notice .btn_wrap .btn_update:focus {padding:8px 0; background-color:#51c5d2; border:2px dotted #888; color:white; opacity:1;}

/***********************************************************************************
* 게시판 QNA 팝업
***********************************************************************************/
.popup_QNA .popup_top {width:800px;}
.popup_QNA .popup_content {width:800px; height:800px; display:flex; flex-direction:row;}
.popup_QNA .board_wrap {width:100%; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;}
.popup_QNA .board_wrap {width:calc(100% - 20px); margin:30px 10px 10px 10px;}
.popup_QNA .board_wrap.active {border:1px solid #ef7070;}
.popup_QNA .board_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; color:#aaa; font-size:14px; line-height:25px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.popup_QNA .board_wrap.active .caption {color:#e62324; background:#fff6f6; border-right:1px solid #ef7070;}
.popup_QNA .board_wrap .content_wrap {width:100%;}
.popup_QNA .board_wrap .content_wrap > div {width:100%; border-bottom:1px solid #ccc; display:flex; flex-direction:row; align-items:center;}
.popup_QNA .board_wrap .content_wrap > div:last-child {border-bottom:0 !important;}
.popup_QNA .board_wrap.active .content_wrap > div {height:35px; border-bottom:1px solid #efc7c7;}
.popup_QNA .board_wrap .content_wrap > div > div:last-child {width:auto; flex:1;}
.popup_QNA .board_wrap .title {width:150px; height:100%; font-size:13px; color:#292F36; text-align:center; border-left:1px solid #ccc; border-right:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_QNA .board_wrap .title.vertical {width:25px; writing-mode:vertical-rl; text-orientation:upright;}
.popup_QNA .board_wrap .title:first-child {border-left:0 !important;}
.popup_QNA .board_wrap.active .title {color:#e62324; background-color:#fff6f6; border-left:1px solid #efc7c7; border-right:1px solid #efc7c7;}
.popup_QNA .board_wrap .content {width:calc(50% - 62px); height:100%; font-size:13px;}
.popup_QNA .board_wrap .content.full {width:calc(100% - 61px);}
.popup_QNA .board_wrap .content.name {width:250px;}
.popup_QNA .board_wrap .content input {width:calc(100% - 10px); height:100%; padding:0 5px; font-size:16px;}
.popup_QNA .board_wrap .content input[name='CompanyNO'] {font-size:18px; font-weight:bold; letter-spacing:1px;}
.popup_QNA .board_wrap input[name='TitleHTML'] {width:500px; height:35px; padding:0 10px; border:1px solid #aaa; color:#666;}
.popup_QNA .btn_wrap {height:60px; margin:0 10px; overflow:hidden; display:flex; flex-direction:row; align-items:center; justify-content:space-between; right:0; bottom:0;}
.popup_QNA .btn_wrap .btn_delete {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_QNA .btn_wrap .btn_delete:hover {background-color:#bbb; border-color:#bbb; color:white;}
.popup_QNA .btn_wrap .btn_update {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_QNA .btn_wrap .btn_update:hover {background-color:#51c5d2; border-color:#51c5d2; color:white; opacity:1;}
.popup_QNA .btn_wrap .btn_update:focus {padding:8px 0; background-color:#51c5d2; border:2px dotted #888; color:white; opacity:1;}


/* table4 */
.tb4 {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; width:100%;}
.tb4 th, .tb4 td {border-bottom:1px solid #dcdcdc; padding:6px 0; text-align:left;}
.tb4 th {width:20%; background:#efefef; text-align:center;}
.tb4 td {padding-left:15px;}
.tb4 td.check * {vertical-align:middle;}
.tb4 td.check input {margin:-3px 3px 0 30px;}
.tb4 td.check input.first {margin:-3px 3px 0 0;}
.tb4 td.view {padding:25px 25px 50px 25px;}


/***********************************************************************************
* FCM 팝업
***********************************************************************************/
.popup_fcm .popup_top {width:700px;}
.popup_fcm .popup_content {width:700px; height:700px; display:flex; flex-direction:row;}
.popup_fcm .fcm_wrap {width:100%; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;}
.popup_fcm .fcm_wrap {width:calc(100% - 20px); margin:30px 10px 10px 10px;}
.popup_fcm .fcm_wrap.active {border:1px solid #ef7070;}
.popup_fcm .fcm_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; color:#aaa; font-size:14px; line-height:25px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.popup_fcm .fcm_wrap.active .caption {color:#e62324; background:#fff6f6; border-right:1px solid #ef7070;}
.popup_fcm .fcm_wrap .content_wrap {width:100%;}
.popup_fcm .fcm_wrap .content_wrap > div {width:100%; height:35px; border-bottom:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:flex-start;}
.popup_fcm .fcm_wrap .content_wrap > div:last-child {border-bottom:0 !important;}
.popup_fcm .fcm_wrap.active .content_wrap > div {height:35px; border-bottom:1px solid #efc7c7;}
.popup_fcm .fcm_wrap .content_wrap > div > div:last-child {width:auto; flex:1;}
.popup_fcm .fcm_wrap .title {width:150px; height:100%; font-size:13px; color:#292F36; text-align:center; border-left:1px solid #ccc; border-right:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_fcm .fcm_wrap .title.vertical {width:25px; writing-mode:vertical-rl; text-orientation:upright;}
.popup_fcm .fcm_wrap .title:first-child {border-left:0 !important;}
.popup_fcm .fcm_wrap.active .title {color:#e62324; background-color:#fff6f6; border-left:1px solid #efc7c7; border-right:1px solid #efc7c7;}
.popup_fcm .fcm_wrap .content {width:calc(50% - 62px); height:100%; font-size:13px;}
.popup_fcm .fcm_wrap .content.full {width:calc(100% - 61px);}
.popup_fcm .fcm_wrap .content.name {width:250px;}
.popup_fcm .fcm_wrap .content input {width:calc(100% - 10px); height:100%; padding:0 5px; font-size:16px;}
.popup_fcm .fcm_wrap .content input[name='CompanyNO'] {font-size:18px; font-weight:bold; letter-spacing:1px;}
.popup_fcm .fcm_wrap input[name='TitleHTML'] {width:500px; height:35px; padding:0 10px; border:1px solid #aaa; color:#666;}
.popup_fcm .fcm_wrap .tdfcm {width:100%; display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start;}
.popup_fcm .fcm_wrap .tdfcm .divfcm {width:50%; }
.popup_fcm .fcm_wrap .tdfcm .divfcm .msg_area {width:265px; height:400px; position:absolute; top:85px; left:30px;}
.popup_fcm .fcm_wrap .tdfcm .divfcm .msg_area .FCM_TEXT {width:100%; height:100%; font-size:15px; background-color:transparent;}
.popup_fcm .fcm_wrap .tdfcm .fcm_target {font-size:15px; text-align:center;}
.popup_fcm .fcm_wrap .tdfcm .fcm_target.title {width:100%; text-align:center; border:0; margin:25px 0;}
.popup_fcm .fcm_wrap .tdfcm .fcm_target.title .spnTargetCnt {font-size:15px; font-weight:bold; color:red;}
.popup_fcm .fcm_wrap .tdfcm .fcm_target.user {height:500px;}
.popup_fcm .fcm_wrap .tdfcm .fcm_target.user .fcm_user {width:100%; height:100%; overflow-y:auto; border:1px solid #ddd; border-radius:5px; padding:10px;}
.popup_fcm .fcm_wrap .tdfcm .fcm_target.user .fcm_user .fcm_target_user {font-size:15px; text-align:left; padding-left:20px;}
.popup_fcm .btn_wrap {width:calc(100% - 52px); height:60px; margin:0 30px; overflow:hidden; display:flex; flex-direction:row; align-items:center; justify-content:space-between; right:0; bottom:90px; position:absolute;}
.popup_fcm .btn_wrap .btn_delete {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_fcm .btn_wrap .btn_delete:hover {background-color:#bbb; border-color:#bbb; color:white;}
.popup_fcm .btn_wrap .btn_update {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_fcm .btn_wrap .btn_update:hover {background-color:#51c5d2; border-color:#51c5d2; color:white; opacity:1;}
.popup_fcm .btn_wrap .btn_update:focus {padding:8px 0; background-color:#51c5d2; border:2px dotted #888; color:white; opacity:1;}


/***********************************************************************************
* 메일 팝업
***********************************************************************************/
.popup_mail .popup_top {width:1200px;}
.popup_mail .popup_content {width:1200px; height:700px; display:flex; flex-direction:row;}
.popup_mail .mail_wrap {width:100%; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;}
.popup_mail .mail_wrap {width:calc(100% - 20px); margin:30px 10px 10px 10px;}
.popup_mail .mail_wrap.active {border:1px solid #ef7070;}
.popup_mail .mail_wrap .caption {width:30px; height:100%; border-right:1px solid #ccc; color:#aaa; font-size:14px; line-height:25px; text-align:center; color:#666; font-weight:bold; background-color:#eee;}
.popup_mail .mail_wrap.active .caption {color:#e62324; background:#fff6f6; border-right:1px solid #ef7070;}
.popup_mail .mail_wrap .content_wrap {width:100%;}
.popup_mail .mail_wrap .content_wrap > div {width:100%; height:35px; border-bottom:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:flex-start;}
.popup_mail .mail_wrap .content_wrap > div:last-child {border-bottom:0 !important;}
.popup_mail .mail_wrap.active .content_wrap > div {height:35px; border-bottom:1px solid #efc7c7;}
.popup_mail .mail_wrap .content_wrap > div > div:last-child {width:auto; flex:1;}
.popup_mail .mail_wrap .title {width:150px; height:100%; font-size:13px; color:#292F36; text-align:center; border-left:1px solid #ccc; border-right:1px solid #ccc; display:flex; flex-direction:row; align-items:center; justify-content:center;}
.popup_mail .mail_wrap .title.vertical {width:25px; writing-mode:vertical-rl; text-orientation:upright;}
.popup_mail .mail_wrap .title:first-child {border-left:0 !important;}
.popup_mail .mail_wrap.active .title {color:#e62324; background-color:#fff6f6; border-left:1px solid #efc7c7; border-right:1px solid #efc7c7;}
.popup_mail .mail_wrap .content {width:calc(50% - 62px); height:100%; font-size:13px;}
.popup_mail .mail_wrap .content.full {width:calc(100% - 61px);}
.popup_mail .mail_wrap .content.name {width:250px;}
.popup_mail .mail_wrap .content input {width:calc(100% - 10px); height:100%; padding:0 5px; font-size:16px;}
.popup_mail .mail_wrap .content input[name='CompanyNO'] {font-size:18px; font-weight:bold; letter-spacing:1px;}
.popup_mail .mail_wrap input[name='TitleHTML'] {width:500px; height:35px; padding:0 10px; border:1px solid #aaa; color:#666;}
.popup_mail .mail_wrap .tdmail {width:100%; display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between;}
.popup_mail .mail_wrap .tdmail .divmail.text_section {width:65%; }
.popup_mail .mail_wrap .tdmail .divmail {width:33%; }
.popup_mail .mail_wrap .tdmail .divmail .msg_area {width: 100%; height: 500px; overflow-y: auto; border: 1px solid #ddd;  border-radius: 5px;  padding: 10px;}
.popup_mail .mail_wrap .tdmail .divmail .msg_area .MAIL_TEXT {width:100%; height:100%; font-size:15px; background-color:transparent;}

.popup_mail .mail_wrap .tdmail .mail_content.title {width:100%; text-align:center; border:0; margin:25px 0; padding: 0 10px 0 10px;/* border: 1px solid #ddd;  border-radius: 5px; */ }

.popup_mail .mail_wrap .tdmail .mail_target {font-size:15px; text-align:center;}
.popup_mail .mail_wrap .tdmail .mail_target.title {width:100%; text-align:center; border:0; margin:25px 0;}
.popup_mail .mail_wrap .tdmail .mail_target.title .spnTargetCnt {font-size:15px; font-weight:bold; color:red;}


.popup_mail .mail_wrap .tdmail .mail_target.user {height:500px;}
.popup_mail .mail_wrap .tdmail .mail_target.user .mail_user {width:100%; height:100%; overflow-y:auto; border:1px solid #ddd; border-radius:5px; padding:10px;}
.popup_mail .mail_wrap .tdmail .mail_target.user .mail_user .mail_target_user {font-size:15px; text-align:left; padding-left:20px; margin:2px;}
.popup_mail .btn_wrap {width:300px; height:60px; margin:0 30px; overflow:hidden; display:flex; flex-direction:row; align-items:center; justify-content:flex-end; right:0; bottom:20px; position:absolute;}
.popup_mail .btn_wrap .btn_delete {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_mail .btn_wrap .btn_delete:hover {background-color:#bbb; border-color:#bbb; color:white;}
.popup_mail .btn_wrap .btn_update {width:calc((100% - 20px)/2); padding:10px 0; font-size:16px; letter-spacing:3px; background-color:white; color:#bbb; box-sizing:content-box; border:1px solid #bbb; border-radius:3px; overflow:hidden; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0.7; transition:opacity 0.3s, background 0.3s, color 0.3s, border 0.3s;}
.popup_mail .btn_wrap .btn_update:hover {background-color:#51c5d2; border-color:#51c5d2; color:white; opacity:1;}
.popup_mail .btn_wrap .btn_update:focus {padding:8px 0; background-color:#51c5d2; border:2px dotted #888; color:white; opacity:1;}

/* table5 */
.tb5 {/* border:1px solid #dcdcdc; */ width:100%;}
.tb5 th, .tb4 td {border-bottom:1px solid #dcdcdc;text-align:left;}
.tb5 th {width:20%; background:#efefef; text-align:center;}
.tb5 td {padding-left:15px;}
.tb5 td.check * {vertical-align:middle;}
.tb5 td.check input {margin:-3px 3px 0 30px;}
.tb5 td.check input.first {margin:-3px 3px 0 0;}
.tb5 td.view {padding:25px 25px 50px 25px;}