#main {
   display: flex;
   justify-content: center;
   /* 가로 중앙 */
   align-items: center;
   /* 세로 중앙 */
   height: 80vh;
   /* 화면 전체 높이 */
}

.login-box {
   width: 100%;
   max-width: 360px;
   text-align: center;
}

.login-title {
   font-size: 28px;
   font-weight: 700;
   text-align: left;
   margin-bottom: 15px;
}

.login-sub {
   font-size: 14px;
   font-weight: 700;
   color: #000;
   text-align: left;
   /* 오른쪽 정렬 */
   margin-bottom: 10px;
}

.forgot-text {
   text-align: left;
   font-size: 14px;
   color: #5946D2;
   cursor: pointer;
   margin-bottom: 15px;
   text-decoration: underline;
   /* 밑줄 추가 */
}

.forgot-text:hover {
   opacity: 0.7;
}

.login-input {
   width: 100%;
   padding: 14px;
   border: 1px solid #ddd;
   border-radius: 10px;
   margin-bottom: 14px;
   font-size: 15px;
   box-sizing: border-box;
}

.login-btn {
   width: 100%;
   padding: 14px;
   border: none;
   border-radius: 10px;
   background-color: #5946D2;
   font-size: 16px;
   font-weight: 700;
   color: #fff;
   cursor: pointer;
   margin-top: 10px;
   box-sizing: border-box;
}

.login-btn:hover {
   background-color: #5946D2;
}