/***********************************************************************************
* Copyright (C)RFLOGIX since 2010.08.24 (rflogix@rflogix.com)
************************************************************************************
* ● 프로젝트	: 크로닉
* ○ 파일명		: setting.css
************************************************************************************/




/***********************************************************************************
* 5번째 탭 - 설정
***********************************************************************************/

.page_setting .text {width:100%; top:25%; left:0; position:absolute; line-height:27px; font-size:20px; color:#444445; text-align:center;}

.page_setting .top_wrap .btn {position:absolute; }
.page_setting .top_wrap .btn.myinfo {width:43.6%; height:14%; left:6.4%; top:41.3%;}
.page_setting .top_wrap .btn.board {width:43.6%; height:14%; left:50%; top:41.3%;}
.page_setting .top_wrap .btn.board .BoardCNT {width:auto; height:100%; font-size:14px; color:#ff6767; margin-right:7.2%;} 
.page_setting .top_wrap .btn.comment {width:43.6%; height:14%; left:6.4%; top:55.3%;}
.page_setting .top_wrap .btn.comment .CommentCNT {width:auto; height:100%; font-size:14px; color:#ff6767; margin-right:7.2%;}
.page_setting .top_wrap .btn.share {width:43.6%; height:14%; left:50%; top:55.3%;}
.page_setting .top_wrap .btn.share .ShareCNT {width:auto; height:100%; font-size:14px; color:#ff6767; margin-right:7.2%;}

.page_setting .top_wrap .btn.info {width:20%; height:23%; left:8.8%; top:72%;}
.page_setting .top_wrap .btn.faq {width:20%; height:23%; left:30%; top:72%;}
.page_setting .top_wrap .btn.notice {width:20%; height:23%; left:52%; top:72%;}
.page_setting .top_wrap .btn.qna {width:20%; height:23%; right:5%; top:72%;}

.page_setting .menu_wrap {flex:1; overflow-x:hidden; overflow-y:auto;}
.page_setting .menu_wrap .btn {width:100%; height:25%; left:0; position:absolute;}
.page_setting .menu_wrap .btn.hospital {top:0;}
.page_setting .menu_wrap .btn.alarm {top:25%;}
.page_setting .menu_wrap .btn.usage {top:50%;}
.page_setting .menu_wrap .btn.privacy {bottom:0;}

.page_setting .profile_box .ProfileURL {width:60px; height:60px; border: 0.5px solid white; border-radius: 30px; background-color:white;/*  background-image:url('../image/board/ico_user.png'); */}

.page_setting .profile_box {position:absolute; width: 100%; z-index: 2; display:flex; justify-content:center; align-items:center; height: 115px; font-size: 70px; color:white;}

/***********************************************************************************
* 계정설정 팝업
***********************************************************************************/

.popup_myinfo {width:87%; height:100%; padding:0 6.5%; position:absolute; justify-content:center; background-color:rgba(0,0,0,0.8);}
.popup_myinfo .content_wrap {width:100%; height:auto; max-height:calc(100% - 50px); background:white; border-radius:10px; overflow:hidden;}
.popup_myinfo .content_wrap > .title {width:83%; height:54px; margin:13.5px 8.5% 0 8.5%; font-size:18px; font-weight:bold; color:#333340; border-bottom:1px solid #c2c2c2;}
.popup_myinfo .content_wrap .btn_logout {width:auto; height:54px; right:0; top:0; position:absolute; font-size:14px; color:#aaa;}
.popup_myinfo .content_wrap .btn_logout i {padding-right:3px;}

.popup_myinfo .content_wrap > .content {width:83%; height:auto; flex:1; margin:20px 8.5% 20px 8.5%; font-size:18px; color:#333340; overflow-x:hidden; overflow-y:auto;}
.popup_myinfo .content_wrap > .content .input {width:100%;}
.popup_myinfo .content_wrap > .content .btn_pw {width:130px; height:35px; margin:20px 0 30px; color:#929292; border:1px solid #929292; border-radius:4px;}

.popup_myinfo .content_wrap > .btn_wrap {width:100%; height:68px;}
.popup_myinfo .btn_wrap .btn_close {width:50%; height:100%; font-size:18px; color:white; background-color:#444445;}
.popup_myinfo .btn_wrap .btn_save {width:50%; height:100%; font-size:18px; color:white; background-color:#79d2de;}



/***********************************************************************************
* 비밀번호 변경 팝업
***********************************************************************************/

/* .popup_change_pw .btn_update {left:0; bottom:0; position:fixed;} */



/***********************************************************************************
* 알람 세팅 팝업
***********************************************************************************/

.content_wrap{
	position:relative;
}
.content_wrap > .title {
 	height:54px;margin: 0 30px 0 30px; 
} 

.popup_setting_alarm {width:87%; height:100%; padding:0 6.5%; position:absolute; justify-content:center; background-color:rgba(0,0,0,0.8);}
.popup_setting_alarm .content_wrap { position:relative; width:100%; height:auto; background:white; border-radius:10px; overflow:hidden;}
.popup_setting_alarm .content_wrap > .title {width:83%; margin: 0 30px 0 30px; font-size:15px; font-weight:bold; color:#333340; border-bottom:1px solid #c2c2c2;}
.popup_setting_alarm .content_wrap > .content {width:83%; height:auto; max-height:calc(100% - 68px - 68px); margin:0 8.5% 40px 8.5%; font-size:18px; color:#333340; overflow:scroll;}
.popup_setting_alarm .content_wrap > .content .text {margin-top:10px;}
.popup_setting_alarm .content_wrap > .content img {width:100%; height:40px; background-image:url('../image/common/option_n_new.jpg'); transition:background 0.3s;}
.popup_setting_alarm .content_wrap > .content img.active {background-image:url('../image/common/option_y_new.jpg');}
.popup_setting_alarm .content_wrap > .btn_wrap {width:100%; height:68px;}
.popup_setting_alarm .btn_wrap .btn_close {width:50%; height:100%; font-size:18px; color:white; background-color:#444445;}
.popup_setting_alarm .btn_wrap .btn_save {width:50%; height:100%; font-size:18px; color:white; background-color:#79d2de;}

.popup_setting_alarm .content_wrap > .content .alarm_schedule .alarm_schedule_time {width:100%; display:none; font-size:18px; margin:auto;}
.popup_setting_alarm .content_wrap > .content .alarm_schedule .alarm_schedule_time.active {display:block;}

.popup_setting_alarm .content_wrap > .content .alarm_schedule .alarm_schedule_time .alarm_st {width:100%;}
.popup_setting_alarm .content_wrap > .content .alarm_schedule .alarm_schedule_time .title {line-height:40px; color:#444445;}
.popup_setting_alarm .content_wrap > .content .alarm_schedule .alarm_schedule_time .input_wrap {width:45%; vertical-align:middle;}
.popup_setting_alarm .content_wrap > .content .alarm_schedule .alarm_schedule_time .input_wrap input {vertical-align:middle; font-size:18px; width:100%; height:30px; text-align:center; border:1px solid #c2c2c2; border-radius:10px;}
.popup_setting_alarm .content_wrap > .content .alarm_schedule .alarm_schedule_time .alarmBox {line-height:30px; text-align:right; padding-left:2%; display: flex; flex-direction: row; justify-content: space-between; width: 40%;}
.popup_setting_alarm .content_wrap > .content .alarm_schedule .alarm_schedule_time .alarmBox .box-radio-input input[type="radio"]{display:none;}
.popup_setting_alarm .content_wrap > .content .alarm_schedule .alarm_schedule_time .alarmBox .box-radio-input input[type="radio"] + span{display:inline-block; background:none; border:1px solid #dfdfdf; padding:0px 10px; text-align:center; height:30px; line-height:30px; font-weight:500; cursor:pointer;  font-size:14px;}
.popup_setting_alarm .content_wrap > .content .alarm_schedule .alarm_schedule_time .alarmBox .box-radio-input input[type="radio"]:checked + span{  border:1px solid #51c5d2; background:#51c5d2; color:#fff;}


/***********************************************************************************
* 약관리 팝업
***********************************************************************************/

.popup_medicine {width:87%; height:100%; padding:0 6.5%; position:absolute; justify-content:center; background-color:rgba(0,0,0,0.8);}
.popup_medicine .content_wrap {width:100%; height:auto; max-height:calc(100% - 50px); background:white; border-radius:10px; overflow:hidden;}
.popup_medicine .content_wrap > .title {width:83%; height:54px; font-size:18px; font-weight:bold; color:#333340; border-bottom:1px solid #c2c2c2;}
.popup_medicine .content_wrap > .content {width:83%; height:auto; flex:1; margin:20px 8.5% 20px 8.5%; font-size:18px; color:#333340; overflow-x:hidden; overflow-y:auto;}

.popup_medicine .pres {width:100%; padding:15px 0 10px 0; font-size:20px;}
.popup_medicine .medicine {width:100%;}
.popup_medicine .medicine .name {width:100%; padding-top:15px; font-size:14px; text-align:left; word-break:break-all;}
.popup_medicine .medicine .capa {width:100%; padding-bottom:20px; font-size:14px; text-align:left; color:#aaa;}

/* .popup_medicine .content_wrap .btn_close {width:54px; height:54px; right:0; top:0; position:absolute;} */

/***********************************************************************************
* 건강진단 팝업
***********************************************************************************/

.popup_health_check {width:87%; height:100%; padding:0 6.5%; position:absolute; justify-content:center; background-color:rgba(0,0,0,0.8);}
.popup_health_check .content_wrap {width:100%; height:auto; background:white; border-radius:10px; overflow:hidden;}
.popup_health_check .content_wrap > .title {width:83%; height:54px;font-size:18px; font-weight:bold; color:#333340; border-bottom:1px solid #c2c2c2;}
.popup_health_check .content_wrap > .content {width:83%; height:auto; max-height:calc(100% - 68px - 68px); margin:0 8.5% 40px 8.5%; font-size:18px; color:#333340; overflow-x:hidden; overflow-y:auto;}
.popup_health_check .content_wrap > .content .text {margin-top:30px;}
.popup_health_check .content_wrap > .content img {width:100%; height:40px; margin-top:20px; background-image:url('../image/common/option_n_new.jpg'); transition:background 0.3s;}
.popup_health_check .content_wrap > .content img.active {background-image:url('../image/common/option_y_new.jpg');}
.popup_health_check .content_wrap > .btn_wrap {width:100%; height:68px;}
.popup_health_check .btn_wrap .btn_close {width:50%; height:100%; font-size:18px; color:white; background-color:#444445;}
.popup_health_check .btn_wrap .btn_save {width:50%; height:100%; font-size:18px; color:white; background-color:#79d2de;}

/***********************************************************************************
* 타임라인 팝업
***********************************************************************************/

.popup_timeline {width:87%; height:100%; padding:0 6.5%; position:absolute; justify-content:center; background-color:rgba(0,0,0,0.8);}
.popup_timeline .content_wrap {width:100%; height:auto; max-height:calc(100% - 50px); background:white; border-radius:10px; overflow:hidden;}
.popup_timeline .content_wrap > .title {width:83%; height:54px; margin:13.5px 8.5% 0 8.5%; font-size:18px; font-weight:bold; color:#333340; border-bottom:1px solid #c2c2c2;}
.popup_timeline .content_wrap > .content {width:83%; height:auto; flex:1; margin:20px 8.5% 20px 8.5%; font-size:18px; color:#333340; overflow-x:hidden; overflow-y:scroll;}

.popup_timeline .cardnews_wrap {width:calc(100% - 21%); padding:10px 10.5% 0 10.5%; background:white; overflow:hidden;}
.popup_timeline .cardnews {width:100%; margin:10px 0 20px 0; align-items:flex-start;}
.popup_timeline .cardnews:last-child {margin-bottom:40px;}
.popup_timeline .cardnews .img {width:50px; height:50px; border-radius:50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff;}
.popup_timeline .cardnews .img img {width:30px; height:30px; margin:10px;}
.popup_timeline .cardnews .img.bp img {background-image:url('../image/home/icon_bp.png');}
.popup_timeline .cardnews .img.bs img {background-image:url('../image/home/icon_bs.png');}
.popup_timeline .cardnews .img.ip img {background-image:url('../image/home/icon_ip.png');}
.popup_timeline .cardnews .img.ex img {background-image:url('../image/home/icon_ex.png');}
.popup_timeline .cardnews .img.md img {background-image:url('../image/home/icon_md.png');}
.popup_timeline .cardnews .img.ml img {background-image:url('../image/home/icon_ml.png');}
.popup_timeline .cardnews .text_wrap {flex:1; margin-left:10px;}
.popup_timeline .cardnews .text_wrap .title {flex:1; height:25px; line-height:20px; font-size:14px; font-weight:bold; color:#333340; overflow:hidden;}
.popup_timeline .cardnews .text_wrap .record_remark {flex:1; height:25px; line-height:20px; font-size:14px; font-weight:bold; color:#333340; overflow:hidden;}
.popup_timeline .cardnews .text_wrap .check {width:100px; height:30px; background-position:center right; background-image:url('../image/home/btn_n.jpg'); transition:background 0.3s;}
.popup_timeline .cardnews .text_wrap .check.active {background-image:url('../image/home/btn_y.jpg');}
.popup_timeline .cardnews .text_wrap .content {width:100%; height:auto; font-size:12px; color:#4b4b4b; line-height:20px; overflow:hidden;}

.popup_timeline .cardnews .record_delete_btn{float:right; font-size: 14px;color:red;height: 25px;line-height: 20px;font-weight: bold;color: #333340;overflow: hidden;color: red;}

/***********************************************************************************
* 타임라인 팝업
***********************************************************************************/

.popup_record_result .result_title_up{
	font-size: 19px;
}
.popup_record_result .result_title_down{
	font-size: 19px;
}
.popup_record_result .result_title_wrap{text-align:center; font-weight:600;}
.popup_record_result span{font-weight:900;}
.popup_record_result .result_description_wrap{text-align:center; font-weight:600; font-size: 15px;}
.popup_record_result .content_wrap > .btn_wrap {width:100%; height:68px;}
.popup_record_result .btn_wrap .btn_close {width:50%; height:100%; font-size:18px; color:white; background-color:#444445;}
.popup_record_result .btn_wrap .btn_save {width:100%; height:100%; font-size:18px; color:white; background-color:#79d2de;}
.popup_record_result {width:87%; height:100%; padding:0 6.5%; position:absolute; justify-content:center; background-color:rgba(0,0,0,0.8);}
.popup_record_result .content_wrap {width:100%; height:auto; max-height:calc(100% - 50px); background:white; border-radius:10px; overflow:hidden;}
.popup_record_result .content_wrap > .title {width:83%; height:54px; margin:13.5px 8.5% 0 8.5%; font-size:18px; font-weight:bold; color:#333340; border-bottom:1px solid #c2c2c2;}
.popup_record_result .content_wrap > .content {width:83%; height:auto; flex:1; margin:20px 8.5% 20px 8.5%; font-size:18px; color:#333340; overflow-x:hidden; overflow-y:auto;}
.popup_record_result .cardnews_wrap {width:calc(100% - 21%); padding:10px 10.5% 0 10.5%; background:white; overflow:hidden;}
.popup_record_result .cardnews {width:100%; margin:10px 0 20px 0; align-items:flex-start;}
.popup_record_result .cardnews:last-child {margin-bottom:40px;}
.popup_record_result .cardnews .img {width:50px; height:50px; border-radius:50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff;}
.popup_record_result .cardnews .img img {width:30px; height:30px; margin:10px;}
.popup_record_result .cardnews .img.bp img {background-image:url('../image/home/icon_bp.png');}
.popup_record_result .cardnews .img.bs img {background-image:url('../image/home/icon_bs.png');}
.popup_record_result .cardnews .img.ip img {background-image:url('../image/home/icon_ip.png');}
.popup_record_result .cardnews .img.ex img {background-image:url('../image/home/icon_ex.png');}
.popup_record_result .cardnews .img.md img {background-image:url('../image/home/icon_md.png');}
.popup_record_result .cardnews .img.ml img {background-image:url('../image/home/icon_ml.png');}
.popup_record_result .cardnews .text_wrap {flex:1; margin-left:10px;}
.popup_record_result .cardnews .text_wrap .title {flex:1; height:25px; line-height:20px; font-size:14px; font-weight:bold; color:#333340; overflow:hidden;}
.popup_record_result .cardnews .text_wrap .check {width:100px; height:30px; background-position:center right; background-image:url('../image/home/btn_n.jpg'); transition:background 0.3s;}
.popup_record_result .cardnews .text_wrap .check.active {background-image:url('../image/home/btn_y.jpg');}
.popup_record_result .cardnews .text_wrap .content {width:100%; height:auto; font-size:12px; color:#4b4b4b; line-height:20px; overflow:hidden;}
.popup_record_result .cardnews .record_delete_btn{float:right; font-size: 14px;color:red;height: 25px;line-height: 20px;font-weight: bold;color: #333340;overflow: hidden;color: red;}

.popup_help_BP .result_title_wrap{text-align:center; font-weight:600;}
.popup_help_BP .result_description_wrap{text-align:center; font-weight:600; font-size: 15px;}
.popup_help_BP .content_wrap > .btn_wrap {width:100%; height:68px;}
.popup_help_BP .btn_wrap .btn_close {width:50%; height:100%; font-size:18px; color:white; background-color:#444445;}
.popup_help_BP .btn_wrap .btn_save {width:100%; height:100%; font-size:18px; color:white; background-color:#79d2de;}
.popup_help_BP {width:87%; height:100%; padding:0 6.5%; position:absolute; justify-content:center; background-color:rgba(0,0,0,0.8);}
.popup_help_BP .content_wrap {width:100%; height:auto; max-height:calc(100% - 50px); background:white; border-radius:10px; overflow:hidden;}
.popup_help_BP .content_wrap > .title {width:83%; height:54px; margin:13.5px 8.5% 0 8.5%; font-size:18px; font-weight:bold; color:#333340; border-bottom:1px solid #c2c2c2;}
.popup_help_BP .content_wrap > .content {width:83%; height:auto; flex:1; margin:20px 8.5% 20px 8.5%; font-size:18px; color:#333340; overflow-x:hidden; overflow-y:auto;}
.popup_help_BP .cardnews_wrap {width:calc(100% - 21%); padding:10px 10.5% 0 10.5%; background:white; overflow:hidden;}
.popup_help_BP .cardnews {width:100%; margin:10px 0 20px 0; align-items:flex-start;}
.popup_help_BP .cardnews:last-child {margin-bottom:40px;}
.popup_help_BP .cardnews .img {width:50px; height:50px; border-radius:50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff;}
.popup_help_BP .cardnews .img img {width:30px; height:30px; margin:10px;}
.popup_help_BP .cardnews .img.bp img {background-image:url('../image/home/icon_bp.png');}
.popup_help_BP .cardnews .img.bs img {background-image:url('../image/home/icon_bs.png');}
.popup_help_BP .cardnews .img.ip img {background-image:url('../image/home/icon_ip.png');}
.popup_help_BP .cardnews .img.ex img {background-image:url('../image/home/icon_ex.png');}
.popup_help_BP .cardnews .img.md img {background-image:url('../image/home/icon_md.png');}
.popup_help_BP .cardnews .img.ml img {background-image:url('../image/home/icon_ml.png');}
.popup_help_BP .cardnews .text_wrap {flex:1; margin-left:10px;}
.popup_help_BP .cardnews .text_wrap .title {flex:1; height:25px; line-height:20px; font-size:14px; font-weight:bold; color:#333340; overflow:hidden;}
.popup_help_BP .cardnews .text_wrap .check {width:100px; height:30px; background-position:center right; background-image:url('../image/home/btn_n.jpg'); transition:background 0.3s;}
.popup_help_BP .cardnews .text_wrap .check.active {background-image:url('../image/home/btn_y.jpg');}
.popup_help_BP .cardnews .text_wrap .content {width:100%; height:auto; font-size:12px; color:#4b4b4b; line-height:20px; overflow:hidden;}
.popup_help_BP .cardnews .record_delete_btn{float:right; font-size: 14px;color:red;height: 25px;line-height: 20px;font-weight: bold;color: #333340;overflow: hidden;color: red;}

.popup_guide_BP .result_title_wrap{text-align:center; font-weight:600;}
.popup_guide_BP .result_description_wrap{text-align:center; font-weight:600; font-size: 15px;}
.popup_guide_BP .content_wrap > .btn_wrap {width:100%; height:68px;}
.popup_guide_BP .btn_wrap .btn_close {width:50%; height:100%; font-size:18px; color:white; background-color:#444445;}
.popup_guide_BP .btn_wrap .btn_save {width:100%; height:100%; font-size:18px; color:white; background-color:#79d2de;}
.popup_guide_BP {width:87%; height:100%; padding:0 6.5%; position:absolute; justify-content:center; background-color:rgba(0,0,0,0.8);}
.popup_guide_BP .content_wrap {width:100%; height:auto; max-height:calc(100% - 50px); background:white; border-radius:10px; overflow:hidden;}
.popup_guide_BP .content_wrap > .title {width:83%; height:54px; margin:13.5px 8.5% 0 8.5%; font-size:18px; font-weight:bold; color:#333340; border-bottom:1px solid #c2c2c2;}
.popup_guide_BP .content_wrap > .content {width:83%; height:auto; flex:1; margin:20px 8.5% 20px 8.5%; font-size:18px; color:#333340; overflow-x:hidden; overflow-y:auto;}
.popup_guide_BP .cardnews_wrap {width:calc(100% - 21%); padding:10px 10.5% 0 10.5%; background:white; overflow:hidden;}
.popup_guide_BP .cardnews {width:100%; margin:10px 0 20px 0; align-items:flex-start;}
.popup_guide_BP .cardnews:last-child {margin-bottom:40px;}
.popup_guide_BP .cardnews .img {width:50px; height:50px; border-radius:50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff;}
.popup_guide_BP .cardnews .img img {width:30px; height:30px; margin:10px;}
.popup_guide_BP .cardnews .img.bp img {background-image:url('../image/home/icon_bp.png');}
.popup_guide_BP .cardnews .img.bs img {background-image:url('../image/home/icon_bs.png');}
.popup_guide_BP .cardnews .img.ip img {background-image:url('../image/home/icon_ip.png');}
.popup_guide_BP .cardnews .img.ex img {background-image:url('../image/home/icon_ex.png');}
.popup_guide_BP .cardnews .img.md img {background-image:url('../image/home/icon_md.png');}
.popup_guide_BP .cardnews .img.ml img {background-image:url('../image/home/icon_ml.png');}
.popup_guide_BP .cardnews .text_wrap {flex:1; margin-left:10px;}
.popup_guide_BP .cardnews .text_wrap .title {flex:1; height:25px; line-height:20px; font-size:14px; font-weight:bold; color:#333340; overflow:hidden;}
.popup_guide_BP .cardnews .text_wrap .check {width:100px; height:30px; background-position:center right; background-image:url('../image/home/btn_n.jpg'); transition:background 0.3s;}
.popup_guide_BP .cardnews .text_wrap .check.active {background-image:url('../image/home/btn_y.jpg');}
.popup_guide_BP .cardnews .text_wrap .content {width:100%; height:auto; font-size:12px; color:#4b4b4b; line-height:20px; overflow:hidden;}
.popup_guide_BP .cardnews .record_delete_btn{float:right; font-size: 14px;color:red;height: 25px;line-height: 20px;font-weight: bold;color: #333340;overflow: hidden;color: red;}



/***********************************************************************************
* 병원관리 팝업
***********************************************************************************/

.popup_hospital {width:87%; height:100%; padding:0 6.5%; position:absolute; justify-content:center; background-color:rgba(0,0,0,0.8);}
.popup_hospital .content_wrap {width:100%; height:auto; max-height:calc(100% - 50px); background:white; border-radius:10px; overflow:hidden;}
.popup_hospital .content_wrap > .title {width:83%; height:54px; font-size:18px; font-weight:bold; color:#333340; border-bottom:1px solid #c2c2c2;}
.popup_hospital .content_wrap > .content {width:83%; height:auto; flex:1; margin:20px 8.5% 20px 8.5%; font-size:18px; color:#333340; overflow-x:hidden; overflow-y:auto;}
.popup_hospital .hospital {width:100%; padding:10px 0;}
.popup_hospital .hospital .name {width:100%; padding-top:10px; font-size:20px; text-align:center;}
.popup_hospital .hospital .date {width:100%; padding-bottom:20px; font-size:14px; text-align:center; color:#aaa;}


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

.popup_blind {width:87%; height:100%; padding:0 6.5%; position:absolute; justify-content:center; background-color:rgba(0,0,0,0.8);}
.popup_blind .content_wrap {width:100%; height:auto; max-height:calc(100% - 50px); background:white; border-radius:10px; overflow:hidden;}
.popup_blind .content_wrap > .title {width:83%; height:54px; font-size:18px; font-weight:bold; color:#333340; border-bottom:1px solid #c2c2c2;}
.popup_blind .content_wrap > .content {width:83%; height:auto; flex:1; margin:20px 8.5% 20px 8.5%; font-size:18px; color:#333340; overflow-x:hidden; overflow-y:auto;}
.popup_blind .hospital {width:100%; padding:10px 0;}
.popup_blind .hospital .name {width:100%; padding-top:10px; font-size:20px; text-align:center;}
.popup_blind .hospital .date {width:100%; padding-bottom:20px; font-size:14px; text-align:center; color:#aaa;}