.edoc_page #patientMobile {display: none;}
@media screen and (max-width: 1200px) {
    #hq:has(.edoc_page) > * {min-width: unset; padding: 0}
    .edoc_page {display: flex;flex-direction: column-reverse; gap: 0}
    .edoc_page .panel.flex {flex-wrap: wrap}
    .edoc_page .box_gray3 .tagbox { flex-direction: column;flex-wrap: wrap;align-items: start !important;}
    .edoc_page .box_gray3 .tagbox > *:nth-child(even) {width: 100%}
    .edoc_page #edocList {margin-top: 20px}
    .edoc_page #patientMobile {display: block;}
    .edoc_page #patientMobile.active {background: #fff; color: #77a502}
    .edoc_page #patientList {display: none;}
    .edoc_page #patientList.active {display: block; background: #ffffff50 }
    .edoc_page #patientList .table table{box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);}
    .edoc_page #patientList table{border: 2px solid #77a502}
    .edoc_page #patientList table tr:last-of-type td{border-bottom: 2px solid #77a502}
    .edoc_page select[name="code"] {margin-left: auto;}
}
@media screen and (max-width: 900px) {
    .edoc_page .table:before {content: '↔ 표를 좌우로 드래그 하세요. ↔ '; text-align: center; display: inline-block; padding: 5px 0; width: 100%; opacity: 0.4; font-size: 0.8em}
}