@charset "utf-8";

/****************** Pages Style ******************/

/* init page*/
body.pg_init{
  width:100vw;
  height:100vh;
}
.pg_init .wrapper {
  background:url(../images/common/bg_app_init.png) no-repeat center center;
  background-size: 100% 100%;
  width: 100vw;
  height : 100vh;
  position:fixed;
  top:0;
  left:0;
  overflow: hidden;
}
.pg_init img.logo {
  display: block;
  width: 50.27vw;
  margin: 37.97vh auto 8.87vh;
  object-fit: contain;
}
.pg_init .txt_app_name{
  display:none;
}
.pg_init .txt_loading{
  display:block;
  margin: 0 auto 0;
  font-family: SFProText;
  font-size: 4.24vw;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.41px;
  text-align: center;
  color: rgba(34, 29, 30, 0.3);
}

/* 회원가입 */
.form_cont {
  flex: 1 1 auto;
  padding-top: 1.5155rem;
}
.form_section {
  /* padding: 0 1.5rem; */
  padding:0;
}
.form_sect_title {
  font-family: SFProText;
  font-size: 1.1675rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
  margin: 0 0 1.3225rem;
}
.form_section + .form_section {
  margin: 3.917rem 0 0;
}
.check_terms {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: 1.5rem;
}
.check_wrap {
  flex: 1 1 auto;
  font-size:0;
}
.check_wrap.w_100,
.check_wrap.w_100 input+label{
  width:100%;
}
.check_wrap input+label {
  display: inline-block;
  position: relative;
  min-height: 1.875rem;
  padding-left: 2.6875rem;
  font-size: 1.375rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.015rem;
  cursor: pointer;
  margin-bottom: 0;
  vertical-align: top;
  color: var(--theme-black);
}
.check_wrap input+label::before {
  height: 1.875rem;
  width: 1.875rem;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #bbb;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  /* border-color: var(--theme-primary);
  background: var(--theme-primary); */
  -webkit-animation-name: none;
  animation-name: none;
}
.check_wrap input:checked+label::before {
  border-color: var(--theme-primary);
  background: var(--theme-primary);
  -webkit-animation-name: none;
  animation-name: none;
}
.check_wrap input+label::after {
  height: 0.9rem;
  width: 0.47rem;
  top: 0.35rem;
  left: 0.682rem;
  border: 1px solid #ddd;
  border-width: 0 3px 3px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  content: "";
  display: block;
}
.check_wrap input:checked+label::after {
  border-color: #fff;
}
.check_wrap .text_wrap {
  display: inline-block;
}
.check_wrap .text {
  font-family: SFProText;
  font-size: 1.375rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.24px;
  text-align: left;
  color: var(--theme-black);
}
.check_wrap .text_wrap .link_arrow {
    font-family: SFProText;
    font-size: 1.1875rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.41px;
    text-align: left;
    color: rgba(34, 29, 30, 0.6);
    position: absolute;
    top: calc(50% - 0.8rem);
    right: 0;
    display: inline-block;
    width: 90%;
    text-align: right;
    padding: 0 0 0.5rem;
}
.check_terms .check_all {
  font-weight: 700;
}
.terms_list {
  border-top:1px solid rgba(34, 29, 30, 0.1);
  margin: 1.3125rem 0 0;
  padding: 1.7815rem 0 0;
}
.terms_list.noborder {
  border: 0 none;
}
.terms_item + .terms_item {
  margin-top: 2.5rem;
}
.check_wrap .link_arrow::before {
  background: url(../images/common/ico_voewmore.png) no-repeat center center;
  background-size: contain;
  width: 0.625rem;
  height: 1.0315rem;
  display: inline-block;
  content: '';
  /*position: absolute;
  top: calc(50% - 0.5rem);
  right: 0;*/
}
.terms_desc{
  flex-grow: 0;
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: -0.41px;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
  margin: 0.357rem 0 0 4.3125rem;
  word-break: break-word;
}
.form_section .btn_wrap {
  margin-top: 2.5rem;
}
.form_info {
  padding: 1.5rem 0 3.75rem;
}
.form_info .info_text{
  font-family: SFProText;
  font-size: 1.375rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.24px;
  text-align: center;
  color: var(--theme-black);
  padding: 0 0 1rem;
}
.input_label {
  font-family: SFProText;
  font-size: 1.1675rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
  padding: 0 1.5rem 0;
}
.find_result {
  margin: 1.3125rem 0 0;
}
.find_result .info_text {
  font-family: SFProText;
  font-size: 1.1675rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: -0.41px;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
}
.find_result ~ .text_wrap {
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
  padding: 1.5rem 0;
  border-bottom: 1px solid rgba(34, 29, 30, 0.1);
}
  .find_result ~ .text_wrap .text_label,
  .find_result ~ .text_wrap .text_text {
    align-self: stretch;
    flex-grow: 0;
    font-family: SFProText;
    font-size: 1.5125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: -0.41px;
    text-align: left;
    color: var(--theme-black);
  }
.find_result .text_wrap .text_text {
  font-weight: 600;
}
.agree {
  font-size: 1.2rem;
}
.agree p {
  font-size: 1.2rem;
  line-height: 2rem;
  margin-top: 5px;
}
.agree h2, .agree h3 {
  font-size: 1.5rem;
}
.area_terms + .btn_wrap {
  margin-top: 3.75rem;
}

/* Navigation Menu */
.sidenav{
  background-color:#111;
  height:100%;
  left:0;
  overflow-x:hidden;
  padding-top:60px;
  position:fixed;
  top:0;
  transition:.1s;
  width:0;
  z-index:901;
}
.side_dimmed {
    background-color: var(--theme-black);
    opacity: 0.9;
    position: fixed;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: 1001;
}
.sidenavR{
  background-color: var(--theme-white);
  height:100%;
  overflow-x:hidden;
  /* padding-top:60px; */
  position:fixed;
  right:0;
  top:0;
  transition:.1s;
  width:0;
  z-index:1002;
}
.side_dimmed.on{
  width: 100%;
}
.sidenavR.on {
  width: 24rem;
  max-width: 100%;
}
.sidenav a,.sidenavR a{
}
.sidenav a:hover,.offcanvas a:focus,.sidenavR a:hover,.offcanvas a:focus{
  color:#f1f1f1;
}
.sidenav .closebtn, .sidenavR .closebtn {
    display: block;
    font-size: 2.475rem;
    line-height: 1;
    text-decoration: none;
    transition: .3s;
    color: var(--theme-white);
    /*float: right;
    margin-top: -1.4rem;*/
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 3rem;
    height: 3rem;
    padding: 0rem 0.7rem;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
}
@media screen and max-height 450px {
.sidenav,.sidenavR{padding-top:15px;}
.sidenav a,.sidenavR a{font-size:18px;}
}
.private_info {
  padding: 6.9125rem 2.45rem 3.75rem 2.5rem;
  background-color: var(--theme-primary);
}

.private_info .username {
  font-family: SFProText;
  font-size: 2.625rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--theme-white);
  margin-bottom: 0.9375rem;
}
.private_info .userinfo_item {
  padding: 0.75rem 0;
}
.private_info .userinfo_label {
  width: 9.375rem;
  display: inline-block;
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.013rem;
  text-align: left;
  color: var(--theme-white);
}
.private_info .userinfo_text {
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.013rem;
  text-align: left;
  color: var(--theme-white);
}
.private_info .userinfo_btn_wrap {
  padding-top: 2.25rem;
}
.private_info .btn_modify_userinfo {
  padding: 1.6875rem 1.5rem;
  border-radius: 4.688rem;
  -webkit-backdrop-filter: blur(7.5rem);
  backdrop-filter: blur(7.5rem);
  background-color: var(--theme-white);
  display: block;
  width: 100%;
}
.private_info .btn_modify_text {
  font-family: SFProDisplay;
  font-size: 1.875rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: 0.024rem;
  text-align: center;
  color: var(--theme-primary);
}
.manu_wrap {  
  padding: 4.8195rem 2.45rem 5.243rem 2.5rem;
}
.service_info {
  padding-bottom: 1.3625rem;
}
.service_info + .service_info {
  padding-top: 1.875rem;
}
.service_info .service_info_title {
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.013rem;
  text-align: left;
  color: var(--theme-black);
  padding-bottom: 0.625rem;
}
.service_info .service_info_item {
  border-bottom: 1px solid rgba(34, 29, 30, 0.1);
  padding: 1.5rem 0;
}
.service_info .service_info_item > a {
  display: block;
  position: relative;
}
.service_info .service_item_text {
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.013rem;
  text-align: left;
  color: var(--theme-black);
}
.service_info .service_item_more {
  display:block;
  width: 0.625rem;
  height: 1.0315rem;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  background: url(../images/common/ico_voewmore.png) no-repeat center center;
  background-size: contain;
  margin-top: -0.51575rem
}
.service_info .service_item_version {
  font-family: SFProText;
  font-size: 1.375rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.008px;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
  float: right;
  margin-right: 0.625rem;
}


/* 병원 로고 */
.logo_hosp.hosp01 {
/*  background: url(../images/bi/sample.png) no-repeat center center;
  background-size: contain;*/
}
.logo_hosp.hosp01 > link {
  width: 19.1875rem;
  height: 2.9375rem;
  display: block;
  margin: 0 auto;
}
.logo_hosp .link::before {
  background: url(../images/bi/sample.png) no-repeat center center;
  background-size: contain;
}

.logo_hosp.hosp01.hosp110 .link::before { /* 삼성서울병원 중환자의학과 */
  background-image: url(../images/hi/logo_top_ssmc.png);
}
.logo_hosp.hosp01.hosp210 .link::before { /* 부산대학교병원 재활의학과 */
  background-image: url(../images/hi/logo_top_pnuh.png);
}
.logo_hosp.hosp01.hosp310 .link::before { /* 서울아산병원 중환자외상외과 */
  background-image: url(../images/hi/logo_top_amcs.png);
}
.logo_hosp.hosp01.hosp410 .link::before { /* 서울아산병원 어린이병원 소아청소년과 */
  background-image: url(../images/hi/logo_top_camc.png);
}
.logo_hosp.hosp01.hosp510 .link::before { /* 고려대학교 안암병원 재활의학과 */
  background-image: url(../images/hi/logo_top_amc.png);
}
.logo_hosp.hosp01.hosp520 .link::before { /* 고려대학교 안암병원 외상중환자외과 */
  background-image: url(../images/hi/logo_top_amc.png);
}
.logo_hosp.hosp01.hosp530 .link::before { /* 고려대학교 안암병원 심장혈관흉부외과 */
  background-image: url(../images/hi/logo_top_amc.png);
}
.logo_hosp.hosp01.hosp610 .link::before { /* 서울대학교병원 중환자실 재활의학과 */
  background-image: url(../images/hi/logo_top_snuh.png);
}
.logo_hosp.hosp01.hosp710 .link::before { /* 경희대학교부속병원 내과, 신경과 */
    background-image: url(../images/hi/logo_top_khmc.png);
}
.logo_hosp.hosp01.hosp810 .link::before { /* 서울성모병원 외과중환자실 */
    background-image: url(../images/hi/logo_top_cmcseoul.png);
}
.logo_hosp.hosp01.hosp811 .link::before { /* 서울성모병원 내과중환자실 */
    background-image: url(../images/hi/logo_top_cmcseoul.png);
}
.logo_hosp.hosp01.hosp812 .link::before { /* 서울성모병원 심장계중환자실 */
    background-image: url(../images/hi/logo_top_cmcseoul.png);
}
.logo_hosp.hosp01.hosp813 .link::before { /* 서울성모병원 혈액계중환자실 */
    background-image: url(../images/hi/logo_top_cmcseoul.png);
}
.logo_hosp.hosp01.hosp814 .link::before { /* 서울성모병원 신경계중환자실 */
    background-image: url(../images/hi/logo_top_cmcseoul.png);
}
.logo_hosp.hosp01.hosp910 .link::before { /* 양산부산대학교병원 소아 중환자클리닉 */
    background-image: url(../images/hi/logo_top_pnuyhkids.png);
}

.config_wrap {
    position: absolute;
    top: 0;
    /*right: 2.781rem;*/
    right: 1.581rem;
}
.btn_config {
    margin-top: 2.15rem;
}
.ico_config {
  width: 1.8125rem;
  height: 1.75rem;
  /* margin: 1.7125rem 2.781rem 1.9435rem 4.314rem; */
  display: block;
  background:url(../images/common/ico_config.png) no-repeat center center;
  background-size: contain;
}
.btn_config .glyphicon-menu-hamburger {
  font-size: 1.4rem;
}

/* 공지사항 리스트, 보호자 답변 목록, 재원환자 목록 */
.list_wrap {
  padding-top: 2rem;
}
.list_head {
  padding: 0 0 3.125rem;
}
.list_head_text {
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: var(--theme-black);
}
.list_body {
  /*padding: 0 1.5rem;*/
  padding: 0 1rem;
}
.list_item {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  padding: 1.5rem 0;
  border-bottom:1px solid rgba(34, 29, 30, 0.1);
  position: relative;
}
.list_item  .item_link {
  align-self: stretch;
  flex-grow: 0;
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.41px;
  text-align: left;
  color: var(--theme-black);
}
.list_etc {
  margin-top: 0.6565rem;
  overflow: hidden;
  width: 100%;
}
.list_etc span {
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: -0.41px;
  text-align: left;
  color: var(--theme-black);
}
.list_etc .list_item_attach_txt {
  font-weight: 500;
  float: left;
}
.list_item_attach_txt::before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/common/ico_img.png) no-repeat center center;
  background-size: contain;
  margin-right: 0.274rem;
  vertical-align: top;
}
.list_item_wdate {
  float: right;
}
.list_item .patient_info > span {
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.013rem;
  text-align: left;
  color: var(--theme-black);
}
.list_item .patient_info .pantient_name:after {
  content: '님';
}
.list_item .patient_info .pantient_age:after {
  content: '세';
}
.pantient_div {
  margin: 0 0.5rem;
}
.list_item .hosp_info {
  margin-top: 1.125rem;
}
.list_item .hosp_date_row {
  border:0 none;
  padding: 0;
}
.list_item .hosp_date span {
  font-family: SFProText;
  font-size: 1.375rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.008rem;
  text-align: left;
  color: var(--theme-black);
}
.list_item .hosp_date .date_count::after {
  content: '일';
}
.btn_write_alimi {
  width: 7.1875rem;
  height: 7.1875rem;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.938rem;
  border-radius: 50%;
  -webkit-backdrop-filter: blur(7.5rem);
  backdrop-filter: blur(7.5rem);
  background-color: var(--theme-primary);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3.59375rem;
}
.btn_write_alimi.nowrite {
  /*background-color: rgba(34, 29, 30, 0.6);*/
  background-color: rgba(34, 29, 30, 0.30);
}
.btn_write_alimi_text {
  font-family: SFProText;
  font-size: 1.375rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.013rem;
  text-align: center;
  color: var(--theme-white);
}


.list_footer {
  padding: 2.5rem 1.5rem 0;
  overflow:hidden;
}
.clearboth::after {
  content:'';
  display: block;
  clear:both;
}
.list_footer a {
  font-family: SFProText;
  font-size: 1.1375rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
}
.list_footer .link_pre {
  float:left;
}
.list_footer .link_pre::before {
  content:'';
  display:block;
  background: url(../images/common/ico_left_active.png) no-repeat center center;
  background-size: contain;
  width: 0.9375rem;
  height: 1.625rem;
  float: left;
  margin-top: -2px;
  margin-right: 0.9375rem
}
.list_footer .link_next {
  float:right;
}
.list_footer .link_next::after {
  content:'';
  display:block;
  background: url(../images/common/ico_right_active.png) no-repeat center center;
  background-size: contain;
  width: 0.9375rem;
  height: 1.625rem;
  float: right;
  margin-top: -2px;
  margin-left: 0.9375rem
}
.view_subject{
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.41px;
  text-align: left;
  color: var(--theme-black);
}
.view_cont {
  font-family: SFProText;
  font-size: 1.375rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.24px;
  text-align: left;
  color: var(--theme-black);
  padding: 1.125rem 0;
}
.view_add a, .view_add span {
  font-family: SFProText;
  font-size: 1.1675rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: -0.41px;
  text-align: left;
  color: rgba(34, 29, 30, 0.6); 
}
.view_add .link_attach {
  float:left;
}
.view_add .link_attach::before {
  content: "\e142";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.1675rem;
  width: 1.7665rem;
  height: 1.5rem;
}
.view_add .write_date {
  float:right;
}
.view_add::after {
  border-bottom:1px solid rgba(34, 29, 30, 0.1);
  height:1.5rem;
}
.banner_wrap {
  padding: 3.125rem 1.6405rem;
}
.banner {
  width: 100%;
  object-fit: contain;
}
.link_banner {
    display:block;
}
/*.link_banner + .link_banner {
    margin-top: 1rem;
}*/

/* 메인 */
.bg_area_userinfo {
    background: url(../images/common/bg_app_init.png) no-repeat 0% 0%;
    background-size: 100% 220%;
    /*background-color: rgb(212 230 218 / 30%);*/
}
.area_userinfo {
    display: block;
    flex-direction: column;
    margin: 4.0155rem 0 0;
    /* padding: 0 1.621rem; */
    position: relative;
}
.area_userinfo.gurdian {
    margin: 4.0155rem 0 3rem;
}
.area_userinfo.cont_wrap {
    margin: 2.5rem 0 0;
}
.area_link.notice_wrap {
    margin-top: 0.9375rem;
}
.area_link.notice_wrap .link_left {
    height: 5.7rem;
}
.area_link.notice_wrap .link_right {
    height: 5.7rem;
}

.item_new .bi {
    position: relative;
}
.item_new .bi::after {
    content: '';
    display:block;
    width: 10px;
    height: 10px;
    border-radius:50%;
    background-color: red;
    position: absolute;
    top: calc(50% - 5px);
    left: -15px;
}

.welcome_msg {
    flex-grow: 0;
    font-family: SFProText;
    font-size: 2.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--theme-black);
}
.welcome_msg .user_name {
 font-weight: 600;
}
.u_info_etc {
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.41px;
  text-align: left;
  color: var(--theme-black);
  margin-top: 0.9375rem;
}
.u_photo_wrap{
  width: 10rem;
  height: 10rem;
  position: absolute;
  top: 4.0625rem;
  right: 0;
  text-align: center;
}
.u_photo_wrap a.u_photo {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-radius: 50%;
}
.u_photo {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    /*object-fit: contain;
    border-radius: 50%;*/
}
.u_photo_wrap .cvf_profile_image {
    border: 0 none;
    position: absolute;
    bottom: -2.8rem;
    right: 0;
    padding: 0.375rem 0.75rem;
    border-radius: 0.563rem;
    background-color: rgba(68, 145, 217, 1);
    /*background-color: #BEE1F3;*/
    font-family: SFProText;
    font-size: 1.219rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    /*color: var(--theme-black);*/
    width: 100%;
}
.u_photo_wrap .cvf_profile_image:hover,
.u_photo_wrap .cvf_profile_image:active,
.u_photo_wrap .cvf_profile_image:focus {
    text-decoration:none;
}
    /**
    profile 사진 변경
*/
    #profileModal ul.cvf_uploaded_files li > div {
    width: 80vw;
    height: 80vw;
    margin: auto;
}
/*#profileModal ul.cvf_uploaded_files li div img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

#profileModal ul.cvf_uploaded_files li img.img-thumb {
    border-radius: 50%;
}*/


.hosp_info {
    margin-top: 1.969rem;
}
.hosp_date_row {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  border-radius: 150px;
  border: solid 0.094rem var(--theme-primary);
  margin: 0;
}
.hosp_date span {
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: -0.1rem;
  text-align: left;
  color: var(--theme-primary);
}
.hosp_date + .hosp_date {
  margin-top: 0.5625rem
}

/* 의료진 알리미 정보 */
.medi_info_wrap {

}
.m_info_etc {
  margin-top: 0.9375rem;
}
.m_info_etc .m_today {
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.41px;
  text-align: left;
  color: var(--theme-black);
}
.m_info {
 margin-top: 3.094rem;
 overflow: hidden;
}
.m_info_left {
    width: calc(50% - 0.46875rem);
    height: 9.5625rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*gap: 10px;*/
    /*padding: 1.5625rem 3.125rem;*/
    padding: 1.5625rem 0;
    border-radius: 0.938rem;
    /*background-color: var(--theme-primary);*/
    background-color: #BEE1F3;
    float: left;
}
.m_info_right {
    width: calc(50% - 0.46875rem);
    height: 9.5625rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    /*padding: 1.5625rem 3.125rem;*/
    padding: 1.5625rem 0.5rem;
    border-radius: 0.938rem;
    /*background-color: #4484be;*/
    /*background-color: #7CC354;*/
    background-color: #BEE1F3;
    float: right;
}
.m_info .info_title {
  flex-grow: 0;
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.41px;
  text-align: left;
  color: var(--theme-black);
  display: block;
  margin-bottom: 10px;
}
.m_info .info_link {
    flex-grow: 0;
    font-family: SFProText;
    /*font-size: 2.625rem*/
    font-size: 1.375rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--theme-black);
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 1rem;
}
.m_info .info_link.text-left {
  text-align: left;
}
.m_info .info_link.text-right {
    text-align: right;
}
.m_info .info_link .info_label {
  display: inline-block;
  width: calc(100% - 3.6rem);
  text-align: left;
  float:left;
}
.m_info .info_link .info_cnt {
}
.m_info .m_info_right .info_title {
    margin-bottom: 0;
}
.m_info .m_info_right .info_link {
  font-size: 1.5625rem;
}
/* 의료진 알리미 정보 */
.area_alimi {
  /*margin-top: 6.922rem;*/
}
.alimi_item {
  position: relative;
}
.alimi_item + .alimi_item {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top:1px solid #b9b8b8;
}
.alimi_subject {
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.41px;
  text-align: left;
  color: var(--theme-black);
  position:relative;
}
.alimi_subject::after {
  content: '';
  width: 0.625rem;
  height: 1.0315rem;
  background: url(../images/common/viewmore.png) no-repeat center center;
  background-size: contain;
  position:absolute;
  top: 0.375rem;
  right: 0;
}
.alimi_item.no-item .alimi_link {
  cursor: initial;
  text-decoration: none;
}
.alimi_item.no-item .alimi_subject {
  text-align: center;
}
.no-item .alimi_subject::after {
  display: none;
}
.alimi_summary {
  margin: 0.375rem 0 0;
  font-family: SFProText;
  font-size: 1.375rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.24px;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
}
.alimi_etc {
  margin-top: 0.6565rem;
  overflow: hidden;
}
.alimi_etc::after {
  content: '';
  display: block;
  clear: both;
}
.alimi_etc span{
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: -0.41px;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
}
.alimi_attach_txt {
  font-weight: 500;
  float:left;
}
.alimi_attach_txt::before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/common/ico_img.png) no-repeat center center;
  background-size:contain;
  margin-right: 0.274rem;
  vertical-align: top;
}
.btn_alimi_wrap {
  margin-top: 2.5rem;
}
.btn_alimi {
    border-radius: 150px;
    /*background-color: var(--theme-primary);*/
    background-color: #BEE1F3;
    padding: 2rem 0;
    width: 100%;
}
.btn_alimi .bi {
    font-size: 1.675rem; /*1.875rem;*/
    line-height: 1;
    margin-right: 0.5rem;
}
.btn_alimi .btn_text {
  font-family: SFProDisplay;
  font-size: 1.375rem;          /*1.875rem;*/
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: 0.38px;
  text-align: center;
  /*color: var(--theme-white);*/
  color: var(--theme-black);
}
.area_link a .bi {
    margin-right: 0.5rem;
    font-size: 1.4875rem;
}

.alimi_wdate {
    float: right
}
.area_userinfo.cont_wrap + .area_link {
    margin-top: 0.9375rem;
}
.area_link {
    position: relative;
    overflow: hidden;
    margin-top: 2.5rem;
}

.link_row {
    /*width: 14.8125rem;*/
    /*width: calc(50% - 0.46875rem);*/
    width: 100%;
    /*height: 6.75rem;*/
    /*height: 7.15rem;*/
    height: 5.8rem;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 0;
    border-radius: 0.938rem;
    border-radius: 150px;
    /*background-image: linear-gradient(172deg, #309cff -4%, #2482d0 109%);*/
    background-color: #D4E6DA;
    float: left;
    padding: 0 0.5rem 0 0.5rem;
    position: relative;
    margin-bottom: 0.9375rem;
}
.link_left {
    width: 14.8125rem;
    width: calc(50% - 0.46875rem);
    /*height: 6.75rem;*/
    height: 7.15rem;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 0;
    border-radius: 0.938rem;
    /*background-image: linear-gradient(172deg, #309cff -4%, #2482d0 109%);*/
    background-color: #D4E6DA;
    float: left;
    padding: 0 0.5rem 0 0.5rem;
    position: relative;
}
.link_row .bi-livetv,
.link_left .bi-livetv {
    background: url(../images/common/ico_live_tv_b.png) no-repeat center 0;
    background-size: 2.422rem 2.1795rem;
    /*padding-left: 2.722rem;*/
    padding: 2.8rem 0 0;
    display: inline-block;
    /*margin: 0 auto;*/
    text-align: center;
    width: 2.422rem;
    height: 2.422rem;
    vertical-align: middle;
    margin-right: 0.25rem;
}
.link_right {
    width: 14.8125rem;
    width: calc(50% - 0.46875rem);
    /*height: 6.75rem;*/
    height: 7.15rem;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.5rem 0;
    border-radius: 0.938rem;
    /*background-image: linear-gradient(172deg, #309cff -4%, #2482d0 109%);*/
    background-color: #D4E6DA;
    float: right;
    padding: 0 0.5rem 0 0.5rem;
    position: relative;
}
.link_left .bi-kicu,
.link_right .bi-kicu {
    /*background: url(../images/common/ico_captive_portal.png) no-repeat 0 center;*/
    background: url(../images/common/logo_icurehab_b@1x.png) no-repeat center 0;
    background-size: 2.496rem 2.496rem;
    padding: 3.5rem 0 0;
    display: block;
    margin: 0 auto;
    min-height: 2rem;
    word-break: break-all;
}
.link_left .bi-ksccm,
.link_right .bi-ksccm {
    background: url(../images/common/logo_ksccm@1x.png) no-repeat center 0;
    background-size: 2.496rem 2.496rem;
    padding: 3.5rem 0 0;
    display: block;
    margin: 0 auto;
    min-height: 2rem;
    word-break: break-all;
}
.area_link a {
    flex-grow: 0;
    font-family: SFProText;
    font-size: 1.375rem;
    font-size: 1.1875rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -0.41px;
    text-align: center;
    color: var(--theme-black);
    word-break:keep-all;
    word-wrap:break-word;
}
.area_link a.text-left {
  text-align:left;
}

.area_notice {
}
.area_notice .list_head {
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
  padding: 2.5rem 1.5rem 0.75rem;
}
.area_notice .list_item:last-child {
  border-bottom: 0 none;
}
.area_banner {
  margin: 1.875rem 0 3.125rem;
}


.content_header_inner {
    border-bottom: 1px solid rgba(34, 29, 30, 0.1);
    /*padding: 1.7655rem 1.868rem 1.711rem 2.875rem;*/
    /*padding: 1.7655rem 1.868rem 1.111rem;*/
    padding: 1.7655rem 0 1.111rem;
}
.carousel-inner > .item {
    padding: 0 1.868rem;
}
.alimi_calendar_week {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  /*gap: 0.75rem;*/
  width: 100%;
  padding:0;
  margin:0;
}
.alimi_calendar_week li{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0.844rem;
  min-width: 3.75rem;
  min-width: 2.55rem;
  width:13%;
  margin:0 auto;
}
.alimi_calendar_week .week_text{
  flex-grow: 0;
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: center;
  color: rgba(34, 29, 30, 0.6);
}
.alimi_calendar_week .week_day{
  font-family: SFProDisplay;
  font-size: 1.875rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: 0.38px;
  text-align: center;
  color: rgba(34, 29, 30, 0.6);
}
.alimi_calendar_week li span {
  display:flex;
}
.alimi_calendar_week li.has_item span {
    cursor: pointer;
}
.alimi_calendar_week .week_day_text {
  width: 3.75rem;
  height: 3.75rem;
  flex-grow: 0;
  border-radius: 300px;
  justify-content: center;
  align-items: center;
  position: relative;
}
.alimi_calendar_week .sel_day .week_day_text {
  background-color: var(--theme-primary);
  color: var(--theme-white);
}
.alimi_calendar_week .has_item .week_day_text::after {
  content: '';
  display: block;
  width: 0.844rem;
  height: 0.844rem;
  background-color: #f30000;
  border-radius:50%;
  position: absolute;
  top: 0;
  right: 0;
}

.alimi_title {
  margin-top: 3.422rem;
  position: relative;
}
.alimi_title .alimi_current_date {
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
  /*width: calc(100% - 11.7rem);*/
}
.alimi_title .alimini_subject {
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.41px;
  text-align: left;
  color: var(--theme-black);
  margin-top: 0.625rem;
  /*width: calc(100% - 11.7rem);*/  
}
.btn_calendar_wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 10.4065rem;
  height: 4.5625rem;
}
.btn_calendar_wrap .btn_calendar{
  width:100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  padding: 1.25rem;
  border-radius: 3.125rem;
  background-color: var(--theme-primary);
}
.btn_calendar_wrap .bi-calendar::before {
  content: "\f1f6";
  color: #fff;
  font-size: 1.5rem;
  width: 1.4065rem;
  height: 1.4065rem;
  margin-top: 2px;
}
.btn_calendar_wrap .btn_text {
  flex-grow: 0;
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.41px;
  text-align: left;
  color: var(--theme-white);
}

.alimi_content_wrap {
  margin-top: 1.875rem;
}
.alimi_photo {
  max-width: 100%;
  object-fit: contain;
}
.alimi_photo_item {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.alimi_photo_item:first-child {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.no-msg .alimi_photo_item:last-child {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
.alimi_photo_item .photo_more {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.938rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5625rem;
  background-color: rgba(68, 145, 217, 0.7);
  font-family: SFProText;
  font-size: 1.219rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: absolute;
  right: 1.047rem;
  bottom: 1.0315rem;
}
.alimi_message {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 0.938rem;
  padding: 2.8125rem 0;
  background-color: var(--theme-primary);
  font-family: SFProText;
  font-size: 1.375rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.008rem;
  /*text-align: center;*/
  color: #fff;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  padding-left: 1.6405rem;
  padding-right: 1.6405rem;
}
.alimi_photo_wrap.blind + .alimi_message {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.alimi_condition {
  margin-top:2.5rem;
}
.alimi_condition_title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 0 0.75rem 1.5rem;
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
}
.alimi_condition_list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  /*gap: 0.625rem;*/
  padding: 0 1.5rem;
}
.alimi_condition_item {
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  display: table;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1.125rem;
  /*padding: 0.5625rem 1.125rem;*/
  padding: 1rem 1.125rem;
  border-radius: 0.938rem;
  background-image: linear-gradient(162deg, #309cff 25%, #2482d0 84%);
  position: relative;
  width:100%;
  margin-bottom: 0.625rem;
}
  .alimi_condition_item .bi-question-circle {
    position: absolute;
    top: 1rem;
    right: 1.125rem;
    font-size: 1.375rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
  }
  .alimi_condition_item .bi-question-circle::before {
    font-size: 1.375rem;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
  }
.condition_item_icon {
  display: inline-block;
  display: table-cell;
  width: 4.219rem;
  height: 4.219rem;
  background: url(../images/common/ico_feel01.png) no-repeat center center;
  background-size: contain;
}
.condition_item_info {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 0 1.125rem;
}
.condition_item_title {
    flex-grow: 1;
    font-family: SFProText;
    font-size: 1.375rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -0.026rem;
    text-align: left;
    /*color: var(--theme-white);*/
    color: var(--theme-black);
}
.condition_item_message {
    flex-grow: 0;
    font-family: SFProText;
    /*font-size: 1.125rem;*/
    font-size: 1.375rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -0.026rem;
    text-align: left;
    /*color: var(--theme-white);*/
    color: var(--theme-black);
}
/*.alimi_condition_item.step00 {
    background-image: linear-gradient(162deg, #309cff 25%, #2482d0 84%);
}
.alimi_condition_item.step01 {
    background-image: linear-gradient(162deg, #309cff 25%, #2482d0 84%);
}
.alimi_condition_item.step02 {
    background-image: linear-gradient(162deg, #309cff 25%, #2482d0 84%);
}
.alimi_condition_item.step03 {
    background-image: linear-gradient(162deg, #309cff 25%, #2482d0 84%);
}
.alimi_condition_item.step04 {
    background-image: linear-gradient(162deg, #309cff 25%, #2482d0 84%);
}
.alimi_condition_item.step05 {
    background-image: linear-gradient(162deg, #309cff 25%, #2482d0 84%);
}

.condition_excstep.alimi_condition_item.step03,
.condition_excstep.alimi_condition_item.step04,
.condition_excstep.alimi_condition_item.step05 {
    background-image: linear-gradient(162deg, #309cff 25%, #2482d0 84%);
}*/

.alimi_condition_item.blue {
    background-image: none;
    /*background-color: #11ADD2;*/
    background-color: #BEE1F3;
}
.alimi_condition_item.green {
    background-image: none;
    /*background-color: #7CC354;*/
    background-color: #D4E6DA;
}

.condition_consciousness .condition_item_icon {
    background-image: url(../images/common/ico_consciousness_2.png);
}
.condition_feel .condition_item_icon {
    background-image: url(../images/common/ico_feel_2.png);
}
.condition_sleep .condition_item_icon {
    background-image: url(../images/common/ico_sleep_2.png);
}
.condition_meal .condition_item_icon {
    background-image: url(../images/common/ico_meal_2.png);
}
.condition_delirium .condition_item_icon {
    background-image: url(../images/common/ico_delirium_2.png);
}
.condition_recognition .condition_item_icon {
    background-image: url(../images/common/ico_recognition_2.png);
}
.condition_excstep .condition_item_icon {
  background-image: url(../images/common/ico_rehabilitation_2.png);
}


/*
.condition_feel.step01 .condition_item_icon {
  background-image:url(../images/common/ico_feel01.png);
}
.condition_feel.step02 .condition_item_icon {
  background-image:url(../images/common/ico_feel01.png);
}
.condition_feel.step03 .condition_item_icon {
  background-image:url(../images/common/ico_feel01.png);
}
.condition_sleep.step01 .condition_item_icon {
  background-image:url(../images/common/ico_sleep01.png);
}
.condition_sleep.step02 .condition_item_icon {
  background-image:url(../images/common/ico_sleep02.png);
}
.condition_sleep.step03 .condition_item_icon {
  background-image:url(../images/common/ico_sleep03.png);
}
.condition_meal.step01 .condition_item_icon {
  background-image:url(../images/common/ico_meal01.png);
}
.condition_meal.step02 .condition_item_icon {
  background-image:url(../images/common/ico_meal02.png);
}
.condition_meal.step03 .condition_item_icon {
  background-image:url(../images/common/ico_meal03.png);
}
.condition_meal.step04 .condition_item_icon {
  background-image:url(../images/common/ico_meal04.png);
}
.condition_delirium.step01 .condition_item_icon {
  background-image:url(../images/common/ico_delirium01.png);
}
.condition_delirium.step02 .condition_item_icon {
  background-image:url(../images/common/ico_delirium01.png);
}
.condition_delirium.step03 .condition_item_icon {
  background-image:url(../images/common/ico_delirium01.png);
}
.condition_recognition.step01 .condition_item_icon {
  background-image:url(../images/common/ico_recog01.png);
}
.condition_recognition.step02 .condition_item_icon {
  background-image:url(../images/common/ico_recog02.png);
}
.condition_recognition.step03 .condition_item_icon {
  background-image:url(../images/common/ico_recog03.png);
}
.condition_recognition.step04 .condition_item_icon {
  background-image:url(../images/common/ico_recog04.png);
  background-size: 60%;
}*/
.condition_physical {
  margin-top:2.5rem;
}
.condition_physical .condition_item_title {
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
}
.condition_item_step_list {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding:0;
}
.condition_item_step_list > li {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.75rem;
  padding: 1.5rem 0 0.9375rem;
  border-bottom: solid 1.5px rgba(34, 29, 30, 0.3);
  width: 100%;
}
.condition_item_step_list > li:last-child {
  border-bottom: 0 none;
}
.condition_item_step_title {
  flex-grow: 1;
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.013rem;
  text-align: left;
  color: var(--theme-black);
}
.condition_item_step_list li.selected .condition_item_step_title::before {
  content: '→';
  color: #fff;
  width: 1.875rem;
  height: 1.875rem;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--theme-primary);
  font-size: 1.5rem;
  margin-right: 0.375rem;
  text-align: center;
  vertical-align: top;
}
.condition_item_step_list .condition_item_step_info {
  display: none;
}
.condition_item_step_list li.selected .condition_item_step_info {
    display: block;
    padding-bottom: 0.844rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
}
.condition_item_step_info_text {
  flex-grow: 0;
  font-family: SFProText;
  font-size: 1.375rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.008rem;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
  padding-bottom: 0.9375rem;
}
.img_item_step {
  max-width: 100%;
  object-fit: contain;
}

.alimi_content_wrap + .btn_wrap {
  margin-top:2.5rem;
}
.btn_alimi_modify,
.btn_alimi_reply {
  display: block;
  width: 100%;
  -webkit-backdrop-filter: blur(240px);
  backdrop-filter: blur(240px);
  background-color: var(--theme-primary);
  box-sizing: border-box;
  margin: 0 auto 0;
  padding: 1.687rem 1.5rem;
  border-radius: 150px;
}
.btn_alimi_modify .btn_text,
.btn_alimi_reply .btn_text {
  font-family: SFProDisplay;
  font-size: 1.625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: -0.024rem;
  text-align: center;
  color: var(--theme-white);
}
.btn_alimi_modify{
  margin-top: 1rem;
}

/* 답변 */
.alimi_content {
  /*padding-bottom: 1rem;*/
  padding-bottom: 2rem;
}
.reply_title {
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
  padding: 0 0 0.75rem 1.5rem;
}
.reply_content_wrap {
  padding: 0 1.5rem;
}
.reply_cont_inner {
  padding: 0.9375rem 1.875rem;
  border-radius: 0.938rem;
  background-color: var(--theme-blue);
}
.reply_cont_inner + .reply_cont_inner {
  margin-top: 0.3125rem;
}
.reply_wdate {
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: var(--theme-black);
  /*margin-top:1.5rem;*/
}
.reply_content {
  font-family: SFProText;
  font-size: 1.375rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: -0.075rem;
  text-align: left;
  color: var(--theme-black);
  padding: 0.9375rem 0;
}
.reply_content .emoti_reply {
  width: auto;
  height: 4.062rem;
  margin-bottom: 5px;
}
.emoti_reply {
  width: 4.062rem;
}
.reply_photo_item {

}
.reply_photo_item + .reply_photo_item {
  margin-top: 0.625rem;
}
.reply_photo {
  width: 100%;
}

.reply_button_wrap {
  padding: 1.5rem 0;
  text-align: right;
}
.reply_button_wrap .btn_gray {
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: var(--theme-white);
  padding: 0.3125rem 1.875rem;
  border-radius: 50px;
  background-color: rgba(34, 29, 30, 0.3);
}
.reply_button_wrap .btn_gray + .btn_gray {
  margin-left: 0.625rem;
}

/* 알리미 작성 */
.alimi_wrap_inner {
  padding: 2.025rem 1.3125rem;
}
.write_text_wrap {
    padding: 2.625rem 2.344rem;
    border-radius: 1.563rem;
    background-color: #fff;
    /*background-color: #11ADD2;*/
    border: solid 1px rgba(34, 29, 30, 0.3);
}
.grow-wrap {
  /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
  display: grid;
}
.grow-wrap::after {
  /* Note the weird space! Needed to preventy jumpy behavior */
  content: attr(data-replicated-value) " ";

  /* This is how textarea text behaves */
  white-space: pre-wrap;
  word-break: break-all;

  /* Hidden from view, clicks, and screen readers */
  visibility: hidden;
}
.grow-wrap > textarea {
  /* You could leave this, but after a user resizes, then it ruins the auto sizing */
  resize: none;

  /* Firefox shows scrollbar on growth, you can hide like this. */
  overflow: hidden;
}
.grow-wrap > textarea,
.grow-wrap::after {
  /* Identical styling required!! */
  /* border: 1px solid black; */
  padding: 0.5rem;
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.41px;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
  /*color: #fff;*/

  /* Place on top of each other */
  grid-area: 1 / 1 / 2 / 2;
}
.grow-wrap > textarea::placeholder,
.grow-wrap::placeholder{
  color: #fff;
}
.alimi_write_text {
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.41px;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
  width: 100%;  
}
textarea::placeholder {
  color: #ccc;
  text-align: center;
}

/* 사진 업로드 */
.write_photo_wrap {
  padding: 0.5625rem 0 2.5rem;
}
.cvf_delete_image {
  font-size: 1rem;
}
ul.reply_files,
ul.cvf_uploaded_files {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.reply_files li,
ul.cvf_uploaded_files li {
  position: relative;
  text-align: center;
}
ul.reply_files  li + li,
ul.cvf_uploaded_files li + li {
  margin-top: 0.5625rem;
}
ul.reply_files li img.img-thumb,
ul.cvf_uploaded_files li img.img-thumb {
  max-width: 100%;
  border-radius: 0.938rem;
}
ul.reply_files li .del_image,
ul.cvf_uploaded_files .cvf_delete_image {
  border: 0 none; 
  position: absolute; 
  bottom: 1.25rem; 
  right: 1.25rem; 
  padding: 0.375rem 0.75rem;
  border-radius: 0.563rem;
  background-color: rgba(68, 145, 217, 0.5);
  font-family: SFProText;
  font-size: 1.219rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
ul.reply_files li .del_image:hover,
ul.cvf_uploaded_files .cvf_delete_image:hover {
  background-color: rgba(68, 145, 217, 1);
  text-decoration: none;
}
.attach_photo {
  margin-top: 0.5625rem;
  overflow: hidden;
}
.btn_attach_photo {
  display: block;
  width: 100%;
  padding: 1.6875rem 1.5rem;
  border-radius: 4.688rem;
  -webkit-backdrop-filter: blur(240px);
  backdrop-filter: blur(7.5rem);
  background-color: rgba(34, 29, 30, 0.3);
}
.btn_attach_album {
    float: left;
    display: block;
    width: calc(50% - 0.5rem);
    padding: 1.6875rem 1.5rem;
    border-radius: 4.688rem;
    -webkit-backdrop-filter: blur(240px);
    backdrop-filter: blur(7.5rem);
    /*background-color: #9EC962;*/
    background-color: #D4E6DA;
    position: relative;
}
.bi-journal-album,
.bi-camera {
  font-size: 2rem;
  color: var(--theme-black);
  margin-right: 0.5rem;
  display: inline-block;
}
.bi-journal-album {
  width: 1.375rem;
  height: 1.375rem;
}
.bi-journal-album::before {
  float: left;
  display: block;
  margin-left: -0.7rem;
  margin-top: -0.4rem;
}
.bi-camera {
  font-size: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
}
.bi-camera::before {
  float: left;
  display: block;
  margin-left: -0.7rem;
  margin-top: -0.2rem;
}
.btn_attach_camera {
    float: right;
    display: block;
    width: calc(50% - 0.5rem);
    padding: 1.6875rem 1.5rem;
    border-radius: 4.688rem;
    -webkit-backdrop-filter: blur(240px);
    backdrop-filter: blur(7.5rem);
    /*background-color: #6F94DA;*/
    background-color: #D4E6DA;
    position: relative;
}
.btn_attach_text,
.btn_attach_photo_text {
  font-family: SFProDisplay;
  font-size: 1.875rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: 0.012rem;
  text-align: center;
  color: var(--theme-black);
}

/* 오늘의 환자 상태 */
.write_condition_wrap {
  padding-top: 0.5625rem;
  padding-bottom: 1.3125rem;
}
.write_condition_inner {
}
.write_condition_title,
.write_rehabilitation_title {
  padding: 0 0 0.75rem 0;
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: rgba(34, 29, 30, 0.6);
}
.write_condition_item {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  padding: 1.5rem 0;
}
.write_condition_item + .write_condition_item {
  border-top: solid 1.5px rgba(34, 29, 30, 0.3);
}
.write_condition_item_label {
  flex-grow: 1;
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.013rem;
  text-align: left;
  color: var(--theme-black);
  width: 25%;
}
.write_conditionn_item_button_wrap {
  flex-grow: 3;
  /*display: flex;*/
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0.375rem;
  padding: 0;
  width: 75%;
}
.write_conditionn_item_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /*gap: 0.375rem;*/
  padding: 0;
}
.write_conditionn_item_row + .write_conditionn_item_row{
  padding-top:0.375rem;
}

.write_condition_item_button_item {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /*gap: 0.313rem;*/
    padding: 0.625rem 0;
    border-radius: 0.938rem;
    /*background-color: var(--theme-orange);*/
    background-color: #BEE1F3;
    position: relative;
}
.write_condition_item_button_item > input {
    position: absolute;
}
.write_condition_item_button_item:has(> input:checked) {
  background-color: var(--theme-red);
}
.write_condition_item_button_item + .write_condition_item_button_item {
    margin-left: 0.375rem;
}

  .write_condition_item_button_item .btn_label_text {
    font-family: SFProText;
    font-size: 1.375rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
    letter-spacing: -0.013rem;
    text-align: center;
    color: var(--theme-black);
    margin: 0;
    display: block;
    width: 100%;
  }
.write_condition_item_button_item input:checked + .btn_label_text {
    color: var(--theme-white);
}
.write_condition_item_button_item .btn_label_text.size_sm {
  font-size: 1.4625rem;
}
.write_rehabilitation_wrap {
  padding-top: 0.5625rem;
  padding-bottom: 2.5rem;
}
.write_rehabilitation_list {
  padding-top: 0.5625rem;
}
.write_rehabilitation_list_head {
  padding: 1.5rem;
  background-color: rgba(34, 29, 30, 0.1);
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.41px;
  text-align: left;
  color: var(--theme-black);
}
.write_rehabilitation_list ul {
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
}
.write_rehabilitation_list ul li {
  /*padding: 1.5rem;*/
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.41px;
  text-align: left;
  color: var(--theme-black);
  position: relative;
}
.write_rehabilitation_list ul li label.btn_label_text {
  padding: 1.5rem;
}

.write_rehabilitation_list ul li + li {
  border-top: solid 1.5px rgba(34, 29, 30, 0.3);
}
.btn_label_text {
  margin:0;
  width: 100%;
}
.write_rehabilitation_list ul li input[type=radio] {
  display: none;
}
.write_rehabilitation_list ul li:has(> input:checked) {
  /*background-color: rgba(34, 29, 30, 0.05);*/
  background-color: var(--theme-red);
}
.write_rehabilitation_list ul li:has(> input:checked) .btn_label_text{
    color: var(--theme-white);
}
.write_button_wrap {
  padding: 1.875rem 0;
}
.write_button_wrap > button + button {
  margin-top:2.625rem;
}
.btn_write_modify,
.btn_write_preview {
  display: block;
  width: 100%;
  padding: 1.6875rem 1.5rem;
  border-radius: 4.688rem;
  -webkit-backdrop-filter: blur(240px);
  backdrop-filter: blur(7.5rem);
  background-color: rgba(34, 29, 30, 0.3);
}
.btn_write_submit {
  display: block;
  width: 100%;
  padding: 1.6875rem 1.5rem;
  border-radius: 4.688rem;
  -webkit-backdrop-filter: blur(240px);
  backdrop-filter: blur(7.5rem);
  background-color: var(--theme-primary);
}
.write_button_wrap .btn_text {
  font-family: SFProDisplay;
  font-size: 1.875rem;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: 0.38px;
  text-align: center;
  color: var(--theme-white);
}

/* 답장쓰기 */
.reply_intro {
  padding: 1.5rem 0;
}
.reply_intro_text {
  font-family: SFProText;
  font-size: 1.5625rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: -0.013rem;
  text-align: center;
  color: var(--theme-black);
}
.reply_emoticon_box {
  display: block;
  padding: 0 0 1.5rem;
  overflow: hidden;
}
.reply_emoticon_item {
  cursor: pointer;
  display: block;
  float: left;
  padding: 0.625rem 0;
  border-radius: 0.938rem;
  text-align: center;
  width: 20%;
  margin: 0 2.5%;
}
.reply_emoticon_item:hover {
  border-radius: 0.938rem;
  background-color: var(--theme-primary);
}

.reply_emoticon_item:hover > span {
  color: var(--theme-white);
}
.reply_emoticon_item > img {
  width: 4.062rem;
  height: 4.062rem;
  flex-grow: 0;
  margin: 0 0.1565rem 0.625rem 0.1565rem;
}
.reply_emoticon_item > img.emo05 {
  width: auto;
  height: 4.062rem;
}
.reply_emoticon_item_text {
  display: block;
  font-family: SFProText;
  font-size: 1.1875rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: center;
  color: var(--theme-black);
}

/* calendar */
#calendarModal .modal-dialog{
  width:95%;
  margin-top:25%;
  margin-left:auto;
  margin-right:auto;

}
#calendarModal .modal-header {
    border-bottom: 0 none;
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: -15px;
}
#calendarModal .modal-title {
  float: left;
}
#calendarModal .modal-header .close {
    color: var(--theme-black);
    font-size: 2.5rem;
    opacity: 1;
    padding: 0.5rem 1rem;
    position: relative;
    z-index: 10;
}
#calendarModal .modal-content {
  background-color: var(--theme-white);
}
.calendar_wrap .datepicker-inline{
  width: 100%;
}
.calendar_wrap .datepicker table {
  width: 100%;
}
.datepicker td, .datepicker th {
  width: 3.75rem;
  height: 3.75rem;
  width: 9vw;
  height: 9vw;
  color: var(--theme-black);
  font-size: 1.875rem;
  position: relative;
}
.datepicker th {
  font-size: 1.1875rem;
  color: rgba(34, 29, 30, 0.3);;
}
.datepicker th.datepicker-switch,
.datepicker th.prev,
.datepicker th.next {
  font-size: 1.5625rem;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.41px;
  color: #000;
}
.datepicker th.prev,
.datepicker th.next {
  font-size: 2.5rem;
}
.datepicker table tr td.hasMessage::before {
  content: '';
  width: 0.844rem;
  height: 0.844rem;
  background-color: #f30000;
  border-radius: 50%;
  position:absolute;
  top: 3px;
  right: 3px;
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
  background-color: var(--theme-primary);
  background-image: linear-gradient(to bottom, var(--theme-primary), var(--theme-primary));
  color: var(--theme-white);
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
  background-color: var(--theme-primary);
  background-image: linear-gradient(to bottom, var(--theme-primary), var(--theme-primary));
  color: var(--theme-white);
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
}

/**
    swiper custom style
*/
.swiper .calendar-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.844rem 0.844rem;
}
.swiper .calendar-yymm {
    display: flex;
    color: rgba(34, 29, 30, 0.6);
    font-family: SFProDisplay;
    font-size: 1.575rem;
    font-weight: 500;
}
.swiper .calendar-nav {
    display: flex;
}
.swiper .swiper-button-next, .swiper-button-prev {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    margin: 0 5px;
}
.swiper .swiper-button-next:after, .swiper-button-prev:after {
    color: rgba(34, 29, 30, 0.6);
    font-size: 1.1875rem;
    font-weight: 700;
}

/** 
    modal vertical align middle
*/
#profileModal .modal-title {
    display: inline-block;
    font-family: SFProText;
    font-size: 1.5625rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
}
#profileModal .modal-header .close {
    padding: 1rem;
    margin-top: -1rem;
    margin-right: -1rem;
    font-family: SFProText;
    font-size: 1.5625rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
}
#profileModal .btn {
    font-family: SFProText;
    font-size: 1.5625rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.32;
}
#profileModal .write_photo_wrap {
    padding: 0.5625rem 0;
}
#profileModal .attach_photo {
    margin-top: 4rem;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.vertical-align-center .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    max-width: inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}

#youtubeModal button.close {
    position: absolute;
    top: -3.257rem;
    right: -1rem;
    color: #fff;
    /* background: #fff; */
    border-radius: 50%;
    opacity: 1;
    font-size: 3rem;
    font-weight: 400;
    padding: 0 1rem 1rem;
}

/**
  Bootstrap 3 Modal Fullscreen
*/
.modal-fullscreen {
  padding: 0 !important;
}
.modal-fullscreen .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.modal-fullscreen .modal-content {
  height: auto;
  min-height: 100%;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
}

/**
  애니메이션 정의
*/
@keyframes loop-side-to-side {
    0% {
        top: 0px;
        left: 0px;
    }

    50% {
        top: 0px;
        left: 20px;
    }

    100% {
        top: 0px;
        left: 0px;
    }
}

.ani-loop-side-to-side {
    position: relative;
    animation: loop-side-to-side 1.1s infinite;
    color: var(--theme-primary);
}


/** iOS  */
@media (max-width: 376px) {
  .logo_hosp .link::before {
    margin-left: 1.6405rem;
  }

  .config_wrap {
    right: 0.2rem;
  }

  .banner_wrap {
    padding: 3.125rem 1rem;
  }

  .content {
    padding: 0 1rem;
  }

  .alimi_condition_title {
    padding-left: 0;
  }

  .alimi_condition_list {
    padding: 0;
  }

  .u_photo_wrap {
    width: 27vw;
    height: 27vw;
  }

  .alimi_wrap_inner {
    padding: 2.025rem 0rem;
  }

  .btn_attach_album,
  .btn_attach_camera {
    width: 48%;
  }

  .reply_emoticon_item {
    margin: 0 1.5%;
  }

  .btn_attach_text, .btn_attach_photo_text {
    font-size: 1.675rem;
  }

  .list_head, .list_body {
    padding-left: 0;
    padding-right: 0;
  }

    .bi-journal-album, .bi-camera {
        display: none;
    }
}

/**
  jquery-confirm style custom
*/
.jconfirm-box {
  font-size: 1.5062rem;
}


/* @2x Images (Pixel Ratio of 1.25+) */
@media only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
    .logo_hosp .link::before {
        background: url(../images/hi/logo_top_amcs@2x.png) no-repeat center center;
        background-size: contain;
    }
    .logo_hosp.hosp01.hosp110 .link::before { /* 삼성서울병원 중환자의학과 */
        background-image: url(../images/hi/logo_top_ssmc@2x.png);
    }
    .logo_hosp.hosp01.hosp210 .link::before { /* 부산대학교병원 재활의학과 */
        background-image: url(../images/hi/logo_top_pnuh@2x.png);
    }
    .logo_hosp.hosp01.hosp310 .link::before { /* 서울아산병원 중환자외상외과 */
        background-image: url(../images/hi/logo_top_amcs@2x.png);
    }
    .logo_hosp.hosp01.hosp410 .link::before { /* 서울아산병원 어린이병원 소아청소년과 */
        background-image: url(../images/hi/logo_top_camc@2x.png);
    }
    .logo_hosp.hosp01.hosp510 .link::before { /* 고려대학교 안암병원 재활의학과 */
        background-image: url(../images/hi/logo_top_amc@2x.png);
    }
    .logo_hosp.hosp01.hosp520 .link::before { /* 고려대학교 안암병원 외상중환자외과 */
        background-image: url(../images/hi/logo_top_amc@2x.png);
    }
    .logo_hosp.hosp01.hosp530 .link::before { /* 고려대학교 안암병원 심장혈관흉부외과 */
        background-image: url(../images/hi/logo_top_amc@2x.png);
    }
    .logo_hosp.hosp01.hosp610 .link::before { /* 서울대학교병원 중환자실 재활의학과 */
        background-image: url(../images/hi/logo_top_snuh@2x.png);
    }

    .link_left .bi-livetv {
        background: url(../images/common/ico_live_tv_b@2x.png) no-repeat center 0;
        background-size: 2.422rem 2.1795rem;
    }
    .link_left .bi-kicu,
    .link_right .bi-kicu {
        background: url(../images/common/logo_icurehab_b@2x.png) no-repeat center 0;
        background-size: 2.496rem 2.496rem;
    }
    .link_left .bi-ksccm,
    .link_right .bi-ksccm {
        background: url(../images/common/logo_ksccm@2x.png) no-repeat center 0;
        background-size: 2.496rem 2.496rem;
    }

    .condition_consciousness .condition_item_icon {
        background-image: url(../images/common/ico_consciousness_2@2x.png);
    }
    .condition_feel .condition_item_icon {
        background-image: url(../images/common/ico_feel_2@2x.png);
    }
    .condition_sleep .condition_item_icon {
        background-image: url(../images/common/ico_sleep_2@2x.png);
    }
    .condition_meal .condition_item_icon {
        background-image: url(../images/common/ico_meal_2@2x.png);
    }
    .condition_delirium .condition_item_icon {
        background-image: url(../images/common/ico_delirium_2@2x.png);
    }
    .condition_recognition .condition_item_icon {
        background-image: url(../images/common/ico_recognition_2@2x.png);
    }
    .condition_excstep .condition_item_icon {
        background-image: url(../images/common/ico_rehabilitation_2@2x.png);
    }
}

/* @3x Images (Pixel Ratio of 2.25+) */
@media only screen and (-o-min-device-pixel-ratio: 9/4), only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min--moz-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio: 2.25), only screen and (min-resolution: 2.25dppx) {
    .logo_hosp .link::before {
        background: url(../images/hi/logo_top_amcs@3x.png) no-repeat center center;
        background-size: contain;
    }
    .logo_hosp.hosp01.hosp110 .link::before { /* 삼성서울병원 중환자의학과 */
        background-image: url(../images/hi/logo_top_ssmc@3x.png);
    }
    .logo_hosp.hosp01.hosp210 .link::before { /* 부산대학교병원 재활의학과 */
        background-image: url(../images/hi/logo_top_pnuh@3x.png);
    }
    .logo_hosp.hosp01.hosp310 .link::before { /* 서울아산병원 중환자외상외과 */
        background-image: url(../images/hi/logo_top_amcs@3x.png);
    }
    .logo_hosp.hosp01.hosp410 .link::before { /* 서울아산병원 어린이병원 소아청소년과 */
        background-image: url(../images/hi/logo_top_camc@3x.png);
    }
    .logo_hosp.hosp01.hosp510 .link::before { /* 고려대학교 안암병원 재활의학과 */
        background-image: url(../images/hi/logo_top_amc@3x.png);
    }
    .logo_hosp.hosp01.hosp520 .link::before { /* 고려대학교 안암병원 외상중환자외과 */
        background-image: url(../images/hi/logo_top_amc@3x.png);
    }
    .logo_hosp.hosp01.hosp530 .link::before { /* 고려대학교 안암병원 심장혈관흉부외과 */
        background-image: url(../images/hi/logo_top_amc@3x.png);
    }
    .logo_hosp.hosp01.hosp610 .link::before { /* 서울대학교병원 중환자실 재활의학과 */
        background-image: url(../images/hi/logo_top_snuh@3x.png);
    }

    .link_left .bi-livetv {
        background: url(../images/common/ico_live_tv_b@3x.png) no-repeat center 0;
        background-size: 2.422rem 2.1795rem;
    }
    .link_left .bi-kicu,
    .link_right .bi-kicu {
        background: url(../images/common/logo_icurehab_b@3x.png) no-repeat center 0;
        background-size: 2.496rem 2.496rem;
    }
    .link_left .bi-ksccm,
    .link_right .bi-ksccm {
        background: url(../images/common/logo_ksccm@3x.png) no-repeat center 0;
        background-size: 2.496rem 2.496rem;
    }

    .condition_consciousness .condition_item_icon {
        background-image: url(../images/common/ico_consciousness_2@3x.png);
    }
    .condition_feel .condition_item_icon {
        background-image: url(../images/common/ico_feel_2@3x.png);
    }
    .condition_sleep .condition_item_icon {
        background-image: url(../images/common/ico_sleep_2@3x.png);
    }
    .condition_meal .condition_item_icon {
        background-image: url(../images/common/ico_meal_2@3x.png);
    }
    .condition_delirium .condition_item_icon {
        background-image: url(../images/common/ico_delirium_2@3x.png);
    }
    .condition_recognition .condition_item_icon {
        background-image: url(../images/common/ico_recognition_2@3x.png);
    }
    .condition_excstep .condition_item_icon {
        background-image: url(../images/common/ico_rehabilitation_2@3x.png);
    }
}


/**
  font size 키움 관련 변경 CSS
*/
.form_sect_title {
    font-size: 1.5062rem;
}
.find_result .info_text {
    font-size: 1.5062rem;
}

.btn_write_alimi {
    width: 6.3875rem;
    height: 6.3875rem;
}
.alimi_wrap_inner {
  padding: 2.025rem 0;
}
#previewModal .content {
  padding:0;
}
#previewModal .alimi_condition_list {
  padding:0;
}
.alimi_condition_title {
  padding: 0 0 0.75rem 0;
}
.alimi_condition_list {
  padding: 0;
}
.reply_title {
    padding: 0 0 0.75rem 0;
}
.reply_content_wrap {
    padding: 0;
}

/**
    photoswipe custom
*/
button.pswp__button--test-button {
    background: #136912 !important;
    font-size: 20px;
    color: #fff;
    /*display: none !important;*/
}


/**
    jquery confirm customising
*/
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    font-size: 1.5062rem;
}