@charset "utf-8";

#main_page {display: flex;justify-content: center; width: 100%;height: 100%;}
#main_box {display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 400px;width: 100%;}

.logo {display: flex;justify-content: center;align-items: center;width: 100px;height: 100px;border-radius: 50%;background: #e9f5f3;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
.logo img {width: 95px;padding: 20px 0 10px;}
.login_box {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;background: #fff; color: #7a7a7a;padding: 50px 30px;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);border-radius: 5px;}
.login_title {font-family: 'Spoqa Han Sans Neo';font-size: 22px;}
#flogin {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;}
#flogin div, #flogin button, #flogin a, .abtn {display: flex;justify-content: center;align-items: center;width: 100%;}

.form-control, .form-check-input {position:relative;background: #f2f2f2;font-size: 16px;border-color: transparent;box-shadow: none !important;padding-left: 37px;}
.form-check-input {padding: 0;}
.form-control:focus, .form-check-input:checked {border-color: #09ADAF;background: #e9f5f3;}
.form-check-input:checked {background: #09ADAF;}
.form-control, .btn {border-radius: 2px;}
.input-group .fa {font-size: 18px;}
.form-check {padding: 0;}
.form-check-label {padding-left: 5px;}
.ficon {position:relative;}
.ficon::before {content: '\f007';font-family: "Font Awesome 6 Free";font-weight: 900;position: absolute;left: 15px;color: #09ADAF;z-index: 1;}
.ficon:nth-of-type(2)::before {content: '\f023';}

button.btn, .abtn {background-color: #09ADAF;color: #fff;border-color: #09ADAF;}
button.btn:hover, .abtn:hover {background-color: #0C8688 !important;color: #fff !important;border-color: #0C8688 !important;}

@media all and (max-width:1000px)  {
    #main_page {padding: 0 20px;}
}