/*base*/

* {
    box-sizing: border-box;
    word-break: keep-all !important;
    font-family: 'Noto Sans KR';
}


/*background*/
.bg_indigo1 {
    background: #7165e5 !important;
}

.bg_indigo2 {
    background: #8b80f8 !important;
}

.bg_indigo3 {
    background: #a07dfd !important;
}

.bg_indigo4 {
    background: #e0daff !important;
}

.bg_indigo5 {
    background: #f0e8ff !important;
}

.bg_indigo6 {
    background: #f5f6fa !important;
}


.bg_gray1 {
    background: #d4d7de !important;
}

.bg_gray2 {
    background: #f5f6fa !important;
}


/*color*/
.indigo1 {
    color: #7165e5 !important;
}


textarea {
    appearance: none;
}

/*input*/
input.input_box1 {
    appearance: none;
    outline: 1px solid #ddd
}


input.input_box1:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
    outline: 1px solid #7165e5;
}

/* outline 테두리 속성 수정 */
input::placeholder {
    font-family: 'Noto Sans KR';
    color: #afabab;
    font-weight: 400;

}

input:-moz-placeholder {
    font-family: 'Noto Sans KR';
    color: #afabab;
    font-weight: 400;
}

input::-moz-placeholder {
    font-family: 'Noto Sans KR';
    color: #afabab;
    font-weight: 400;
}


/*input*/

/*checkbox-radio*/

/*btn*/
.btn {
    color: #fff;
    display: inline-block;
    background: #000;
    transition: all 0.2s;
}

button[type="submit"] {
    transition: all 0.2s;
}

/*btn*/
@media (min-width:1024px) {

    button[type="submit"]:hover,
    .btn:hover {
        background: #2f258d !important;
    }

}

.flex_center {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

/*contents*/
.login_page {
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 100vh;
    background: url("../images/login_bg.jpg") no-repeat center center;
    background-size: cover;
}

.login_page>section {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    max-width: 500px;
    min-width: 100px;
    width: 100%;
}

img.logo {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}