@charset "UTF-8";

.login_box {width:50%; display:inline-block; border:1px solid #289c09; margin-left:25%; box-sizing:border-box; padding:3%; margin-top:20px; border-radius:5px; box-shadow:2px 2px 5px #ddd; }
.login_box h3 {font-size:20px !important; font-weight:700; color:#333; width:100%; margin-bottom:10px; line-height:1.3em }
.login_box input {width:100%; height:50px; margin-bottom:5px; color:#555; font-size:1em}
.login_box a.btn  {width:100%; line-height:50px; background: linear-gradient(to top, #289c09, #32c40b);color:#fff !important; font-size:1.1em; font-weight:600; text-align:center; display:inline-block; }

.login_box a.link  {padding:0 0; line-height:35px; color:#555 !important; font-size:0.935em; font-weight:400;   float:right;}
.login_box a.link:hover {text-decoration:underline;}

.join_check      {width:100%; float:left;  font-size:16px; color:#666; text-align:center;padding-top:10px; }
.join_check input {vertical-align:middle;}
.join_area   { font-family:'Noto Sans KR',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',¸¼Àº°íµñ,sans-serif;width:100%;  box-sizing:border-box;
float:left; color:#555; font-size:15px;  height:150px; line-height:1.5em; border:1px solid #ddd; padding:10px; }





@media all and (max-width:1100px){

 .login_box  {width:100%; margin-left:0}
}