.divHospitalWrap {
    position: relative;
    margin: 2rem auto;
    width: 100%;
    max-width: 1100px;

    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.divHospitalWrap>.divHospitalLeftWrap {
    flex-shrink: 0;
    position: sticky;
    top: 3.4rem;

    display: block;
    width: 210px;
    max-height: calc(100vh - 3.4rem);
    background: var(--color-white);
    border: 1px solid var(--color-light-gray);
    border-radius: 0.6rem;
    font-size: 0.875rem;
    padding: 1.2rem;

    overflow-y: auto;
}

.divHospitalWrap>.divHospitalMainWrap {
    flex: 1 1 auto;
    display: block;

    padding: 1.2rem;

    font-size: 0.875rem;
    background: var(--color-white);

    border: 1px solid var(--color-light-gray);
    border-radius: 0.6rem;
}

.divHospitalWrap>.divHospitalLeftWrap>ul {
    padding: 0;
    margin: 0;
}

.divHospitalWrap>.divHospitalLeftWrap>ul>li {
    list-style-type: none;
    margin: 0;
    padding: 0.6rem;
    cursor: pointer;
    font-weight: 500;
    font-size: 1.2rem;
    color: var(--color-dark-gray);
}

.divHospitalWrap>.divHospitalLeftWrap>ul>li:hover {
    color: var(--color-darker-gray);
}

.divHospitalWrap>.divHospitalLeftWrap>ul>li.selected {
    color: var(--color-other-highlight);
}

.divHospitalWrap>.divHospitalLeftWrap>ul>li .iMobileMenu {
    display: none;
}

.divHospitalWrap>.divHospitalMainWrap .divHeaderTitle {
    font-size: 1.4rem;
    font-weight: 500;
    padding: 0.6rem 0;
}

.divHospitalWrap>.divHospitalMainWrap dl>dt {
    padding: 0;
    margin: 0 0 0.3rem 0;
    font-size: 0.725rem;
    font-weight: 500;
    color: var(--color-black);
}

.divHospitalWrap>.divHospitalMainWrap dl>dt>.spanDesc {
    display: inline-flex;
    margin-left: 0.6rem;
    color: var(--color-dark-gray);
    font-size: 0.725rem;
}

.divHospitalWrap>.divHospitalMainWrap dl>dd {
    margin: 0 0 1rem 0;
    padding: 0;
}

.divHospitalWrap>.divHospitalMainWrap input[type="text"],
.divHospitalWrap>.divHospitalMainWrap input[type="password"] {
    width: 100%;
    padding: 0.6rem 1.2rem;
    border: 1px solid var(--color-light-gray);
    border-radius: 0.4rem;
    color: var(--color-darker-gray);
}

.divHospitalWrap>.divHospitalMainWrap dd #buttonChangePW {
    background: var(--color-other-highlight);
    color: var(--color-white);
    padding: 0.6rem 1.2rem;
    border: none;
    outline: none;
    border-radius: 0.6rem;
    cursor: pointer;
    font-size: 0.875rem;
}

#divHospitalPWChangeModalWrap {
    display: none;
    position: fixed;
    right: 50%;
    top: 20%;
    transform: translate(50%, 0);
    width: 400px;
    max-width: 80%;
    padding: 1.2rem;
    background: var(--color-white);
    z-index: 999;
}

#divHospitalPWChangeModalWrap h1 {
    font-size: 1.4rem;
    font-weight: 500;
    padding: 0;
    margin: 0 0 0.6rem 0;
}

#divHospitalPWChangeModalWrap .divHospitalChangePWBox {
    margin-top: 0.6rem;
}

#divHospitalPWChangeModalWrap .divHospitalChangePWBox .divTitle {
    font-size: 0.725rem;
    font-weight: 600;
    margin: 0 0 0.4rem 0;
}

#divHospitalPWChangeModalWrap .divHospitalChangePWBox .divValue {
    margin: 0 0 1.2rem 0;
}

#divHospitalPWChangeModalWrap .divHospitalChangePWButton {
    margin-top: 0.8rem;
    text-align: center;
}

#divHospitalPWChangeModalWrap .divHospitalChangePWButton button {
    width: 100px;
    padding: 0.6rem 1.2rem;
    font-size: 0.875rem;
    margin: 0 0.6rem;
    margin: 0.6rem;
    border: none;
    border-radius: 0.6rem;
    cursor: pointer;
}

#divHospitalPWChangeModalWrap .divHospitalChangePWButton button#buttonCancel {
    background: var(--color-light-gray);
    color: var(--color-black);
}

#divHospitalPWChangeModalWrap .divHospitalChangePWButton button#buttonCancel:hover {
    background: var(--color-black);
    color: var(--color-white);
}

#divHospitalPWChangeModalWrap .divHospitalChangePWButton button#buttonChange {
    background: var(--color-other-highlight);
    color: var(--color-white);
}

#divHospitalPWChangeModalWrap .divHospitalChangePWButton button#buttonChange:hover {
    background: var(--color-black);
}

.divHospitalWrap>.divHospitalMainWrap #inputEditPostalCode {
    width: 6rem;
    max-width: 50%;
    margin: 0 0 0.4rem 0;
}

.divHospitalWrap>.divHospitalMainWrap #inputEditAddr {
    margin: 0 0 0.4rem 0;
}

.divHospitalWrap>.divHospitalMainWrap #buttonFindPostCode {
    background: var(--color-other-highlight);
    color: var(--color-white);
    padding: 0.6rem 0.8rem;
    border-radius: 0.6rem;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 0.875rem;
    margin-left: 0.5rem;
}

.divHospitalWrap>.divHospitalMainWrap select {
    width: 100%;
}

.divHospitalWrap>.divHospitalMainWrap dd .divEmailUnSubscribe {
    padding: 0.8rem 1.6rem;
    margin-top: 0.8rem;
    font-size: 0.875rem;
    background: var(--color-almost-white);
    border-radius: 0.6rem;
}

.divHospitalWrap>.divHospitalMainWrap .divEmailUnSubscribe div input[type="checkbox"] {
    display: none;
}

.divHospitalWrap>.divHospitalMainWrap .divEmailUnSubscribe div input[type="checkbox"]+label {
    position: relative;
    cursor: pointer;
    font-size: 1rem;

    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;
}

.divHospitalWrap>.divHospitalMainWrap .divEmailUnSubscribe div input[type="checkbox"]+label::before {
    content: "";
    display: block;
    height: 1.3rem;
    width: 1.3rem;
    background: url("/img/renew/icon_radio.svg") no-repeat center center;
    background-size: contain;
}

.divHospitalWrap>.divHospitalMainWrap .divEmailUnSubscribe div input[type="checkbox"]:checked+label::before {
    background-image: url("/img/renew/icon_radio_checked.svg");
}

.divHospitalWrap>.divHospitalMainWrap dd .divEmailUnSubscribe .spanEmailUnSubscribeDesc {
    display: block;
    color: var(--color-dark-gray);
    font-size: 0.875rem;
    margin-top: 0.4rem;
}


.divHospitalWrap>.divHospitalMainWrap .divHospitalInfo .divHospitalInfoButton {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.6rem;
}

.divHospitalWrap>.divHospitalMainWrap .divHospitalInfo .divHospitalInfoButton button {
    width: 140px;
    padding: 0.8rem 1.6rem;
    font-size: 1rem;
    border: none;
    border-radius: 0.6rem;
    cursor: pointer;
}

.divHospitalWrap>.divHospitalMainWrap .divHospitalInfo .divHospitalInfoButton .buttonCancel {
    background: var(--color-light-gray);
    color: var(--color-black);
}

.divHospitalWrap>.divHospitalMainWrap .divHospitalInfo .divHospitalInfoButton .buttonCancel:hover {
    background: var(--color-black);
    color: var(--color-white);
}

.divHospitalWrap>.divHospitalMainWrap .divHospitalInfo .divHospitalInfoButton .buttonEdit {
    background: var(--color-other-highlight);
    color: var(--color-white);
}

.divHospitalWrap>.divHospitalMainWrap .divHospitalInfo .divHospitalInfoButton .buttonEdit:hover {
    background: var(--color-black);
}

.divHospitalDevice .divHospitalDeviceList {
    margin-top: 2.4rem;
}

.divHospitalDevice .divHospitalDeviceList ul {
    margin: 0;
    padding: 0;
}

.divHospitalDevice .divHospitalDeviceList ul>li {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0.8rem 0.6rem;
    border-bottom: 1px solid var(--color-light-gray);

    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.8rem;
}

.divHospitalDevice .divHospitalDeviceList ul>li:first-child {
    border-top: 1px solid var(--color-light-gray);
}

.divHospitalDevice .divHospitalDeviceList ul>li>.divVersion {
    flex-shrink: 0;
    width: 2.6rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 600;
    background: var(--color-bright-highlight);
    color: var(--color-default-highlight);
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;
}

.divHospitalDevice .divHospitalDeviceList ul>li>.divVersion.v1 {
    background: var(--color-light-gray);
    color: var(--color-darker-gray);
}

.divHospitalDevice .divHospitalDeviceList ul>li>.divInfo {
    position: relative;
}

.divHospitalDevice .divHospitalDeviceList ul>li>.divInfo>.divSerial {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.4rem;

    font-size: 0.875rem;
    color: var(--color-other-highlight);
}

.divHospitalDevice .divHospitalDeviceList ul>li>.divInfo>.divSerial>.divStatus {
    font-size: 0.725rem;
    border-radius: 0.6rem;
    background: var(--color-darker-gray);
    color: var(--color-white);
    padding: 0.2rem 0.4rem;
}

.divHospitalDevice .divHospitalDeviceList ul>li>.divInfo>.divSerial>.divStatus.inuse {
    background: var(--color-light-gray);
    color: var(--color-darker-gray);
}

.divHospitalDevice .divHospitalDeviceList ul>li>.divInfo>.divName {
    margin: 0.3rem 0 0 0;
    font-size: 1rem;
}


/* .divHospitalDevice .divHospitalDeviceList ul>li>div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.6rem;
}

.divHospitalDevice .divHospitalDeviceList ul>li>div>.spanDeviceName {
    color: var(--color-dark-gray);
    width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.divHospitalDevice .divHospitalDeviceList ul>li>div>.spanDeviceSerial {
    color: var(--color-other-highlight);
    width: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
}

.divHospitalDevice .divHospitalDeviceList ul>li>div>.spanDeviceStatus {
    color: var(--color-darker-gray);
    font-size: 0.725rem;
    border-radius: 0.4rem;
    background: var(--color-bright-other-highlight);
    color: var(--color-other-highlight);
    padding: 0.3rem 0.6rem;
}

.divHospitalDevice .divHospitalDeviceList ul>li>div>.spanDeviceStatus.inuse {
    background: var(--color-light-gray);
    color: var(--color-darker-gray);
} */

.divHospitalDevice .divHospitalDeviceList ul>li .divDeleteDevice {
    margin: 0 0 0 auto;
    width: 1rem;
    aspect-ratio: 1 / 1;
    background: url("/img/button_remove_red.svg") no-repeat center center;
    background-size: contain;
    cursor: pointer;
}

.divHospitalDevice .divHospitalDeviceList ul>li .divDeleteDevice:hover {
    background-image: url("/img/button_remove_green.svg")
}

.divHospitalDevice .divHospitalDeviceAdd #inputDeviceSN {
    ime-mode: disabled;
    /* 영문만 입력하도록 */
}

.divHospitalDevice .divHospitalDeviceAddButton {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.6rem;
}

.divHospitalDevice .divHospitalDeviceAddButton button {
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
    border: none;
    border-radius: 0.6rem;
    cursor: pointer;
    background: var(--color-other-highlight);
    color: var(--color-white);
    transition: all 0.2s linear;
}

.divHospitalDevice .divHospitalDeviceAddButton button:hover {
    background: var(--color-darker-gray);
    color: var(--color-white);
}

/* 회원 등급 마이페이지 신규 시작 */
.divHospitalMyPageWrap {
    position: relative;
}

.divHospitalMyPageWrap>.divSummaryWrap {
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.divHospitalMyPageWrap>.divSummaryWrap .spanHighlight {
    color: var(--color-default-highlight);
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryLeftWrap {
    position: relative;
    width: 50%;
    border: 1px solid var(--color-light-gray);
    font-size: 0.875rem;

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.6rem;
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryLeftWrap>.divGradeIconWrap {
    flex-shrink: 0;
    padding: 1.2rem 2.4rem;
    text-align: center;
}

.divHospitalMyPageWrap>.divSummaryWrap .divSummaryLeftWrap .divGradeIconWrap>.divIcon>img {
    max-width: 4rem;
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryLeftWrap>.divGradeIconWrap>.divGrade {
    margin-top: 0.8rem;
    font-size: 0.725rem;
    font-weight: 500;
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryLeftWrap>.divGradeInfoWrap {
    flex: 1 1 auto;
    padding: 1rem 1.6rem 1rem 0;
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryLeftWrap>.divGradeInfoWrap>.divHospitalName {
    font-size: 1.4rem;
    font-weight: 700;
    padding: 0 0 0.4rem 0;
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryLeftWrap>.divGradeInfoWrap>.divGradeInfoDesc {
    position: relative;
    border-bottom: 1px dashed var(--color-light-gray);
    padding: 0.4rem 0;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryLeftWrap>.divGradeInfoWrap>.divGradeInfoDesc:last-child {
    border-bottom: none;
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryLeftWrap>.divGradeInfoWrap>.divGradeInfoDesc .spanDesc {
    font-size: 0.875rem;
    color: var(--color-dark-gray);
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryRightWrap {
    position: relative;
    width: 50%;
    border: 1px solid var(--color-light-gray);
    border-left: none;
    font-size: 0.875rem;
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryRightWrap>.divMyAssetWrap {
    position: relative;
    border-bottom: 1px solid var(--color-light-gray);
    padding: 1.6rem;
    min-height: 50%;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryRightWrap>.divMyAssetWrap:last-child {
    border-bottom: none;
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryRightWrap>.divMyAssetWrap>.divTitle {
    font-weight: 700;
    font-size: 1rem;
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryRightWrap>.divMyAssetWrap>.divValue {
    font-size: 1.2rem;
    font-weight: 700;
    font-family: var(--quicksand-font-family);
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryRightWrap>.divMyAssetWrap>.divValue a {
    text-decoration: none;
    color: inherit;
}

.divHospitalMyPageWrap>.divSummaryWrap>.divSummaryRightWrap>.divMyAssetWrap>.divValue a:hover {
    text-decoration: underline;
}

.divHospitalMyPageWrap>.divGradeTitle {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 2rem 0 0.8rem 0;
}

.divHospitalMyPageWrap>.divGradeTableWrap {
    position: relative;
    overflow-x: auto;
}

.divHospitalMyPageWrap>.divGradeTableWrap>.tableGrade {
    width: 100%;
    min-width: 48rem;
    table-layout: fixed;
}

.divHospitalMyPageWrap>.divGradeTableWrap>.tableGrade>thead>tr>th {
    padding: 0.6rem;
    text-align: center;
    font-weight: 700;
    background: #F0F0F0;
    border-top: 2px solid var(--color-darker-gray);
    border-left: 1px solid var(--color-light-gray);
    border-bottom: 1px solid var(--color-light-gray);
    width: 16%;
}

.divHospitalMyPageWrap>.divGradeTableWrap>.tableGrade>thead>tr>th:first-child {
    font-weight: 400;
    text-align: left;
    border-left: none;
    width: auto;
}

.divHospitalMyPageWrap>.divGradeTableWrap>.tableGrade>thead>tr>th img {
    display: block;
    width: 44px;
    max-width: 90%;
    margin: 0 auto 10px auto;
}

.divHospitalMyPageWrap>.divGradeTableWrap>.tableGrade>tbody>tr>td {
    padding: 0.6rem;
    border-bottom: 1px solid var(--color-light-gray);
    border-left: 1px solid var(--color-light-gray);
    text-align: center;
}

.divHospitalMyPageWrap>.divGradeTableWrap>.tableGrade tbody tr td img {
    max-width: 100%;
}

.divHospitalMyPageWrap>.divGradeTableWrap>.tableGrade tbody tr td:first-child {
    text-align: left;
    border-left: none;
}

.divHospitalMyPageWrap>.divGradeTableWrap>.tableGrade tbody tr td.tdPoint {
    color: var(--color-other-highlight);
    border-bottom: 1px dashed var(--color-light-gray);
}

.divHospitalMyPageWrap>.divGradeTableWrap>.tableGrade tbody tr td.tdPointTitle {
    border-bottom: 1px dashed var(--color-light-gray);
}

.divHospitalMyPageWrap>.divGradeTableWrap>.tableGrade tbody tr td.lastPoint {
    border-bottom: 1px solid var(--color-light-gray);
}

.divHospitalMyPageWrap>.divGradeTableWrap>.tableGrade tbody tr td.selected {
    background: #DFE6F9;
}

.divHospitalMyPageWrap .divGradeTableDesc {
    background: var(--color-almost-white);
    color: var(--color-dark-gray);
    margin: 0.8rem 0 1.2rem 0;
    padding: 0.6rem 1.2rem;
    border-radius: 0.6rem;
    line-height: 140%;
}

.divHospitalMyPageWrap>.divGradeScoreWrap {
    border-top: 2px solid var(--color-darker-gray);
    padding: 0.8rem 0;
    color: var(--color-dark-gray);
}

.divHospitalMyPageWrap>.divGradeScoreWrap p {
    padding: 0;
    margin: 0 0 0.8rem 0;
}

.divHospitalMyPageWrap>.divGradeScoreWrap>.divGradeScoreBox {
    position: relative;
    border-bottom: 1px solid var(--color-light-gray);

    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.divHospitalMyPageWrap>.divGradeScoreWrap>.divGradeScoreBox>.divItem {
    position: relative;
    width: 50%;
    width: calc(50% - 0.1px);
    border-top: 1px solid var(--color-light-gray);
    font-size: 0.875rem;

    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.divHospitalMyPageWrap>.divGradeScoreWrap>.divGradeScoreBox>.divItem>.divTitle {
    padding: 0.6rem 1.2rem;
    color: var(--color-darker-gray);
    background: var(--color-almost-white);
    width: 10rem;
}

.divHospitalMyPageWrap>.divGradeScoreWrap>.divGradeScoreBox>.divItem>.divValue {
    padding: 0.6rem 1.2rem;
    color: var(--color-other-highlight);
}

/* 회원 등급 마이페이지 신규 끝 */

.divHospitalPoint .divHospitalPointStatus {
    margin: 0.8rem 0;
    font-size: 1rem;
    color: var(--color-dark-gray);
}

.divHospitalPoint .divHospitalPointStatus>.spanHighlight {
    color: var(--color-default-highlight);
}

.divHospitalPoint>.ulHospitalPointHistory {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-top: 2px solid var(--color-darker-gray);
}

.divHospitalPoint>.ulHospitalPointHistory>li {
    position: relative;
    margin: 0;
    padding: 0.6rem;
    font-size: 1rem;
    border-bottom: 1px solid var(--color-light-gray);

    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.6rem;
}

.divHospitalPoint>.ulHospitalPointHistory>li>.divPoint {
    flex-shrink: 0;
    font-family: var(--source-code-font-family);
    width: 6rem;
    text-align: center;
}

.divHospitalPoint>.ulHospitalPointHistory>li>.divPoint.plus {
    color: var(--color-default-highlight);
}

.divHospitalPoint>.ulHospitalPointHistory>li>.divPoint.minus {
    color: var(--color-danger);
}

.divHospitalPoint>.ulHospitalPointHistory>li>.divPointDesc {
    border-left: 1px solid var(--color-light-gray);
    padding-left: 0.8rem;
}

.divHospitalPoint>.ulHospitalPointHistory>li>.divPointDesc .spanPointDate {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--color-dark-gray);
}

.divHospitalPoint>.ulHospitalPointHistory .divNoData {
    padding: 0.6rem;
    text-align: center;
}

.divHospitalPoint>.divListPagerWrap {
    margin-top: 1rem;

    display: flex;
    justify-content: center;
    align-items: stretch;
}

.divHospitalPoint>.divListPagerWrap>.divListPager {
    border: 1px solid var(--color-light-gray);
    border-right: none;
    font-size: 0.875rem;
    padding: 0.6rem 1rem;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.divHospitalPoint>.divListPagerWrap>.divListPager:first-child {
    border-radius: 0.6rem 0 0 0.6rem;
}

.divHospitalPoint>.divListPagerWrap>.divListPager:last-child {
    border-radius: 0 0.6rem 0.6rem 0;
    border-right: 1px solid var(--color-light-gray);
}

.divHospitalPoint>.divListPagerWrap>.divListPager.selected {
    background: var(--color-almost-white);
    color: var(--color-other-highlight);
}

.divHospitalPoint>.divListPagerWrap>.divListPager.arrow {
    width: 2.4rem;
    min-height: 2rem;
    background-position: center center;
    background-size: auto 1rem;
    background-repeat: no-repeat;
}

.divHospitalPoint>.divListPagerWrap>.divListPager.first {
    background-image: url("/img/icon_first.svg");
}

.divHospitalPoint>.divListPagerWrap>.divListPager.prev {
    background-image: url("/img/icon_prev.svg");
}

.divHospitalPoint>.divListPagerWrap>.divListPager.next {
    background-image: url("/img/icon_next.svg");
}

.divHospitalPoint>.divListPagerWrap>.divListPager.last {
    background-image: url("/img/icon_last.svg");
}

.divHospitalCoupon>.divHospitalCouponTabWrap {
    margin: 1.2rem 0 0 0;

    border-bottom: 1px solid var(--color-darker-gray);

    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0.4rem;

    position: relative;
}

.divHospitalCoupon>.divHospitalCouponTabWrap>.divHospitalCouponTab {
    flex-shrink: 0;
    font-size: 0.875rem;
    padding: 0.6rem 1.2rem;
    margin-bottom: -1px;
    text-align: center;

    border: 1px solid var(--color-light-gray);
    border-bottom-color: var(--color-darker-gray);
    border-radius: 0.6rem 0.6rem 0 0;

    color: var(--color-light-gray);
    cursor: pointer;

    z-index: 0;
}

.divHospitalCoupon>.divHospitalCouponTabWrap>.divHospitalCouponTab.selected {
    position: relative;
    z-index: 1;
    background: var(--color-white);
    border-color: var(--color-darker-gray);
    border-bottom-color: var(--color-white);
    color: var(--color-darker-gray);
}

.divHospitalCoupon>.divHospitalCouponTabWrap>.divHospitalCouponTab:not(.selected):hover {
    position: relative;
    z-index: 1;
    border-color: var(--color-dark-gray);
    border-bottom-color: var(--color-white);
    color: var(--color-dark-gray);
}

.divHospitalCoupon>.divHospitalCouponTabWrap>.divHospitalCouponSerial {
    position: absolute;
    bottom: 50%;
    right: 0;
    transform: translateY(50%);
    text-align: right;
}

.divHospitalCoupon>.divHospitalCouponTabWrap>.divHospitalCouponSerial>input[type="text"] {
    width: 12rem;
    max-width: 100%;
    vertical-align: middle;
    border: 1px solid var(--color-light-gray);
    border-radius: 0.4rem;
    background: var(--color-white);
    font-size: 0.875rem;
    padding: 0.4rem 0.8rem;
    margin: 0;
}

.divHospitalCoupon>.divHospitalCouponTabWrap>.divHospitalCouponSerial>button {
    padding: 0.4rem 0.8rem;
    margin-left: 0.4rem;
    border-radius: 0.4rem;
    font-size: 0.875rem;
    background: var(--color-bright-highlight);
    color: var(--color-default-highlight);
    border: 0;
    cursor: pointer;
    vertical-align: middle;
}

.divHospitalCoupon>.divHospitalCouponTabWrap>.divHospitalCouponSerial>button:hover {
    background: var(--color-default-highlight);
    color: var(--color-white);
}

.divHospitalCoupon>.divHospitalCouponListWrap {
    padding: 0.8rem 0;

    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.divHospitalCoupon>.divHospitalCouponListWrap>.divHospitalCouponList {
    position: relative;
    font-size: 0.875rem;
    background: var(--color-white);
    border: 2px solid #245542;
    overflow: hidden;
    width: calc(50% - 0.4rem);
    min-width: 240px;
    background: url('/img/icon_logo_dark.png') no-repeat right 0.8rem top 0.8rem;
    background-size: auto 1.5rem;
    border-radius: 0.6rem;
}


.divHospitalCoupon>.divHospitalCouponListWrap>.divHospitalCouponList .divHospitalCouponListTitle {
    padding: 0.8rem 0.8rem 0 0.8rem;
    color: #245542;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.divHospitalCoupon>.divHospitalCouponListWrap>.divHospitalCouponList .divHospitalCouponListDiscount {
    font-family: var(--quicksand-font-family);
    font-weight: 700;
    padding: 0 0.8rem 0.8rem 0.8rem;
    color: #245542;
    font-size: 1.8rem;
}

.divHospitalCoupon>.divHospitalCouponListWrap>.divHospitalCouponList .divHospitalCouponListDiscount .spanUnit {
    color: #245542;
    margin-left: 0.2rem;
    font-size: 1rem;
}

.divHospitalCoupon>.divHospitalCouponListWrap>.divHospitalCouponList .divHospitalCouponListBody {
    padding: 0.8rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--color-dark-gray);
    border-top: 2px solid #245542;
    line-height: 140%;
}

.divHospitalCoupon>.divHospitalCouponListWrap>.divHospitalCouponList .divHospitalCouponStatus {
    position: absolute;
    bottom: 0.8rem;
    right: 0.8rem;
    background: var(--color-default-highlight);
    color: var(--color-white);
    padding: 0.4rem 0.8rem;
    border-radius: 0.6rem;
}

.divHospitalCoupon>.divHospitalCouponListWrap>.divHospitalCouponList.expired .divHospitalCouponStatus,
.divHospitalCoupon>.divHospitalCouponListWrap>.divHospitalCouponList.used .divHospitalCouponStatus {
    background: #B8B8B8;
    color: var(--color-white);
}

.divHospitalCoupon>.divHospitalCouponListWrap .divNoData {
    width: 100%;
    font-size: 1rem;
    padding: 2rem 0;
    text-align: center;
}

/* 회원 등급 및 포인트 관련 추가 끝 */

/* 영업 사원 관리 시작 */

.divHospitalSalesforce .divHospitalSalesforceInfoWrap {
    margin-top: 12px;
}

.divHospitalSalesforce .divHospitalSalesforceInfoWrap .divAssignedSalesforce {
    border: 1px solid var(--color-light-gray);
    border-radius: 0.6rem;
    padding: 1rem 1.2rem;
}

.divHospitalSalesforce .divHospitalSalesforceInfoWrap .divAssignedSalesforce .divBox {
    margin: 0.6rem 0;
    font-size: 1rem;

    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.6rem;
}

.divHospitalSalesforce .divHospitalSalesforceInfoWrap .divAssignedSalesforce .divBox .spanTitle {
    width: 9rem;
    font-weight: 600;
    font-size: 0.875rem;
}

.divHospitalSalesforce .divHospitalSalesforceInfoWrap .divAssignedSalesforce .divBox .spanValue {
    font-weight: 400;
}

.divHospitalSalesforce .divHospitalSalesforceInfoWrap .divSalesforceUpdateBox {
    margin: 2rem 0 0 0;
    padding: 0.8rem;
    border-radius: 0.6rem;
    background: var(--color-almost-white);
    border: 1px solid var(--color-light-gray);
}

.divHospitalSalesforce .divHospitalSalesforceInfoWrap .divSalesforceUpdateBox .divSalesforceUpdateDesc {
    font-size: 0.875rem;
    margin-bottom: 0.8rem;
    color: var(--color-danger);
}

.divHospitalSalesforce .divHospitalSalesforceInfoWrap .divSalesforceUpdateBox label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin: 12px 0 8px 0;
    padding: 0;
}

.divHospitalSalesforce .divHospitalSalesforceInfoWrap .divSalesforceUpdateBox select {
    width: 100%;
}

.divHospitalSalesforce .divHospitalSalesforceInfoWrap .divSalesforceUpdateBox .divSalesforceUpdateButton {
    margin-top: 0.8rem;
    text-align: right;
}

.divHospitalSalesforce .divHospitalSalesforceInfoWrap .divSalesforceUpdateBox .divSalesforceUpdateButton button {
    display: inline-block;
    border-radius: 0.6rem;
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
    background: var(--color-other-highlight);
    color: var(--color-white);
    cursor: pointer;
    outline: none;
    border: none;
    transition: all 0.2s linear;
}

.divHospitalSalesforce .divHospitalSalesforceInfoWrap .divSalesforceUpdateBox .divSalesforceUpdateButton button:hover {
    background: var(--color-black);
}

/* 영업 사원 관리 끝 */

/* API 연동 시작 */
.divHospitalApi>.divHospitalApiDesc {
    font-size: 0.875rem;
    font-weight: 400;
    background: var(--color-bright-other-highlight);
    color: var(--color-other-highlight);
    border: 1px solid var(--color-other-highlight);
    border-radius: 0.6rem;
    padding: 1rem 1.2rem;
}

.divHospitalApi>.divHospitalApiDesc>.spanHighlight {
    font-weight: 700;
}

.divHospitalApi>.divHospitalApiInfoWrap>ul {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.divHospitalApi>.divHospitalApiInfoWrap>ul>li {
    padding: 0;
    margin: 1rem 0;
}

.divHospitalApi>.divHospitalApiInfoWrap>ul>li>.divHeader {
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0 0 0.4rem 0;
}

.divHospitalApi>.divHospitalApiInfoWrap>ul>li>.divValue {
    font-size: 1rem;
    font-weight: 400;
}


.divHospitalApi>.divHospitalApiInfoWrap>ul>li>.divValue>.divHospitalTestWrap {
    padding: 0.8rem;
    border-radius: 0.6rem;
    background: var(--color-almost-white);
    border: 1px solid var(--color-light-gray);
    font-size: 0.875rem;

    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.6rem;
}

.divHospitalApi>.divHospitalApiInfoWrap>ul>li>.divValue>.divHospitalTestWrap .selectKitNo {
    flex: 1 1 auto;
    width: 100%;
}

.divHospitalApi>.divHospitalApiInfoWrap>ul>li>.divValue>.divHospitalTestWrap>.choices {
    flex: 1 1 auto;
}

.divHospitalApi>.divHospitalApiInfoWrap>ul>li>.divValue>.divHospitalTestWrap button.buttonTest {
    flex-shrink: 0;
    padding: 0.6rem 1.2rem;
    font-size: 0.875rem;
    border: none;
    border-radius: 0.6rem;
    cursor: pointer;
    background: var(--color-light-gray);
    color: var(--color-darker-gray);
    transition: all 0.2s linear;
}

.divHospitalApi>.divHospitalApiInfoWrap>ul>li>.divValue>.divHospitalTestWrap button.buttonTest:hover {
    background: var(--color-black);
    color: var(--color-white);
}

.divHospitalApi>.divHospitalApiInfoWrap>.divHospitalApiSaveButton {
    margin: 2rem 0 0 0;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.divHospitalApi>.divHospitalApiInfoWrap>.divHospitalApiSaveButton>button {
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
    border: none;
    border-radius: 0.6rem;
    cursor: pointer;
    background: var(--color-other-highlight);
    color: var(--color-white);
    transition: all 0.2s linear;
}

.divHospitalApi>.divHospitalApiInfoWrap>.divHospitalApiSaveButton>button:hover {
    background: var(--color-black);
}

/* API 연동 끝 */



/* 우편번호 검색 용 */
#divPostCodeLayer {
    position: fixed;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    width: 420px;
    height: 500px;
    max-width: 90%;
    max-height: 90vh;
    border: 1px solid var(--color-darker-gray);
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.26);
}

.divPostCodeClose {
    position: absolute;
    top: -0.8rem;
    right: -0.8rem;
    width: 1.6rem;
    height: 1.6rem;
    cursor: pointer;
    background: var(--color-darker-gray) url('/img/close_white.png') no-repeat center center;
    background-size: 50% auto;
    border-radius: 50%;
    z-index: 1;
}

#divRequestOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.45);
    z-index: 999;
}

#divDeviceRequestDialog {
    position: fixed;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    padding: 2rem;
    background: var(--color-white);
    font-size: 1rem;
    z-index: 1000;
    text-align: center;
    width: 480px;
    max-width: 90vw;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.26);
}

#divDeviceRequestDialog>.divDescription {
    background: var(--color-almost-white);
    padding: 0.6rem 0.8rem;
    color: var(--color-darker-gray);
    line-height: 140%;
    border-radius: 0.6rem;
}

#divDeviceRequestDialog>.divDescription>.divDeviceSerial {
    color: var(--color-other-highlight);
    font-size: 1rem;
    font-weight: 500;
    margin: 0.6rem 0 0 0;
    padding: 0;
}

#divDeviceRequestDialog>.divAnimationWrap {
    position: relative;
}

#divDeviceRequestDialog>.divAnimationWrap>.divAnimation {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 28rem;
}

#divDeviceRequestDialog>.divAnimationWrap>.divCount {
    position: absolute;
    top: 1.6rem;
    right: 50%;
    transform: translateX(50%);
    text-align: center;
    color: var(--color-default-highlight);
    font-family: var(--source-code-font-family);
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
}

@media (max-width: 800px) {

    /* 회원 등급 신규 시작 */
    .divHospitalMyPageWrap>.divSummaryWrap>.divSummaryLeftWrap {
        width: 100%;
    }

    .divHospitalMyPageWrap>.divSummaryWrap>.divSummaryRightWrap {
        width: 100%;
        border: 1px solid var(--color-light-gray);
        border-top: none;
    }

    .divHospitalMyPageWrap>.divGradeScoreWrap {
        padding: 12px 0;
    }

    .divHospitalMyPageWrap>.divGradeScoreWrap>.divGradeScoreBox {
        position: relative;
    }

    .divHospitalMyPageWrap>.divGradeScoreWrap>.divGradeScoreBox>.divItem {
        width: 100%;
    }

    /* 회원 등급 신규 끝 */
}

@media (max-width: 600px) {

    .divHospitalWrap {
        position: relative;
        margin: 0;
        display: block;
    }

    .divHospitalWrap>.divHospitalLeftWrap {
        flex-shrink: 0;
        position: relative;
        top: auto;

        display: block;
        width: 100%;
        margin: 0;
        border-radius: 0;
        border-bottom: none;
    }

    .divHospitalWrap>.divHospitalLeftWrap>ul {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 0.6rem;
        overflow-x: auto;
    }

    .divHospitalWrap>.divHospitalLeftWrap>ul>li {
        list-style-type: none;
        margin: 0;
        padding: 8px;
        cursor: pointer;

        flex-shrink: 0;
    }


    .divHospitalWrap .divHospitalLeftWrap>ul>li .spanMenu {
        display: none;
    }

    .divHospitalWrap .divHospitalLeftWrap>ul>li .iMobileMenu {
        display: initial;
    }

    .divHospitalWrap>.divHospitalMainWrap {
        width: 100%;
        border-radius: 0;
    }

    .divHospitalCoupon>.divHospitalCouponTabWrap {
        padding-top: 3rem;
    }

    .divHospitalCoupon>.divHospitalCouponTabWrap .divHospitalCouponSerial {
        top: 0;
        left: 0;
        bottom: auto;
        right: auto;
        transform: translateY(0);
        text-align: left;
        margin-bottom: 1rem;
    }

    .divHospitalCoupon>.divHospitalCouponListWrap>.divHospitalCouponList {
        width: 100%;
    }

    .divHospitalCoupon>.divHospitalCouponListWrap>.divHospitalCouponList:nth-child(2n+1) {
        margin-left: 0;
        margin-right: 0;
    }

    .divHospitalCoupon>.divHospitalCouponListWrap>.divHospitalCouponList:nth-child(2n) {
        margin-left: 0;
        margin-right: 0;
    }


    /* 
    .divHospitalCoupon>.divHospitalCouponTabWrap .divHospitalCouponSerial {
        position: relative;
        bottom: auto;
        right: 0;
        transform: translateY(0);
        text-align: left;
        margin-bottom: 12px;
    }

    .divHospitalCoupon>.divHospitalCouponListWrap>.divHospitalCouponList {
        width: 100%;
    }

    .divHospitalCoupon>.divHospitalCouponListWrap>.divHospitalCouponList:nth-child(2n+1) {
        margin-left: 0;
        margin-right: 0;
    }

    .divHospitalCoupon>.divHospitalCouponListWrap>.divHospitalCouponList:nth-child(2n) {
        margin-left: 0;
        margin-right: 0;
    }

    .divHospitalDevice .divHospitalDeviceList ul li .spanDeviceName {
        display: block;
        width: auto;
        margin-top: 4px;
    }

    .divHospitalDevice .divHospitalDeviceList ul li .spanDeviceSerial {
        display: block;
        width: auto;
        margin-right: 0;
    }

    .divHospitalDevice .divHospitalDeviceList ul li .spanDeviceStatus {
        display: inline-block;
        margin-left: 0;
        margin-top: 4px;
    } */
}