@charset "UTF-8";

/* 공통 테이블 기본 설정 */
table{
    border-collapse: collapse;   /* 셀 경계선 합치기 */
    width: 100%;                 /* 가로 전체 */
    text-align: left;            /* 기본 좌측 정렬 */
}

/* 테이블 헤더 셀 */
table tr th{
    height: 25px;
    font-size: 12px;
    background: #f4f4f4;         /* 헤더 배경색 */
    font-weight: 600;
    color: #555;
    text-align: center;          /* 헤더 텍스트 중앙 */
}

/* 테이블 일반 셀 */
table tr td{
    font-size: 12px;
    height: 40px;
    border-bottom: 1px solid #aaa;
    padding: 14px 10px;          /* 셀 내부 여백 */
    text-align: left; /* 좌측 정렬 고정 */
}

table.upload_table tr td{
	border-bottom: none;	
}

/* 첫 번째 열 (번호 / 라벨 등) */
table tr td:first-child{
    width: 50px;
}

table.register-detail-table tr.first-tr{
	border-top: 1px solid #aaa;
}

/* 마지막 열 (버튼 등) */
table tr td:last-child{
    padding: 0;
}

/* 텍스트 / 비밀번호 입력창 */
table tr td input[type = text],
table tr td input[type = password]{
    margin: 0;
    height: 38px;
    font-size: 14px;
    padding: 0 12px;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    text-align: left !important;
}

/* 버튼 / 제출 버튼 */
table tr td input[type = button],
table tr td input[type = submit]{
    padding: 5px;
    font-size: 12px;
    background: rgba(200,200,200,0.2);
    border: 1px solid #e1e1e1;
}

table tr td input[type = button],
table tr td input[type = file]{
	cursor: pointer;
}

/* 버튼 hover 상태 */
table tr td input[type = button]:hover,
table tr td input[type = submit]:hover{
    background: rgba(255,255,255,0.2);
    border: 1px solid #e1e1e1;
}

/* 셀렉트 박스 */
table tr td select{
    margin: 5px;
}

/* 하단 버튼 영역 래퍼 */
.a-button-wrap{
    text-align: right;           /* 버튼 우측 정렬 */
    width: 788px;
    height: 50px;
    margin: 0 auto;
    margin-top: 15px;
}

/* 링크 형태 버튼 */
.a-button-wrap .a-button{
    font-size: 12px;
    font-weight: normal;
    color: BLACK;
    border-radius: 3px;
    text-decoration: none;
    border: 1px solid #a1a1a1;
    padding: 10px 10px;
    margin: auto 10px;
    background: rgba(66,66,66,0.1);
}

/* 링크 버튼 hover */
.a-button-wrap .a-button:hover{
    font-size: 12px;
    color: #555;
    background: rgba(255,255,255,0.6);
    cursor: pointer;
}

/* Q&A 본문 입력 영역 */
.qna_content{
    width: 99%;
    min-height: 350px;
}

/* 콘텐츠 감싸는 래퍼 */
.content-wrap{
    padding: 5px 0;
}

/* 폼 입력 셀 정렬 */
.table_wrap td.form-input {
    text-align: left;
}

/* 로그인 관련 행 (기본 숨김) */
tr.login {
    display: none;
}

/* 로그인 안내 문구가 있을 때만 표시 */
tr.login:has(#login_text span:not(:empty)) {
    display: table-row;
}

/* 로그인 안내 텍스트 */
.login3 {
    display: block;
    text-align: center;
    color: #007AC3;
    font-family: NanumGothicBold;
    margin-bottom: 20px;
}

/* 특정 입력칸(form-input2) 안의 입력창 너비 지정 */
td.form-input2 input {
    width: 183px;
}

/* 버튼이 들어있는 셀을 오른쪽 정렬 */
.btn-right {
    text-align: right !important;
    padding-right: 15px !important;
}

/* 테이블 영역 제목(h1) 아래 여백 */
.table_wrap h1 {
    margin-bottom: 20px;
}

.thumb-preview {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
  }
  .thumb-preview img {
    max-width: 150px;
    max-height: 150px;
    display: block;
  }