



.project_wrap {width:100%; max-width:1920px; min-width:1024px; position:relative; margin:0 auto;    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;}

.project_wrap .content_wrap {width:450px; margin:80px auto;}
.project_wrap .content_wrap .form_wrap .content_name {
    font-size: 20px;
    margin: 0 0 32px;
    font-weight: 700; text-align: center;
}
.project_wrap .content_wrap .login_wrap {width:100%; background:#fff; border-radius:4px; box-shadow:0px 3px 6px 0px rgba(18, 18, 18, 0.10); overflow:hidden; padding:0 40px 40px;}
.project_wrap .content_wrap .login_wrap img {    width: 160px;
    margin: 30px auto;
    display: block;}
    
    .project_wrap .content_wrap .login_wrap .form_wrap .input_wrap { margin-bottom:20px;text-align:left;}
    .project_wrap .content_wrap .login_wrap .form_wrap .input_wrap label {font-size:14px; color:#6B7280; font-weight:400;}
    
    .project_wrap .content_wrap .login_wrap .form_wrap .input_box {position:relative; display:table; width:100%;}
    .project_wrap .content_wrap .login_wrap .form_wrap .input_box input {width:100%; height:44px; font-size:14px; border-radius:4px; border:solid 1px #e5e7eb; padding:15px; padding-right:54px;}
    .project_wrap .content_wrap .login_wrap .form_wrap .input_box input:focus {outline:solid 1px #3985EA;}
    .project_wrap .content_wrap .login_wrap .form_wrap .input_box input::placeholder {color:#6b7280;}

    

    .project_wrap .content_wrap .login_wrap .form_wrap .login_btn {background:#3985EA; color:#fff; font-weight:600; width:100%; height:44px; margin-top:30px;}
    .project_wrap .content_wrap .login_wrap .form_wrap.login_btn:hover {background:#3985EA;}






/*반응형 View*/
@media only screen and (max-width:1200px) {
}

@media only screen and (max-width:1024px) {
    
}

@media only screen and (max-width:768px) {
}

/*galaxy Duo*/
@media only screen and (max-width:540px) {
}

/*iphone SE*/
@media only screen and (max-width:320px) {
}

/*galaxy Fold*/
@media only screen and (max-width:280px) {
}


/*galaxy Fold*/
@media only screen and (max-height:700px) {
    .project_wrap {display:unset; justify-content:unset; align-items:unset; height:unset;}
}