@charset "UTF-8";
/* 오버레이 */
/*어드민 디자인*/
/*


.login-sec {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 200px 0;

    ._con {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;

        // 로그인 폼
        .login-wrap {
            width: 350px;
            max-width: 350px;
            display: flex;
            flex-direction: column;

            h3 {
                text-transform: uppercase;
                @include mont(54, 300, 54);
                color: $c30;
                text-align: center;
                margin-bottom: 30px;
            }

            form {
                width: 100%;
                overflow: hidden;

                .form_group{
                    width: 100%;
                    display: flex;

                    .form_group_left{
                        width: 80%;

                        .inputfield {
                            position: relative;
                            margin: 16px 0;

                            input::-ms-clear,
                            input::-ms-reveal {
                                display: none;
                                width: 0;
                                height: 0;
                            }

                            input[type="text"], input[type="email"], input[type="password"], input[typt="text"] {
                                -webkit-appearance: none;
                                height: 24px;
                                padding: 0 8px;
                                border: 1px solid #eceff3;
                                font-size: 15px;
                                border-radius: 0;
                            }

                            input[type="text"], input[type="email"].large-input, input[type="password"].large-input, input[typt="text"].large-input {
                                width: 100%;
                                height: 50px;
                                padding: 0 16px;
                                @include noto-kr(15, 300, 24);
                            }

                            input[type="text"], input[type="email"]:disabled, input[type="password"]:disabled, input[typt="text"]:disabled {
                                background-color: #ffffff;
                                border: 1px solid #d3d3d3;
                                color: #333131;
                                cursor: not-allowed;
                                opacity: 1.0; !*used for safari as it changes it by default to 0.4*!
                            }

                            input[type="text"], input[type="email"]:focus, input[type="password"]:focus, input[typt="text"]:focus {
                                box-shadow: none;
                                outline: none;
                            }

                            input::-webkit-input-placeholder {
                                color: #bcbcbc;
                            }

                            input[type="text"], input[type="email"]:-ms-input-placeholder, input[type="pasword"]:-ms-input-placeholder, input[typt="text"]:-ms-input-placeholder {
                                color: #bcbcbc;
                            }

                            input::-moz-placeholder {
                                color: #bcbcbc;
                                opacity: 1.0;
                            }



                        }
                    }


                    .form_group_right{
                        width: 20%;
                        .submit_bt{
                            width: 100%;
                            height: 55px;
                            font-size: 16px;
                            background-color: $c30;
                            border: none;
                            outline: none;
                            @include noto-kr(16, 400, 24);
                            color: $cff;
                            cursor: pointer;
                        }
                    }
                }










            }

            .recover {
                width: 100%;
                display: flex;

                &__left {
                    width: 50%;
                    display: flex;
                    align-items: center;
                    @include noto-kr(14, 300, 14);
                    color: $c50;
                    padding: 0 5px;

                    input[type="checkbox"] {
                        margin-right: 5px;
                    }
                }

                &__right {
                    width: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;

                    p, a {
                        display: flex;
                        align-items: center;
                        margin: 0;
                        @include noto-kr(14, 300, 14);
                        color: $c50;
                        padding: 0 5px;

                        &.passFind-btn, &.reg-btn {
                            cursor: pointer;
                        }
                    }

                    span {
                        font-size: 10px;
                        line-height: 10px;
                        margin: 0 5px;
                    }
                }
            }

            .non-member {
                width: 100%;
                height: 45px;
                margin-top: 40px;
                padding: 0 16px;
                font-size: 16px;
                background-color: #5b7bd3;
                border: none;
                outline: none;
                @include noto-kr(16, 300, 45);
                color: $cff;
                text-align: center;
                cursor: pointer;
            }

            p {
                @include noto-kr(14, 300, 22);
                color: $c50;
            }

            .select-box {
                display: flex;
                justify-content: center;

                .join-bt {
                    width: 130px;
                    height: 35px;
                    margin: 10px 5px 0;
                    font-size: 14px;
                    background-color: #5b7bd3;
                    border: none;
                    outline: none;
                    @include noto-kr(14, 300, 35);
                    color: $cff;
                    text-align: center;
                    cursor: pointer;
                }

                .non-member-continue {
                    width: 130px;
                    height: 35px;
                    margin: 10px 5px 0;
                    font-size: 14px;
                    background-color: #5bc5d3;
                    border: none;
                    outline: none;
                    @include noto-kr(14, 300, 35);
                    color: $cff;
                    text-align: center;
                    cursor: pointer;
                }
            }

            .old_mem-box{
                display: flex;
                justify-content: center;
                margin-top: 50px;
                border-top: 2px solid #5767ae;

                .old_mem {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    padding-top: 50px;

                    form {
                        width: 100%;
                        overflow: hidden;

                        .inputfield {
                            position: relative;
                            margin: 16px 0;

                            input{
                                height: 55px;
                                padding: 0 8px;
                                border: 1px solid #eceff3;
                                font-size: 14px;
                                border-radius: 0;
                            }

                            input.large-input {
                                width: 100%;
                                height: 55px;
                                padding: 0 16px;
                                @include noto-kr(16, 300, 24);
                            }

                            input:disabled {
                                background-color: #f0f0f0;
                                border: 1px solid #bcbcbc;
                                color: #757575;
                                cursor: not-allowed;
                                opacity: 1.0; !*used for safari as it changes it by default to 0.4*!
                            }

                            input:focus {
                                box-shadow: 0 0 1px #0288d1;
                                outline: none;
                            }

                            input::-webkit-input-placeholder {
                                color: #bcbcbc;
                            }

                            input:-ms-input-placeholder {
                                color: #bcbcbc;
                            }

                            input::-moz-placeholder {
                                color: #bcbcbc;
                                opacity: 1.0;
                            }

                            .alert_p{
                                @include noto-kr(14, 300, 35);
                                color: #49c570;
                                text-align: center;
                            }


                        }
                        .old_inputfield{
                            width: 100%;
                            height: 60px;

                            .old_mem_bt {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                width: 100%;
                                height: 55px;
                                background-color: #8094c7;
                                border: none;
                                outline: none;
                                font-size: 16px;
                                font-weight: 400;
                                line-height: 24px;
                                font-family: "Noto Sans KR", sans-serif;
                                color: #ffffff;
                                cursor: pointer;
                            }
                            }
                    }

                    .tex_p {
                        @include noto-kr(15, 300, 24);
                        text-align: center;
                        color: #414a6e;
                        margin-bottom: 15px;
                    }


                }
            }
        }

        // 비밀번호 찾기

        .passFind-wrap {
            width: 350px;
            height: auto;

            h3 {
                @include noto-kr(34, 500, 34);
                color: $c30;
                text-align: center;
                margin-bottom: 10px;
            }

            p {
                margin: 0;
                @include noto-kr(16, 300, 24);
                color: $c30;
                text-align: center;
                margin-bottom: 30px;
            }

            form {
                width: 100%;

                .inputfield {
                    position: relative;
                    margin: 16px 0;

                    input::-ms-clear,
                    input::-ms-reveal {
                        display: none;
                        width: 0;
                        height: 0;
                    }

                    input[type="text"], input[type="password"] {
                        -webkit-appearance: none;
                        height: 24px;
                        padding: 0 8px;
                        border: 1px solid #eceff3;
                        font-size: 14px;
                        border-radius: 0;
                    }

                    input[type="text"].large-input, input[type="password"].large-input {
                        width: 100%;
                        height: 55px;
                        padding: 0 16px;
                        @include noto-kr(16, 300, 24);
                    }

                    input[type="text"]:disabled, input[type="password"]:disabled {
                        background-color: #f0f0f0;
                        border: 1px solid #bcbcbc;
                        color: #757575;
                        cursor: not-allowed;
                        opacity: 1.0; !*used for safari as it changes it by default to 0.4*!
                    }

                    input[type="text"]:focus, input[type="password"]:focus {
                        box-shadow: 0 0 1px #0288d1;
                        outline: none;
                    }

                    input::-webkit-input-placeholder {
                        color: #bcbcbc;
                    }

                    input[type="text"]:-ms-input-placeholder, input[type="pasword"]:-ms-input-placeholder {
                        color: #bcbcbc;
                    }

                    input::-moz-placeholder {
                        color: #bcbcbc;
                        opacity: 1.0;
                    }

                    input[type="button"].large-input {
                        width: 100%;
                        height: 55px;
                        padding: 0 16px;
                        font-size: 16px;
                        background-color: $c30;
                        border: none;
                        outline: none;
                        @include noto-kr(16, 400, 24);
                        color: $cff;
                        cursor: pointer;
                    }

                }
            }

            .passFind-ok, .passFind-no {
                width: 100%;
                margin-top: 50px;
                display: flex;
                flex-direction: column;

                h3 {
                    @include noto-kr(24, 500, 24);
                    color: $c30;
                    margin-bottom: 20px;
                }

                p {
                    padding: 15px 0;
                    @include noto-kr(16, 300, 24);
                    color: $c30;
                    border-top: 1px solid $c80;
                    border-bottom: 1px solid $c80;
                }

                .clipboard {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    padding: 15px 0;
                    border-top: 1px solid $c80;
                    border-bottom: 1px solid $c80;

                    span {
                        @include noto-kr(16, 300, 24);
                        color: $c30;
                    }

                    .clip-btn {
                        @include noto-kr(12, 300, 14);
                        color: $c30;
                        padding: 5px 15px;
                        background-color: $c50;
                        color: $cff;
                        @include radiusPx(11, 11, 11, 11);
                        margin-left: 20px;
                        cursor: pointer;
                    }
                }

                #msg {
                    @include noto-kr(14, 300, 24);
                    color: $c30;
                    text-align: center;
                    margin-top: 5px;
                }

                .back-login {
                    width: 120px;
                    height: 35px;
                    margin: 20px auto 0;
                    @include noto-kr(14, 300, 35);
                    color: $cff;
                    text-align: center;
                    background-color: #57bdac;
                    cursor: pointer;
                }
            }

        }
    }
}


@include mobile {
    .login-sec {
        height: auto;
        margin-top: 0;

        ._con {
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;

            // 로그인 폼
            .login-wrap {
                width: 100%;
                max-width: 350px;
                height: auto;

                h3 {
                    text-transform: uppercase;
                    @include mont(42, 300, 42);
                    color: $c30;
                    text-align: center;
                    margin-bottom: 30px;
                }

                form {
                    width: 100%;

                    .inputfield {
                        position: relative;
                        margin: 10px 0;

                        input::-ms-clear,
                        input::-ms-reveal {
                            display: none;
                            width: 0;
                            height: 0;
                        }

                        input[type="text"], input[type="password"] {
                            -webkit-appearance: none;
                            height: 24px;
                            padding: 0 8px;
                            border: 1px solid #eceff3;
                            font-size: 14px;
                            border-radius: 0;
                        }

                        input[type="text"].large-input, input[type="password"].large-input {
                            width: 100%;
                            height: 45px;
                            padding: 0 14px;
                            @include noto-kr(16, 300, 24);
                        }

                        input[type="text"]:disabled, input[type="password"]:disabled {
                            background-color: #f0f0f0;
                            border: 1px solid #bcbcbc;
                            color: #757575;
                            cursor: not-allowed;
                            opacity: 1.0; !*used for safari as it changes it by default to 0.4*!
                        }

                        input[type="text"]:focus, input[type="password"]:focus {
                            box-shadow: 0 0 1px #0288d1;
                            outline: none;
                        }

                        input::-webkit-input-placeholder {
                            color: #bcbcbc;
                        }

                        input[type="text"]:-ms-input-placeholder, input[type="pasword"]:-ms-input-placeholder {
                            color: #bcbcbc;
                        }

                        input::-moz-placeholder {
                            color: #bcbcbc;
                            opacity: 1.0;
                        }

                        input[type="button"].large-input {
                            width: 100%;
                            height: 45px;
                            padding: 0 16px;
                            font-size: 14px;
                            background-color: $c30;
                            border: none;
                            outline: none;
                            @include noto-kr(16, 400, 24);
                            color: $cff;
                            cursor: pointer;
                        }

                    }
                }

                .recover {
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;

                    &__left {
                        width: 100%;
                        display: flex;
                        align-items: center;
                        @include noto-kr(14, 300, 14);
                        color: $c50;
                        padding: 0 5px;

                        input[type="checkbox"] {
                            margin-right: 5px;
                        }
                    }

                    &__right {
                        margin-top: 15px;
                        width: 100%;
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;

                        p {
                            display: flex;
                            align-items: center;
                            margin: 0;
                            @include noto-kr(14, 300, 14);
                            color: $c50;
                            padding: 0 5px;

                            &.passFind-btn, &.reg-btn {
                                cursor: pointer;
                            }
                        }

                        span {
                            font-size: 10px;
                            line-height: 10px;
                            margin: 0 5px;
                        }
                    }
                }

                .non-member {
                    width: 100%;
                    height: 45px;
                    margin-top: 40px;
                    padding: 0 16px;
                    font-size: 16px;
                    background-color: #5b7bd3;
                    border: none;
                    outline: none;
                    @include noto-kr(16, 300, 45);
                    color: $cff;
                    text-align: center;
                    cursor: pointer;
                }

                p {
                    @include noto-kr(14, 300, 22);
                    color: $c50;
                }

                .select-box {
                    display: flex;
                    justify-content: center;

                    .join-bt {
                        width: 130px;
                        height: 35px;
                        margin: 10px 5px 0;
                        font-size: 14px;
                        background-color: #5b7bd3;
                        border: none;
                        outline: none;
                        @include noto-kr(14, 300, 35);
                        color: $cff;
                        text-align: center;
                        cursor: pointer;
                    }

                    .non-member-continue {
                        width: 130px;
                        height: 35px;
                        margin: 10px 5px 0;
                        font-size: 14px;
                        background-color: #5bc5d3;
                        border: none;
                        outline: none;
                        @include noto-kr(14, 300, 35);
                        color: $cff;
                        text-align: center;
                        cursor: pointer;
                    }
                }
            }

            // 비밀번호 찾기

            .passFind-wrap {
                width: 100%;
                height: auto;

                h3 {
                    @include noto-kr(24, 500, 24);
                    color: $c30;
                    text-align: center;
                    margin-bottom: 10px;
                }

                p {
                    margin: 0;
                    @include noto-kr(14, 300, 22);
                    color: $c30;
                    text-align: center;
                    margin-bottom: 30px;
                }

                form {
                    width: 100%;
                    padding: 0 10px;

                    .inputfield {
                        position: relative;
                        margin: 10px 0;

                        input::-ms-clear,
                        input::-ms-reveal {
                            display: none;
                            width: 0;
                            height: 0;
                        }

                        input[type="text"], input[type="password"] {
                            -webkit-appearance: none;
                            height: 24px;
                            padding: 0 8px;
                            border: 1px solid #eceff3;
                            font-size: 14px;
                            border-radius: 0;
                        }

                        input[type="text"].large-input, input[type="password"].large-input {
                            width: 100%;
                            height: 45px;
                            padding: 0 16px;
                            @include noto-kr(14, 300, 24);
                        }

                        input[type="text"]:disabled, input[type="password"]:disabled {
                            background-color: #f0f0f0;
                            border: 1px solid #bcbcbc;
                            color: #757575;
                            cursor: not-allowed;
                            opacity: 1.0; !*used for safari as it changes it by default to 0.4*!
                        }

                        input[type="text"]:focus, input[type="password"]:focus {
                            box-shadow: 0 0 1px #0288d1;
                            outline: none;
                        }

                        input::-webkit-input-placeholder {
                            color: #bcbcbc;
                        }

                        input[type="text"]:-ms-input-placeholder, input[type="pasword"]:-ms-input-placeholder {
                            color: #bcbcbc;
                        }

                        input::-moz-placeholder {
                            color: #bcbcbc;
                            opacity: 1.0;
                        }

                        input[type="button"].large-input {
                            width: 100%;
                            height: 45px;
                            padding: 0 16px;
                            font-size: 16px;
                            background-color: $c30;
                            border: none;
                            outline: none;
                            @include noto-kr(14, 400, 24);
                            color: $cff;
                            cursor: pointer;
                        }

                    }
                }

                .passFind-ok, .passFind-no {
                    width: 100%;
                    margin-top: 50px;
                    display: flex;
                    flex-direction: column;

                    h3 {
                        @include noto-kr(24, 500, 24);
                        color: $c30;
                        margin-bottom: 20px;
                    }

                    p {
                        padding: 15px 0;
                        @include noto-kr(16, 300, 24);
                        color: $c30;
                        border-top: 1px solid $c80;
                        border-bottom: 1px solid $c80;
                    }

                    .clipboard {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 100%;
                        padding: 15px 0;
                        border-top: 1px solid $c80;
                        border-bottom: 1px solid $c80;

                        span {
                            @include noto-kr(16, 300, 24);
                            color: $c30;
                        }

                        .clip-btn {
                            @include noto-kr(12, 300, 14);
                            color: $c30;
                            padding: 5px 15px;
                            background-color: $c50;
                            color: $cff;
                            @include radiusPx(11, 11, 11, 11);
                            margin-left: 20px;
                            cursor: pointer;
                        }
                    }

                    #msg {
                        @include noto-kr(14, 300, 24);
                        color: $c30;
                        text-align: center;
                        margin-top: 5px;
                    }

                    .back-login {
                        width: 120px;
                        height: 35px;
                        margin: 20px auto 0;
                        @include noto-kr(14, 300, 35);
                        color: $cff;
                        text-align: center;
                        background-color: #57bdac;
                        cursor: pointer;
                    }
                }

            }
        }
    }
}




*/
.login-sec {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 300px 0;
}
.login-sec ._con {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-sec ._con .login-wrap {
  position: relative;
  width: 450px;
  max-width: 450px;
  display: flex;
  flex-direction: column;
}
.login-sec ._con .login-wrap .h3 {
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  font-family: "Noto Sans KR", sans-serif;
  color: #212323;
  text-align: center;
  margin-bottom: 20px;
}
.login-sec ._con .login-wrap form {
  width: 100%;
  overflow: hidden;
}
.login-sec ._con .login-wrap form .form_group {
  width: 100%;
  display: flex;
}
.login-sec ._con .login-wrap form .form_group .form_group_left {
  width: 70%;
}
.login-sec ._con .login-wrap form .form_group .form_group_left .inputfield {
  width: 100%;
}
.login-sec ._con .login-wrap form .form_group .form_group_left .inputfield input {
  width: 100%;
  height: 50px;
  padding: 0 8px;
  border: 1px solid #eceff3;
  font-size: 14px;
  border-radius: 0;
}
.login-sec ._con .login-wrap form .form_group .form_group_left .inputfield input:first-of-type {
  margin-bottom: 10px;
}
.login-sec ._con .login-wrap form .form_group .form_group_left .inputfield input.large-input {
  width: 100%;
  height: 55px;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  font-family: "Noto Sans KR", sans-serif;
}
.login-sec ._con .login-wrap form .form_group .form_group_left .inputfield input:disabled {
  background-color: #f0f0f0;
  border: 1px solid #bcbcbc;
  color: #757575;
  cursor: not-allowed;
}
.login-sec ._con .login-wrap form .form_group .form_group_left .inputfield input:focus {
  box-shadow: 0 0 1px #0288d1;
  outline: none;
}
.login-sec ._con .login-wrap form .form_group .form_group_left .inputfield input::-webkit-input-placeholder {
  color: #bcbcbc;
}
.login-sec ._con .login-wrap form .form_group .form_group_left .inputfield input:-ms-input-placeholder {
  color: #bcbcbc;
}
.login-sec ._con .login-wrap form .form_group .form_group_left .inputfield input::-moz-placeholder {
  color: #bcbcbc;
  opacity: 1;
}
.login-sec ._con .login-wrap form .form_group .form_group_left .inputfield .alert_p {
  font-size: 14px;
  font-weight: 300;
  line-height: 35px;
  font-family: "Noto Sans KR", sans-serif;
  color: #49c570;
  text-align: center;
}
.login-sec ._con .login-wrap form .form_group .form_group_right {
  width: 30%;
}
.login-sec ._con .login-wrap form .form_group .form_group_right .inputfield {
  width: 100%;
  padding-left: 10px;
}
.login-sec ._con .login-wrap form .form_group .form_group_right .inputfield .submit_bt {
  width: 100%;
  height: 120px;
  font-size: 16px;
  background-color: #4b4c4d;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: "Noto Sans KR", sans-serif;
  color: #ffffff;
  cursor: pointer;
}
.login-sec ._con .login-wrap .recover {
  width: 100%;
  display: flex;
  margin-top: 15px;
}
.login-sec ._con .login-wrap .recover__left {
  width: 50%;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
  font-family: "Noto Sans KR", sans-serif;
  color: #7d7f80;
  padding: 0 5px;
}
.login-sec ._con .login-wrap .recover__left input[type=checkbox] {
  margin-right: 5px;
}
.login-sec ._con .login-wrap .recover__right {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.login-sec ._con .login-wrap .recover__right p, .login-sec ._con .login-wrap .recover__right a {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
  font-family: "Noto Sans KR", sans-serif;
  color: #7d7f80;
  padding: 0 5px;
}
.login-sec ._con .login-wrap .recover__right p.passFind-btn, .login-sec ._con .login-wrap .recover__right p.reg-btn, .login-sec ._con .login-wrap .recover__right a.passFind-btn, .login-sec ._con .login-wrap .recover__right a.reg-btn {
  cursor: pointer;
}
.login-sec ._con .login-wrap .recover__right span {
  font-size: 10px;
  line-height: 10px;
  margin: 0 5px;
}

@media screen and (max-width: 768px) {
  .login-sec {
    margin: 150px 0;
  }
  .login-sec ._con .login-wrap {
    width: 350px;
    max-width: 350px;
  }
  .login-sec ._con .login-wrap .h3 {
    font-size: 21px;
    font-weight: 700;
    line-height: 34px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 20px;
  }
  .login-sec ._con .login-wrap form .form_group .form_group_left .inputfield input {
    height: 45px;
    padding: 0 8px;
  }
  .login-sec ._con .login-wrap form .form_group .form_group_left .inputfield input:first-of-type {
    margin-bottom: 7px;
  }
  .login-sec ._con .login-wrap form .form_group .form_group_left .inputfield input.large-input {
    height: 45px;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    font-family: "Noto Sans KR", sans-serif;
  }
  .login-sec ._con .login-wrap form .form_group .form_group_right .inputfield {
    padding-left: 7px;
  }
  .login-sec ._con .login-wrap form .form_group .form_group_right .inputfield .submit_bt {
    height: 97px;
    font-size: 16px;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    font-family: "Noto Sans KR", sans-serif;
  }
}
/*비회원 로그인*/
.n_login-sec {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 200px 0;
}
.n_login-sec ._con {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.n_login-sec ._con .n_login-wrap {
  position: relative;
  width: 450px;
  max-width: 450px;
  display: flex;
  flex-direction: column;
}
.n_login-sec ._con .n_login-wrap .h3 {
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
  font-family: "Noto Sans KR", sans-serif;
  color: #212323;
  text-align: center;
  margin-bottom: 20px;
}
.n_login-sec ._con .n_login-wrap .p {
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
  font-family: "Noto Sans KR", sans-serif;
  color: #212323;
  text-align: center;
  margin-bottom: 20px;
}
.n_login-sec ._con .n_login-wrap .form_group {
  width: 100%;
  display: flex;
}
.n_login-sec ._con .n_login-wrap .form_group .inputfield {
  width: 100%;
  padding-left: 10px;
}
.n_login-sec ._con .n_login-wrap .form_group .inputfield .submit_bt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  font-size: 16px;
  background-color: #4b4c4d;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: "Noto Sans KR", sans-serif;
  color: #ffffff;
  cursor: pointer;
}

/*# sourceMappingURL=login.css.map */