.kakao{background-color:#fef01b; color:#000000;border-color:#fef01b;}


.splash-container .card-footer-item{padding: 12px 20px;}






.login_box{padding:60px 20px;}
.login_logo{text-align: center;margin:0 0 40px}
.login_logo img{width:120px;margin:0 0 10px}
.login_logo p{font-size:16px}

#loginForm>div input[type='text'], #loginForm>div input[type='password']{height:45px;border:1px solid #e3e3e3;width:100%;padding:0 10px}
#loginForm>div{margin:0 0 10px}
#loginForm .custom-control{;padding:0 !important;}
#loginForm .custom-control-label{display: flex;;align-items: center;margin:0 15px 0 0; font-size: 12px}
#loginForm .custom-control-label::before{width:17px;height:17px; border:1px solid #e3e3e3;margin:0 5px 0 0;position: static}

#loginForm .custom-control-label::after{width:17px;height:17px;background-size:8px;}
#loginForm .custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color: #00b292}

#loginForm .login_check{display: flex;}
.login_section_1 button{width:100%;padding:10px 0;text-align: center;border:none;background-color: #00b292;color:#fff;font-size:13px;margin:30px 0 0;cursor: pointer;}

.register_btn_box{margin:40px 0 0}
.register_btn_box>div{margin:20px 0 0}
.register_btn_box>div h3{font-size:15px;}
.register_btn_box>div p{font-size:12px;}
.register_btn_box>div>div{display: flex;margin:20px 0 0}
.register_btn_box>div  a{display: block;width:50%;padding:10px 0;text-align: center;font-size:13px;}
.register_btn_box>div  a:first-child{margin:0 10px 0 0 }
.re_btn1>div a{background-color: #00b292;color:#fff}
.re_btn2>div a{background-color: #393939;color:#fff}


.login_section{max-width:600px;margin:0 auto;}

@media screen and (min-width:640px){
    .login_section_1{display: flex;width;100%;}
    #loginForm{width:70%;margin:0 10px 0 0}
    .login_section_1 button{width:30%;margin:0;height:100px;}
    .register_btn_box>div a{padding:15px 0}
}



@media screen and (min-width:768px){

    #loginForm .custom-control-label{font-size: 15px}


}

@media screen and (min-width:950px){

    .login_logo{margin:0 0 40px;padding:0 0 50px;border-bottom:2px dashed #e3e3e3;}
    .login_section{display: flex;background-color: #fff;padding:50px 0}
    .login_section>div{width:50%;padding:0 30px}
    .login_section>div:first-child{border-right:1px solid #e3e3e3}
    .register_btn_box{margin:0}
    .register_btn_box>div:first-child{margin:0}
    .login_box{height: 100vh;padding:0}
    .login_box>div{height:100%;position: relative}
    .login_box>div>.top1{width:100%;height:50%;background-color: #fcf0a6}
    .login_box>div>.bottom{width:100%;height:50%;background-color:#01ad93}
    .login_section_full{position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);width:100%;padding:0 20px}
    .login_section{max-width:1300px;margin:0 auto;width:100%;}

    .register_btn_box{display: flex;flex-wrap: wrap;align-content: space-between}
    .register_btn_box>div{width:100%}

    .register_btn_box>div h3{font-size:20px;}
    .register_btn_box>div p{font-size:15px;margin:5px 0}
    .register_btn_box>div a{font-size:15px;}
    .login_section_1 button{font-size:18px}
}



@media screen and (min-width:1200px){

    .login_logo img{width:auto}
    .login_section>div{padding:0 60px;}
    .login_section{padding:100px 0}
}