@charset "utf-8";


.container{width: 100%; height: 100%;background-color: #dadada; position: relative;}
.mailfind-grbox{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 464px; background-color: #fff; border-radius: 3px;}
/* 기업 회원 이메일 스텝1 시작 */
.find-header{width: 100%; border-bottom: 1px solid #dadada;}
.find-header > h2{font-size: 24px; color: #4a4a4a; text-align: center; padding-top: 34px; padding-bottom: 14px;}
.find-grtext{ padding-left: 32px; padding-top: 64px; padding-bottom: 89px;}
.find-grtext > h5{font-size: 12px; color: #4a4a4a; font-weight: 300; margin-bottom: 4px;}
.find-grtext input[type="text"]{width: 400px; height: 45px; border: 1px solid #cecece; border-radius: 5px; padding-left: 10px;}
.find-btn{width: 230px; margin: 0 auto; padding-bottom: 50px;}
.find-btn button[type="submit"]{width: 230px; height: 45px; background-color: #4a4a4a; color: #fff; border-radius: 5px;}
/* 기업 회원 이메일 스텝1 끝 */
@media all and (max-width:1024px){
.mailfind-grbox{
    width: 50%;
}
.find-grtext{
    padding-left: 4%;
    padding-right: 4%;
    width: 100%;
}
.find-grtext > h5{
    font-size: 14px;
}
.find-grtext > p{
    font-size: 14px;
}
.find-grtext input[type="text"]{
    width: 100%;
}
.find-btn{
    width: 70%;
}
.find-btn button[type="submit"]{
    width: 100%;
    font-size: 16px;
}
}
@media all and (max-width:768px){
.mailfind-grbox{
    width: 70%;
}
}
@media all and (max-width:568px){
.mailfind-grbox{
    width: 94%;
}
.find-header > h2{
    font-size: 20px;
}
.find-grtext > h5{
    font-size: 12px;
}
.find-grtext > p{
    font-size: 12px;
}
.find-btn button[type="submit"]{
    font-size: 14px;
}
}