/*
 * 회원 화면(로그인·회원가입).
 *
 * 원본 사이트의 회원 화면은 CMS 가 만든 것이라 우리 게시판·예약 화면처럼
 * 그대로 옮길 마크업이 없다. 그래서 이 화면들은 사이트의 다른 화면과 같은
 * 재료(글꼴·색·여백)로 새로 짜되, 상단 배너와 경로 표시는 다른 서브페이지와
 * 똑같이 맞춰 한 사이트로 보이게 한다.
 */

.ez-member { padding: 60px 0 100px; }
.ez-member-title {
    margin: 0 0 30px; font-size: 26px; font-weight: bold; color: #222;
    text-align: center; letter-spacing: -1px;
}

.ez-member-form { max-width: 420px; margin: 0 auto; }
.ez-member-field { margin-bottom: 14px; }
.ez-member-field label {
    display: block; margin-bottom: 6px; font-size: 14px; font-weight: bold; color: #444;
}
.ez-member-field input {
    box-sizing: border-box; width: 100%; height: 48px; padding: 0 14px;
    border: 1px solid #ddd; background: #fff;
    font-family: inherit; font-size: 15px; color: #222;
}
.ez-member-field input:focus { border-color: #05595e; outline: none; }
.site-pain .ez-member-field input:focus { border-color: #006fb9; }

.ez-member-opts { margin: 12px 0 20px; font-size: 14px; color: #555; }
.ez-member-opts label { cursor: pointer; }

.ez-member-submit {
    width: 100%; height: 52px; border: 0; background: #05595e;
    font-family: inherit; font-size: 16px; font-weight: bold; color: #fff; cursor: pointer;
}
.site-pain .ez-member-submit { background: #006fb9; }
.ez-member-submit:hover { opacity: .92; }

.ez-member-links {
    max-width: 420px; margin: 18px auto 0; text-align: center;
    font-size: 14px; color: #888;
}
.ez-member-links a { color: #555; text-decoration: none; }
.ez-member-links a:hover { text-decoration: underline; }
.ez-member-links span { margin: 0 8px; color: #ccc; }

.ez-member-msg {
    max-width: 420px; margin: 0 auto 18px; padding: 12px 16px;
    border-left: 3px solid #c0392b; background: #fdecea; font-size: 14px; color: #96281b;
}

/* 그누보드가 스킨 밖에서 내는 안내문·오류문도 이 화면 안에서는 같은 톤으로 보이게 한다. */
.ez-member .alert, .ez-member .msg { font-size: 14px; color: #555; }

@media all and (max-width: 767px) {
    .ez-member { padding: 40px 15px 70px; }
    .ez-member-title { font-size: 22px; }
}