style.scss 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. #loginForm {
  2. fieldset {
  3. position: relative;
  4. border: 1px solid #cecece;
  5. border-radius: 3px;
  6. padding: 20px 26px;
  7. align-content: center;
  8. > legend {
  9. position: absolute;
  10. top: -0.625rem;
  11. left: 1.25rem;
  12. padding: 0 5px;
  13. background: white;
  14. font-size: 1rem;
  15. font-weight: bold;
  16. }
  17. // 로그인 창
  18. > form {
  19. label {
  20. cursor: pointer;
  21. margin-bottom: 7px;
  22. &:last-child {
  23. margin-bottom: 0;
  24. }
  25. }
  26. input[type="email"],
  27. input[type="password"] {
  28. &:nth-of-type(1) {
  29. margin-bottom: 15px;
  30. }
  31. &:nth-of-type(2) {
  32. letter-spacing: 1px;
  33. margin-bottom: 10px;
  34. }
  35. }
  36. }
  37. // 우측 안내문구
  38. dl {
  39. dt {
  40. font-weight: bold;
  41. }
  42. dd {
  43. font-size: 0.938rem;
  44. a {
  45. display: block;
  46. padding: 0.438rem 0;
  47. color: #0060a9;
  48. text-decoration: none;
  49. &:hover {
  50. text-decoration: underline;
  51. color: #c7511f;
  52. }
  53. }
  54. }
  55. &:last-child {
  56. dd > a {
  57. padding-bottom: 0;
  58. }
  59. }
  60. }
  61. hr {
  62. margin: 0.938rem 0;
  63. }
  64. }
  65. }
  66. @media (max-width: 640px) {
  67. #loginForm {
  68. fieldset {
  69. width: 100%;
  70. > form {
  71. padding: 1rem 0;
  72. }
  73. }
  74. }
  75. }