/* 폰트 설정 */
@font-face {
    font-family: 'BookkMyungjo-Bd';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/BookkMyungjo-Bd.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

input::placeholder {
    font-family: 'Vollkorn', 'BookkMyungjo-Bd', sans-serif;
}

/* Member ID 필드 스타일 */
#um_field_23_user_login .um-form-field {
    font-size: 16px !important;
    color: #000 !important; /* 검정색 */
    line-height: 1.3em !important;
    height: 40px !important; /* 필드 높이 */
    border: 1px solid #000 !important; /* 테두리: 1px 검정 */
    border-radius: 0 !important; /* 모서리 둥글기 없음 */
}

/* First Name 필드 스타일 */
#um_field_23_first_name .um-form-field {
    font-size: 16px !important;
    color: #000 !important; /* 검정색 */
    line-height: 1.3em !important;
    height: 40px !important; /* 필드 높이 */
    border: 1px solid #000 !important; /* 테두리: 1px 검정 */
    border-radius: 0 !important; /* 모서리 둥글기 없음 */
}

/* Last Name 필드 스타일 */
#um_field_23_last_name .um-form-field {
    font-size: 16px !important;
    color: #000 !important; /* 검정색 */
    line-height: 1.3em !important;
    height: 40px !important; /* 필드 높이 */
    border: 1px solid #000 !important; /* 테두리: 1px 검정 */
    border-radius: 0 !important; /* 모서리 둥글기 없음 */
}

/* Email Address 필드 스타일 */
#um_field_23_user_email .um-form-field {
    font-size: 16px !important;
    color: #000 !important; /* 검정색 */
    line-height: 1.3em !important;
    height: 40px !important; /* 필드 높이 */
    border: 1px solid #000 !important; /* 테두리: 1px 검정 */
    border-radius: 0 !important; /* 모서리 둥글기 없음 */
}

/* Password 필드 스타일 */
#um_field_23_user_password .um-form-field {
    font-size: 16px !important;
    color: #000 !important; /* 검정색 */
    line-height: 1.3em !important;
    height: 40px !important; /* 필드 높이 */
    border: 1px solid #000 !important; /* 테두리: 1px 검정 */
    border-radius: 0 !important; /* 모서리 둥글기 없음 */
}

/* Password Confirmation 필드 스타일 */
#um_field_23_confirm_user_password .um-form-field {
    font-size: 16px !important;
    color: #000 !important; /* 검정색 */
    line-height: 1.3em !important;
    height: 40px !important; /* 필드 높이 */
    border: 1px solid #000 !important; /* 테두리: 1px 검정 */
    border-radius: 0 !important; /* 모서리 둥글기 없음 */
}

/* 플레이스홀더 스타일 */
#um_field_23_user_login .um-field-area input.um-form-field::placeholder,
#um_field_23_first_name .um-field-area input.um-form-field::placeholder,
#um_field_23_last_name .um-field-area input.um-form-field::placeholder,
#um_field_23_user_email .um-field-area input.um-form-field::placeholder,
#um_field_23_user_password .um-field-area input.um-form-field::placeholder,
#um_field_23_confirm_user_password .um-field-area input.um-form-field::placeholder {
    color: #000; /* 검정색 */
    font-size: 16px;
    line-height: 1.3em;
}

/* 미디어 쿼리 - 768px 이하의 화면에서 플레이스홀더 스타일 */
@media (max-width: 768px) {
    #um_field_23_user_login .um-field-area input.um-form-field::placeholder,
    #um_field_23_first_name .um-field-area input.um-form-field::placeholder,
    #um_field_23_last_name .um-field-area input.um-form-field::placeholder,
    #um_field_23_user_email .um-field-area input.um-form-field::placeholder,
    #um_field_23_user_password .um-field-area input.um-form-field::placeholder,
    #um_field_23_confirm_user_password .um-field-area input.um-form-field::placeholder {
        font-size: 14px; /* 모바일에서 폰트 크기 14px */
    }

    .um.um-register {
        width: 80% !important; /* 전체 컨테이너의 폭을 80%로 설정 */
        margin: 0 auto !important; /* 중앙 정렬을 위해 마진 설정 */
    }

    /* 폰트 크기 조정 */
    .um .um-left.um-half #um-submit-btn {
        font-size: 14px !important;
    }
}


/* 부모 컨테이너를 오른쪽 정렬로 설정 */
.um-left.um-half {
    display: flex !important;
    justify-content: flex-end !important; /* 가입 버튼을 오른쪽으로 정렬 */
    align-items: center !important; /* 세로 정렬 */
    width: 100% !important; /* 전체 폭을 사용 */
}

/* Join 가입 버튼 스타일 */
.um-left.um-half #um-submit-btn {
    display: flex !important; /* 버튼이 가로로 나열되도록 설정 */
    justify-content: flex-end !important;
    padding: 10px 10px !important;
    border-radius: 15px 30px 20px 20px !important;
    border: 1px solid black !important;
    background-color: black !important;
    font-size: 16px !important;
    line-height: 1.3em !important;
    color: white !important;
    transition: background-color 0.3s, color 0.3s !important;
    cursor: pointer !important; /* 포인터 커서 추가 */
    text-decoration: none !important; /* 링크 밑줄 제거 */
    box-shadow: none !important; /* 버튼 그림자 제거 */
    width: auto !important;
}

/* Sign In 로그인 버튼 스타일 */
a.um-button,
.um-right.um-half .um-button.um-alt {
    display: none !important; /* 버튼가림 */
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 10px !important;
    border-radius: 15px 30px 20px 20px !important;
    border: 1px solid #999 !important;
    background-color: #999 !important;
    color: white !important;
    transition: background-color 0.3s, color 0.3s !important;
    cursor: pointer !important; /* 포인터 커서 추가 */
    text-decoration: none !important; /* 링크 밑줄 제거 */
    box-shadow: none !important; /* 버튼 그림자 제거 */
    width: auto !important;
}

/* 버튼 호버 효과 - Join 가입 버튼 */
.um-left.um-half #um-submit-btn:hover {
    background-color: transparent !important;
    color: black !important;
}

/* 버튼 호버 효과 - Sign In 로그인 버튼 */
.um-right.um-half .um-button.um-alt:hover {
    background-color: transparent !important;
    color: black !important;
}

/* 페이지 ID 5924에만 스타일 적용 */
body.page-id-5924 .um-row._um_row_1 {
    margin: 0 !important; /* margin을 0으로 설정 */
}