| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- #forgotPasswordForm {
- width: 100%;
- fieldset {
- position: relative;
- border: 1px solid var(--border-strong);
- border-radius: 3px;
- padding: 20px 26px;
- align-content: center;
- max-width: 460px;
- margin: 0 auto;
- > legend {
- position: absolute;
- top: -0.625rem;
- left: 1.25rem;
- padding: 0 5px;
- background: var(--bg-page);
- font-size: 1rem;
- font-weight: bold;
- }
- // 이메일 입력 창
- form {
- // 상단 안내문구
- p {
- font-size: 0.938rem;
- }
- label {
- cursor: pointer;
- margin-bottom: 7px;
- }
- hr {
- margin: 20px 0;
- }
- button {
- margin-top: 10px;
- }
- a {
- display: block;
- color: var(--text-link);
- text-decoration: none;
- text-align: center;
- &:hover {
- text-decoration: underline;
- color: var(--text-link-hover);
- }
- }
- }
- @media (max-width: 420px) {
- & {
- padding: 1rem 0 0 0;
- border: none;
- > legend {
- position: initial;
- padding: initial;
- font-size: 1rem;
- font-weight: bold;
- }
- > form {
- padding: 0;
- }
- }
- }
- }
- }
|