.container > article {
	width: 768px; margin: 50px auto;
}
.container > article > h2 {
	font-size: 22px; font-weight: 500 !important; text-align: center;
	margin: 0 0 30px;
}

.container > article .social-btn {
	margin: 10px 0;
}

form[name="basicSignForm"] .btn {
	width: 100%;
}
form[name="basicSignForm"] input[name="pw"] {
	margin: 15px 0;
}

.division-line {
	margin: 25px 0 50px;
}
.division-line:before {
	content: 'OR';
}

@media screen and (max-width: 788px) {
    .container > article {
        width: calc(100% - 20px); padding: 0 10px;
    }
}