#container .content-section {
    min-height: calc(100vh - 614px);
    padding: 80px 0 160px 0;
}

#container .content-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-group {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    width: 100%;
    margin-top: 0;
}

.form-group {
    text-align: center;
    width: 480px;
    padding: 60px;
    border: 1px solid var(--colorGray300);
    border-radius: var(--borderRadiusXl);
    background-color: var(--colorGray100);
    margin: auto;
    display: grid;
    grid-auto-columns: 1fr;
    gap: 30px 0;
}

.form-inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 30px 0;
}

.input-group {
    display: flex;
    flex-direction: column;
    gap: 10px 0;
}
.login-btn {
    font-size: var(--fontSizeMd);
}
.forget-group a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 6px;
    color: var(--colorPrimary);
    font-size: var(--fontSizeXs);
    font-weight: var(--fontWeightBold);
}

.result-group .txt-sub-id {
    font-size: var(--fontSizeLg);
    font-weight: var(--fontWeightSemibold);
    line-height: var(--lineHeightMd);
}

.agree-group {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    margin: 30px 0;
}

.agree-group > .form-area> p {
    font-size: var(--fontSizeBase);
    font-weight: var(--fontWeightSemibold);
}

.agree-desc {
    width: 100%;
    border: 1px solid var(--colorGray200);
    border-radius: var(--borderRadiusXl);
    background-color: var(--colorWhite);
    padding: 12px 6px 12px 12px;
}

.inner-desc {
    height: 240px;
    max-height: 240px;
    text-align: left;
    color: var(--colorGray500);
    font-size: var(--fontSizeXs);
    line-height: var(--lineHeightXs);
    padding-right: 10px;
    overflow-y: auto;
}

.save-find-group {
    display: flex;
    justify-content: space-between;
}

.save-find-group ul {
    display: flex;
    align-items: center;
}

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

.save-find-group ul li:first-child {
    display: flex;
}

.save-find-group ul li:first-child::after {
    content: "|";
    color: var(--colorGray300);
    margin: 0 10px;
}

.save-find-group ul li:last-child {
    color: var(--colorPrimary);
    font-weight: var(--fontWeightBold);
}

@media all and (max-width: 1279px) {
    #container .content-section {
        min-height: calc(100vh - 612px);
        padding: 60px 0 100px;
    }

    .form-group {
        margin: 0 auto;
    }
}

@media all and (max-width: 767px) {
    #container .content-section {
        min-height: calc(100vh - 622px);
        padding: 40px 0 80px;
    }

    .form-group {
        width: 100%;
        padding: 30px;
        gap: 20px 0;
    }
}