.welfare_page #patientMobile {display: none;}
@media screen and (max-width: 1024px) {
    #hq:has(.welfare_page) > * {min-width: unset; padding: 0}
    #hq:has(.welfare_form) > * {min-width: unset; padding: 0}
    .welfare_page {display: flex;flex-direction: column-reverse; gap: 0}
    .welfare_page .panel.flex {flex-wrap: wrap}
    .welfare_page .box_gray3 .tagbox { flex-direction: column;flex-wrap: wrap;align-items: start !important;}
    .welfare_page .box_gray3 .tagbox > *:nth-child(even) {width: 100%}
    .welfare_page #welfareList {margin-top: 20px}
    .welfare_page #patientMobile {display: block;margin-bottom: 30px}
    .welfare_page #patientMobile.active {background: #fff; color: #77a502}
    .welfare_page #patientList {display: none;}
    .welfare_page #patientList.active {display: block; background: #ffffff50 }
    .welfare_page #patientList .table table{box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);}
    .welfare_page #patientList table{border: 2px solid #77a502}
    .welfare_page #patientList table tr:last-of-type td{border-bottom: 2px solid #77a502}
    .welfare_form .table.v2 table{border:0}
    .welfare_form .table.v2 colgroup,
    .welfare_form .table.v2 thead{display:none}
    .welfare_form .table.v2 tbody tr{display:block;border:1px solid #eee;border-radius:6px;padding:10px;margin-bottom:10px}
    .welfare_form .table.v2 tbody td{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 0;border:0}
    .welfare_form .table.v2 tbody td::before{content:attr(data-label);font-weight:600;color:#666;min-width:90px}
    .welfare_form .table.v2 tbody td input{width:100%}
    .welfare_form .table.v2 tbody td > div.flex{flex-direction:column;gap:5px;width:100%}
    .welfare_choose #patientFix {width: 100%}
}
@media screen and (max-width: 900px) {
    .welfare_page nav.panel {justify-content: center}
    .welfare_form nav.panel {justify-content: center}
    .welfare_page .table:before {content: '↔ 표를 좌우로 드래그 하세요. ↔ '; text-align: center; display: inline-block; padding: 5px 0; width: 100%; opacity: 0.4; font-size: 0.8em}
    .welfare_page .panel.flex label {width: 100%}
    .welfare_choose .panel {flex-direction: column}
    .welfare_choose .panel > * {width: 100%}
    .welfare_choose .panel .search input[type="search"] {width: 100%}
    .welfare_form span.info {margin-left: auto}
    .welfare_form input[name="ptAge"] {width: 70px;}
    .welfare_form div.box_white .flex {flex-wrap: wrap; }
    .welfare_form div.box_white .flex.box_colorline {display: grid!important; grid-template-columns: 80px auto;}
    .welfare_form .grid2 {grid-template-columns: repeat(1, 1fr);}
    .welfare_form .grid {padding: 0!important;gap: 0!important;}
    .welfare_form .grid > * {padding: 10px}
    .welfare_form .grid > *:not(:last-of-type){border-bottom: 1px solid #eee;}
    .welfare_form .box_white.grid > *:not(:last-of-type){border-bottom: 1px solid #eee;}
    .welfare_form .grid > *:not(:last-of-type){border-bottom: 1px dashed #eee;}
    .welfare_form .box_gray.mt10 ul {flex-direction: column; justify-content: start; align-items: start;padding: 0!important;gap: 0!important;}
    .welfare_form .box_gray.mt10 ul li.male-auto {margin-left: unset!important;}
    .welfare_form .box_gray.mt10 ul li b {min-width: 80px;}
    .welfare_form .box_gray.mt10 ul li  {padding: 10px; width: 100%;flex-wrap: wrap}
    .welfare_form .box_gray.mt10 ul li:not(:last-of-type){border-bottom: 1px solid #eee;}
    .welfare_form input[name="ptName"] {width: 100% !important}
    .welfare_form input[name="addr"] + button {width: 100% !important}
    .welfare_form .btn-wrap {position: fixed!important; width: 100%; bottom: 0; left: 0px ;z-index: 3; margin: 0!important; flex-wrap: nowrap!important; gap: 0!important;}
    .welfare_form .btn-wrap > * {width: 100%!important;}
}