form .form-account-wrap > div:not(.title) {display: flex; flex-direction: column;}
form .form-account-wrap > div:not(.title) input {width: 100%; height: 40px; border: solid 1px #d8e3ef; border-radius: 5px; padding: 0 15px; font-size: 14px; color: #333}
form .form-account-wrap > div:not(.title) input ~ input {margin-top: 10px;}
form .form-account-wrap > div:not(.title) input::placeholder {color: #707070;}
form .form-account-wrap .pwd-input-wrap {margin-top: 10px; position: relative;}
form .form-account-wrap .pwd-input-wrap input:has(+ button) {padding-right: 50px;}
form .form-account-wrap .pwd-input-wrap button {position: absolute; top: 50%; right: 10px; transform: translateY(-50%); display: block; width : 40px; background: center no-repeat; height: calc(100% - 10px);}
form .form-account-wrap .pwd-input-wrap button.visible {background-image: url("/images/common/form/input_pwd_visible.png")}
form .form-account-wrap .pwd-input-wrap button.invisible {background-image: url("/images/common/form/input_pwd_hidden.png")}

form .form-account-wrap .tooltip { display: block; width: 16px; height: 16px; margin-left: 12px; background: url("/images/customer-center/ic_tooltip.svg") center/cover no-repeat; transform: translateY(2px);}
form .form-account-wrap [role=tooltip] { position: fixed; display: flex; gap: 10px; flex-direction: column; width: 445px; padding: 10px 15px; border-radius: 5px; box-shadow: 0 0 6px 0 rgba(92, 133, 213, 0.5); border: solid 1px #30a5ff; background-color: #fff; z-index: 1; font-size: 14px; letter-spacing: -0.03em; color: #282828;}
form .form-account-wrap [role=tooltip] > p {line-height: normal;}
form .form-account-wrap [role=tooltip] > p em {font-weight: 600;}

@media (max-width: 1250px) {
}

@media (max-width: 500px) {
    form .form-account-wrap [role=tooltip] {
        left: 50% !important;
        transform: translateX(-50%);
    }
}