@charset "UTF-8";
/**
 * Copyright (c) 2017~2022, OBCon Inc.
 * All rights reserved.
 */

/**
 * @file
 * @copyright 2017~2022, OBCon Inc.
 * @author gye hyun james kim [pnuskgh@gmail.com]
 */

/* 중개 플랫폼 서비스의 로그인 화면용 설정 */
main#login {
    background-color: white;
    font-size: var(--font-small);
}

main#login > section > article {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--container-width);

    display: flex;
    flex-direction: row;
    justify-content: center;
}

main#login > section > article > div {
    max-width: 400px;
}

main#login > section > article > form {
    max-width: 400px;
}

main#login > section:first-child > article:nth-child(1) > div {
    margin-top: 50px;
    margin-bottom: var(--gap);
}

main#login fieldset {
    padding: 20px;
    border: 1px solid var(--bs-gray-500);
    border-radius: 10px;
}

main#login fieldset > div:nth-child(1) {
    margin-bottom: 10px;

    text-align: center; 
    color: #f08377; 
    display: none;
}

main#login fieldset > button {
    width: 100%;
}

main#login > section > article:nth-child(3) {
    margin-top: 10px;
}

main#login > section > article:nth-child(3) > div {
    width: 360px;
    display: flex;
    flex-direction: row;
}

main#login > section > article:nth-child(3) > div > span {
    margin-left: var(--gap);
    margin-right: var(--gap);
}

main#login > section > article:nth-child(4) {
    margin-top: 30px;
}

main#login > section:nth-child(2) > article:first-child {
    display: none;
}

main#login > section:nth-child(2) > article > div {
    margin-top: 50px;
    max-width: 400px;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

main#login > section:nth-child(2) > article > div > a {
    margin-bottom: var(--gap);
    border: 1px solid var(--bs-gray-500);
    border-radius: 5px;
    padding-top: var(--gap);
    padding-bottom: var(--gap);

    width: 120px;
    text-align: center;
    cursor: pointer;
    color: green;
}

main#login > section:last-child {
    margin-top: 100px;

    display: flex;
    flex-direction: row;
    justify-content: center;
}