/* MYINFO — E.F.S.F. white-armour frame, isolated to the Gundam skin page. */
@media (min-width: 1200px) {
    html body.gundam-skin #ajax-content.contents > .page.w_myinfo {
        box-sizing: border-box !important;
        display: flex !important;
        width: calc(100% + 14px) !important;
        min-height: 908px !important;
        margin: -5px 0 0 -7px !important;
        padding: 0 0 28px !important;
        gap: 0 !important;
        overflow: hidden !important;
        background: #eef2f6 !important;
        color: #0a294e !important;
    }

    html body.gundam-skin #ajax-content.contents > .page.w_myinfo *,
    html body.gundam-skin #ajax-content.contents > .page.w_myinfo *::before,
    html body.gundam-skin #ajax-content.contents > .page.w_myinfo *::after {
        box-sizing: border-box;
    }

    /* Exactly the same title frame geometry and artwork as the Point page. */
    html body.gundam-skin #ajax-content.contents > .page.w_myinfo > .page_ttl {
        position: relative !important;
        isolation: isolate !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: 171px !important;
        min-height: 171px !important;
        max-height: 171px !important;
        margin: 0 !important;
        border: 1px solid #395b74 !important;
        border-inline: 0 !important;
        box-shadow: inset 0 4px #0b2135, inset 0 -5px #071522, inset 0 -7px #33c8f3 !important;
        background:
            linear-gradient(90deg, transparent 30%, rgb(1 13 24) 43% 61%, transparent 72%),
            #031323 url('/skin/gundam_main/images/page-titles/gundam-point-hangar-v5.webp?v=1') center / 100% 100% no-repeat !important;
    }

    html body.gundam-skin #ajax-content.contents > .page.w_myinfo > .page_ttl::after {
        display: none !important;
        content: none !important;
    }

    html body.gundam-skin #ajax-content.contents > .page.w_myinfo > .page_ttl::before {
        position: absolute !important;
        top: 117px !important;
        left: 50% !important;
        z-index: 2 !important;
        display: block !important;
        width: 264px !important;
        height: 8px !important;
        border: 0 !important;
        background: linear-gradient(90deg, #13bde9 0 64px, transparent 64px 194px, #13bde9 194px 264px) center / 100% 3px no-repeat !important;
        box-shadow: none !important;
        content: "" !important;
        transform: translateX(-50%) !important;
    }

    html body.gundam-skin #ajax-content.contents > .page.w_myinfo > .page_ttl > .gundam-page-title-copy {
        position: relative !important;
        z-index: 2 !important;
        display: inline !important;
        color: #fff !important;
        font-family: "Malgun Gothic", sans-serif !important;
        font-size: 52px !important;
        font-weight: 900 !important;
        letter-spacing: -.055em !important;
        line-height: 1 !important;
        opacity: 1 !important;
        text-shadow: 0 3px 8px #00101f !important;
        transform: translate(-2px, -13px) !important;
        -webkit-text-fill-color: #fff !important;
    }

    html body.gundam-skin #ajax-content.contents > .page.w_myinfo > .page_ttl > .gundam-page-title-en {
        position: absolute !important;
        top: 109px !important;
        left: 50% !important;
        z-index: 2 !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        color: #bcd5e7 !important;
        font-family: ChosunGu, "Malgun Gothic", sans-serif !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: .16em !important;
        line-height: 1 !important;
        opacity: 1 !important;
        transform: translateX(-50%) !important;
        -webkit-text-fill-color: #bcd5e7 !important;
    }

    html body.gundam-skin #ajax-content.contents > .page.w_myinfo > .myinfo-shell {
        display: grid !important;
        grid-template-rows: 216px 76px 410px !important;
        gap: 0 !important;
        width: 100% !important;
        padding: 0 !important;
        border: 0 !important;
        background: #eef2f6 !important;
    }

    html body.gundam-skin #myinfo_page :is(.myinfo-overview, .myinfo-profile, .myinfo-work-panel) {
        position: relative !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-overview {
        display: grid !important;
        grid-template-columns: 57.5% 42.5% !important;
        width: 100% !important;
        height: 216px !important;
        min-height: 216px !important;
        overflow: hidden !important;
        background: #f7f9fb url('/skin/gundam_main/images/myinfo/gundam-myinfo-overview-panel-v3.webp?v=1') center / 100% 100% no-repeat !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-overview-main {
        display: grid !important;
        grid-template-columns: 240px minmax(0, 1fr) !important;
        align-items: center !important;
        min-width: 0 !important;
        padding: 16px 28px 16px 80px !important;
        transform: translateY(-20px) !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-medallion {
        width: 150px !important;
        height: 150px !important;
        justify-self: center !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent url('/skin/gundam_main/images/myinfo/gundam-myinfo-efsf-medallion-v1.png?v=1') center / contain no-repeat !important;
        filter: none !important;
        transform: translateY(8px) !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-overview-copy {
        transform: translateY(3px) !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-title {
        margin: 0 0 16px !important;
        color: #0a294e !important;
        font-family: "Noto Sans KR", "Noto Sans CJK KR", "Malgun Gothic", Arial, sans-serif !important;
        font-size: 30px !important;
        font-weight: 900 !important;
        line-height: 1.15 !important;
        letter-spacing: -.045em !important;
        text-shadow: none !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-description {
        max-width: 510px !important;
        margin: 0 !important;
        color: #657d94 !important;
        font-family: "Noto Sans KR", "Noto Sans CJK KR", "Malgun Gothic", Arial, sans-serif !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.7 !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-assets {
        display: grid !important;
        grid-template-columns: 48% 52% !important;
        align-items: stretch !important;
        padding: 0 !important;
        background: transparent !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-asset {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        padding: 18px 12px 12px !important;
        border: 0 !important;
        transform: none !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-asset:first-child {
        transform: translate(-42px, -20px) !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-asset:nth-child(2) {
        transform: translate(-32px, -20px) !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-asset-label {
        margin: 0 0 8px !important;
        color: #1c4c77 !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        transform: none !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-asset-value,
    html body.gundam-skin #myinfo_page #myinfo_mb_emoney {
        max-width: 100% !important;
        overflow: hidden !important;
        color: #0a294e !important;
        font-family: ChosunGu, "Malgun Gothic", sans-serif !important;
        font-size: 30px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        letter-spacing: -.035em !important;
        text-overflow: ellipsis !important;
        text-shadow: none !important;
        white-space: nowrap !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-asset-art {
        display: block !important;
        margin-top: 10px !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-asset-art--money {
        width: 81px !important;
        height: 52px !important;
        background-image: url('/skin/gundam_main/images/myinfo/gundam-myinfo-money-tokens-v2.png?v=2') !important;
        transform: none !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-asset-art--point {
        width: 48px !important;
        height: 48px !important;
        background-image: url('/skin/gundam_main/images/myinfo/gundam-myinfo-point-coin-v1.png?v=1') !important;
        transform: none !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-profile {
        display: grid !important;
        grid-template-columns: 124px minmax(0, 1fr) !important;
        width: 100% !important;
        height: 76px !important;
        min-height: 76px !important;
        border: 1px solid #aebdca !important;
        background: linear-gradient(180deg, #fff 0%, #f5f8fb 54%, #edf3f7 100%) !important;
        box-shadow: inset 0 0 0 2px rgb(255 255 255 / 82%), inset 0 -1px #d5e0e8, 0 1px 2px rgb(25 62 91 / 12%) !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-profile-heading {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border: 0 !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-profile-heading .myinfo-section-icon {
        transform: translateX(22px) !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-profile-heading h3 {
        display: none !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-section-icon,
    html body.gundam-skin #myinfo_page .myinfo-guide-icon,
    html body.gundam-skin #myinfo_page .myinfo-guide-arrow {
        color: #164c78 !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-section-icon {
        font-size: 25px !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-profile-fields {
        display: grid !important;
        grid-template-columns: 266px 260px 173px minmax(0, 1fr) !important;
        transform: translateY(-2px) !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-profile-field {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        min-width: 0 !important;
        padding: 10px 22px !important;
        border: 0 !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-profile-field > span,
    html body.gundam-skin #myinfo_page .myinfo-profile-security-copy > span {
        margin: 0 0 5px !important;
        color: #315c82 !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        font-family: "Noto Sans KR", "Noto Sans CJK KR", "Malgun Gothic", Arial, sans-serif !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-profile-field strong {
        overflow: hidden !important;
        color: #0a294e !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        font-family: "Noto Sans KR", "Noto Sans CJK KR", "Malgun Gothic", Arial, sans-serif !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-profile-field--security {
        display: grid !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        align-items: center !important;
        padding-inline: 20px !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-profile-field--security strong {
        font-size: 13px !important;
        font-weight: 700 !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-profile-security-icon,
    html body.gundam-skin #myinfo_page .myinfo-section-icon--shield {
        border-color: #164c78 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-profile-security-icon::after,
    html body.gundam-skin #myinfo_page .myinfo-section-icon--shield::after {
        border-color: #164c78 !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-security-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        height: 410px !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-work-panel {
        height: 410px !important;
        min-height: 410px !important;
        padding: 28px 30px 26px !important;
        overflow: hidden !important;
        background: #f7f9fb url('/skin/gundam_main/images/myinfo/gundam-myinfo-work-panel-v1.webp?v=1') center / 100% 100% no-repeat !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-work-panel:first-child {
        padding-right: 54px !important;
        padding-left: 53px !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-work-panel:nth-child(2) {
        padding-right: 40px !important;
        padding-left: 44px !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-panel-heading {
        position: relative !important;
        z-index: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        margin: 0 0 14px !important;
        padding: 0 0 12px !important;
        border-bottom: 1px solid #aebdca !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-panel-title {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-panel-title h3 {
        margin: 0 !important;
        color: #0a294e !important;
        font-family: ChosunGu, "Malgun Gothic", sans-serif !important;
        font-size: 22px !important;
        font-weight: 900 !important;
        line-height: 1.2 !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-panel-heading p {
        margin: 0 !important;
        color: #7f93a6 !important;
        font-size: 11px !important;
        font-weight: 600 !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-form {
        position: relative !important;
        z-index: 2 !important;
        display: grid !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 19px !important;
        overflow: hidden !important;
        transform: translateY(-9px) !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-field {
        display: grid !important;
        grid-template-columns: 134px minmax(0, 1fr) !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 50px !important;
        overflow: hidden !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-form .myinfo-field:nth-child(1) {
        transform: none !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-form .myinfo-field:nth-child(2) {
        transform: none !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-form .myinfo-field:nth-child(3) {
        transform: none !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-field-label {
        color: #204b73 !important;
        font-family: "Malgun Gothic", sans-serif !important;
        font-size: 13px !important;
        font-weight: 800 !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-form input {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 50px !important;
        padding: 0 15px !important;
        border: 1px solid #a9bac9 !important;
        border-radius: 0 !important;
        outline: none !important;
        color: #0a294e !important;
        background: rgb(250 252 254 / 82%) !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        font-family: "Malgun Gothic", sans-serif !important;
        box-shadow: inset 0 1px #fff !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-form input::placeholder {
        color: #8297aa !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-form input:focus {
        border-color: #16aeda !important;
        box-shadow: 0 0 0 2px rgb(19 189 233 / 16%) !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-form-actions {
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 8px !important;
        overflow: hidden !important;
        transform: none !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-work-panel:nth-child(2) .myinfo-panel-title {
        transform: none !important;
    }

    html body.gundam-skin #myinfo_page :is(.myinfo-primary-button, #btn_passchg_proc, #btn_pay_passchg_proc) {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 55px !important;
        border: 1px solid #a20008 !important;
        border-radius: 0 !important;
        color: #fff !important;
        background: linear-gradient(#e31d25, #bd0009) !important;
        font-size: 20px !important;
        font-weight: 900 !important;
        box-shadow: inset 0 1px #ff7479, 0 2px 4px rgb(70 0 0 / 20%) !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-guide-list {
        position: relative !important;
        z-index: 2 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 1px solid #a9bac9 !important;
        background: rgb(250 252 254 / 56%) !important;
        list-style: none !important;
        width: 100% !important;
        transform: translateY(-21px) !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-guide-list li {
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) 18px !important;
        align-items: center !important;
        gap: 10px !important;
        min-height: 64px !important;
        padding: 7px 14px !important;
        border-bottom: 1px solid #c4d0da !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-guide-list li:nth-child(1) {
        min-height: 75px !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-guide-list li:nth-child(2) {
        min-height: 74px !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-guide-list li:nth-child(3) {
        min-height: 73px !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-guide-list li:nth-child(4) {
        min-height: 75px !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-guide-list li:last-child {
        border-bottom: 0 !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-guide-icon {
        font-size: 26px !important;
        text-align: center !important;
        transform: translateY(-5px) !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-guide-list li > span:nth-child(2) {
        transform: translateX(3px) !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-guide-list :is(strong, small) {
        display: block !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-guide-list strong {
        color: #143d64 !important;
        font-family: "Malgun Gothic", sans-serif !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-guide-list small {
        margin-top: 3px !important;
        color: #71879b !important;
        font-family: "Malgun Gothic", sans-serif !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-guide-arrow {
        font-size: 24px !important;
    }

    html body.gundam-skin #myinfo_page #myinfo_withdraw_password_section:not([hidden]) {
        grid-column: 1 / -1 !important;
    }

    html body.gundam-skin #myinfo_page .myinfo-security-grid :is(
        .myinfo-panel-title h3,
        .myinfo-panel-heading p,
        .myinfo-field-label,
        .myinfo-form input,
        .myinfo-primary-button,
        .myinfo-guide-list strong,
        .myinfo-guide-list small
    ) {
        font-family: "Noto Sans KR", "Noto Sans CJK KR", "Malgun Gothic", Arial, sans-serif !important;
    }

}