@charset "utf-8";

/* [1] 전체 배경 및 텍스트 설정 */
.register { background: #000 !important; color: #fff !important; padding: 60px 20px; max-width: 1200px; margin: 0 auto; box-sizing: border-box; }
.register h2 { color: #fff !important; font-size: 1.3em; margin-bottom: 15px; border: 0 !important; font-weight: 700; }
.register p { color: #eee !important; margin-bottom: 25px; }

/* [2] 약관 섹션 박스 */
#fregister_term, #fregister_private { background: #111 !important; padding: 25px; border: 1px solid #222 !important; margin-bottom: 35px; border-radius: 8px; }
.register textarea { background: #000 !important; color: #bbb !important; border: 1px solid #333 !important; padding: 15px; width: 100%; height: 180px; border-radius: 4px; line-height: 1.6; }

/* [3] 개인정보 수집 테이블 */
.register table { border-top: 2px solid #333 !important; width: 100% !important; background: #000 !important; margin-top: 15px; border-collapse: collapse !important; }
.register th { background: #1a1a1a !important; color: #fff !important; border: 1px solid #222 !important; padding: 12px; font-weight: 600; font-size: 15px; }
.register td { background: #000 !important; border: 1px solid #222 !important; padding: 12px; color: #aaa !important; line-height: 1.5; font-size: 14px; text-align: center; }
.register td:nth-child(2) { text-align: left; }

/* [4] 체크박스 및 라벨 */
.fregister_agree { text-align: right; margin-top: 15px; }
.fregister_agree label { color: #ff3061 !important; font-weight: bold; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
.fregister_agree input[type="checkbox"] { width: 18px; height: 18px; cursor: pointer; }

/* [5] 전체 동의 섹션 */
#fregister_chkall { background: #1a1a1a !important; padding: 20px; border: 1px solid #333 !important; text-align: center; margin: 40px 0; border-radius: 5px; }
#fregister_chkall label { color: #fff !important; font-size: 1.15em; font-weight: 700; }

/* [6] 하단 버튼 디자인 - 태그 간 크기 편차 완전 제거 최종본 */
.btn_confirm {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    margin-top: 50px !important;
    padding-bottom: 60px !important;
    width: 100% !important;
}

.btn_confirm .btn_close,
.btn_confirm .btn_submit {
    /* 브라우저 기본값 완전 박멸 */
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    border: 1px solid #fff !important; /* 흰색 테두리 */

    /* 1px의 오차도 허용하지 않는 크기 고정 */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 200px !important;
    min-width: 200px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;

    /* 폰트 및 스타일 */
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    transition: 0.3s;
    cursor: pointer !important;
    text-decoration: none !important;
    line-height: 1 !important; /* flex 중앙정렬을 위해 1로 설정 */
    font-family: 'Noto Sans KR', sans-serif !important;
}

/* 취소 버튼 스타일 (회색 배경) */
.btn_confirm .btn_close {
    background: #444 !important;
    color: #fff !important;
}

/* 회원가입 버튼 스타일 (핑크 배경) */
.btn_confirm .btn_submit {
    background: #ff3061 !important;
    color: #fff !important;
}

/* 마우스 호버 효과 */
.btn_confirm .btn_close:hover { background: #555 !important; opacity: 0.9; }
.btn_confirm .btn_submit:hover { background: #e62050 !important; opacity: 0.9; }

/* 아이콘 컬러 */
.fa-check-circle, .fa-caret-right { color: #ff3061; margin-right: 5px; }