.content-section {
     padding: 188px 0 90px;
     box-sizing: border-box;
     min-height: calc(100vh - 261px);
     display: flex;
     align-items: center;
 }

 .content-section .content-inner {
     justify-content: center;
 }

 .loginbox-group {
     width: 400px;
     background-color: var(--colorPrimary100);
     padding: 60px 40px;
     box-sizing: border-box;
     border-radius: var(--borderRadiusLg);
     display: flex;
     align-items: center;
     flex-direction: column;
     gap: 40px 0;
 }

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

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

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

 .id-pw-box ul {
     width: 100%;
     display: flex;
     align-items: flex-start;
     flex-direction: column;
     gap: 10px 0;
 }

 .id-pw-box ul li {
     width: 100%;
     display: flex;
     align-items: flex-start;
     flex-direction: column;
     gap: 8px 0;
 }

 .input-group {
     width: 100%;
     height: max-content;
     position: relative;
 }

 .input-group button {
     position: absolute;
     top: 50%;
     right: 18px;
     transform: translateY(-50%);
 }

 .input-group input[type='password'] {
     padding-right: 46px;
 }

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

 .save-find-group a {
     font-size: var(--fontSizeMd);
     color: var(--colorGray600);
     text-decoration: underline;
 }

 .btn-group {
     width: 100%;
     display: flex;
     align-items: flex-start;
     flex-direction: column;
     gap: 10px 0;
 }

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





 /* responsive css */
 @media screen and (min-width: 768px) and (max-width: 1279px) {
     .content-section {
         padding: 170px 0 90px;
         min-height: calc(100vh - 58px);
     }
 }

 @media screen and (max-width: 767px) {
     .content-section {
         padding: 156px 0 100px;
         background-color: var(--colorPrimary100);
         min-height: calc(100vh - 58px);
     }

     .loginbox-group {
         width: 100%;
         padding: 0;
     }

     .login-information-group {
         gap: 20px 0;
     }

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