.popupWinBack {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(255, 255, 255, 0.95); z-index: 99999; display: none; justify-content: center; align-items: center; overflow: hidden}
.popupWin {border: 1px solid gray; border-radius: 0.5rem; width: calc(100% - 1rem); max-width: 30rem; max-height: 80vh; display: none; justify-content: center; align-items: stretch; flex-direction: column; overflow: hidden}
.popupWinHeader {border-radius: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; background-color: gray}
.popupWinTitle {color: white; padding: 0.5rem; width: 100%; text-align: left}
.popupWinClose {margin-right: 0.25rem; cursor: pointer; color: red; font-size: 1.5rem; width: 1.5rem; height: 1.5rem; display: flex; justify-content: center; align-items: center; background-color: #F5F5F5; border-radius: 0.25rem}
.popupWinContent {border-radius: 0; background-color: white; width: calc(100% - 2rem); padding: 2vh 1rem; max-height: calc(80vh - 4rem); overflow-y: auto; overflow-x: hide}
.popupWinFooter {border-radius: 0; background-color: #F5F5F5; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 0.5rem 1rem; width: calc(100% - 2rem); border-top: 1px solid #CCC}
@media only screen AND (max-width: 500px) {
}

@media only screen AND (max-width: 500px) 
{
 // .popupWin {width: calc(100% - 1rem)}
}