.elementor-808 .elementor-element.elementor-element-66d93a64{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0;--padding-bottom:0;--padding-left:5%;--padding-right:5%;}@media(min-width:768px){.elementor-808 .elementor-element.elementor-element-66d93a64{--content-width:1020px;}}/* Start custom CSS for container, class: .elementor-element-66d93a64 *//* 회원가입 폼 제출 버튼 기본 상태 */
.elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form input[type="submit"],
.elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form button[type="submit"],
.elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form .btn-submit {
    background-color: #FF5A36 !important;
    border-color: #FF5A36 !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important; /* 부드러운 호버 효과 */
}

/* 회원가입 폼 제출 버튼 호버(마우스 오버) 상태 */
.elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form input[type="submit"]:hover,
.elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form button[type="submit"]:hover,
.elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form .btn-submit:hover {
    background-color: #E04828 !important; /* 기존보다 살짝 어두운 톤으로 눌리는 느낌 강조 */
    border-color: #E04828 !important;
}

/* 모바일 화면 여백 디테일 축소 (회원가입 페이지용 업데이트) */
@media (max-width: 767px) {
    /* 1. 폼 전체 안쪽 여백 */
    .elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form {
        padding: 20px 15px !important; 
    }

    /* 2. 각 입력 필드(이메일, 비밀번호 등) 사이의 하단 간격을 로그인 창과 동일하게 12px로 축소 */
    .elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form .div_text,
    .elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form .div_textarea {
        margin-bottom: 12px !important; 
    }

    /* 3. 라벨 텍스트(이메일, 성함 등 글자)와 입력칸 박스 사이의 간격 미세 축소 */
    .elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form .text,
    .elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form .textarea {
        margin-bottom: 5px !important;
    }

    /* 4. 회원가입 버튼 자체의 높이(Padding)를 로그인 버튼과 통일 */
    .elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form .buttons {
        padding: 12px 0 !important;
    }
}

/* 하단 '*필수' 안내 문구 전체 스타일 (로그인 링크와 동일한 회색 및 14px) */
.elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form .req-text {
    font-size: 14px !important;
    color: #777777 !important;
    margin-top: 10px !important; /* 버튼과 간격 살짝 띄우기 */
}

/* 별표(*) 기호에만 브랜드 컬러 및 굵기 적용 */
.elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form .req-text .req {
    color: #FF5A36 !important;
    font-weight: 500 !important;
    margin-right: 3px !important; /* 별표와 글자 사이 간격 미세 조정 */
}

/* 안내/오류 메시지 영역 회색 배경 제거 및 텍스트 스타일링 */
.elementor-808 .elementor-element.elementor-element-66d93a64 .cosmosfarm-members-form .message {
    background-color: transparent !important; /* 배경 투명하게 */
    border: none !important; /* 테두리 제거 */
    box-shadow: none !important; /* 그림자 제거 */
    padding: 0 0 20px 0 !important; /* 아래 폼과의 간격 띄우기 */
    color: #FF5A36 !important; /* 오류/안내 문구를 브랜드 컬러로 강조하여 가독성 확보 */
    font-weight: 500 !important;
    text-align: center !important; /* 문구 가운데 정렬 */
}/* End custom CSS */