.content-section {
     padding: 140px 0 180px;
     box-sizing: border-box;
     align-items: center;
 }

 .content-section .content-inner {
     align-items: center;
     justify-content: center;
     flex-direction: column;
     gap: 40px 0;
 }

 .loginbox-group {
     width: 320px;
     display: flex;
     align-items: center;
     flex-direction: column;
     gap: 30px 0;
 }

 .login-information-group {
     width: 100%;
     display: flex;
     align-items: center;
     flex-direction: column;
     gap: 40px 0;
 }

 .login-input-group {
     width: 100%;
     display: flex;
     align-items: center;
     flex-direction: column;
     gap: 20px 0;
 }

 .id-pw-box {
     width: 100%;
     padding: 0;
 }

 .id-pw-box ul {
     gap: 15px 0;
 }

 .id-pw-box .input-group {
     width: 100%;
 }

 .save-find-group {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .save-find-group a {
     font-size: var(--fontSizeSm);
 }

 .btn-group,
 .btn-group .btn {
     width: 100%;
 }

 .content-section .content-inner>.message {
     width: 320px;
 }





 /* responsive css */
 @media screen and (min-width: 768px) and (max-width: 1279px) {
     .btn-group {
         grid-template-columns: 1fr;
     }
 }


 @media screen and (max-width: 767px) {
     .content-section {
         padding: 30px 0 80px;
     }

     .loginbox-group {
         width: 100%;
     }

     .save-find-group a {
         font-size: var(--fontSizeXs);
     }

     .content-section .content-inner>.message {
         width: 100%;
     }
 }