/* =========================
   고객지원 공통 레이아웃
   - 클라우드 기술지원 문의 / 문의하기
========================= */

/* 고객지원 상단 영역 */
.supportIntro {
    height: auto;
}

/* 고객지원 타이틀 영역 */
.supportIntro .titleArea {
    text-align: center;
    margin: 80px 0 20px;
}

.supportIntro .titleArea h2 {
    font-size: 48px;
    line-height: 1.2;
}

/* 목록/상세 상단 우측 버튼 영역 */
.supportIntro .btnArea {
    display: flex;
    justify-content: flex-end;
    padding: 20px 0;
}

/* 공통 버튼 스타일 (글쓰기 / 상세) */
.supportIntro .btnWrite {
    background: #0033ff;
    color: #fff;
    padding: 8px 16px;
    border-radius: 3px;
    font-size: 14px;
}

.supportIntro .btnWrite:hover {
    background: #333;
    color: #fff;
}

/* 고객지원 콘텐츠 내부 래퍼 */
.supportInner {
    position: relative;
    width: 1280px;
    margin: 100px auto 0;
}

/* =========================
   고객지원 폼 공통
   - 글쓰기 / 상세 조회
========================= */

/* 폼 행 공통 */
.formRow {
    display: flex;
    border: 1px solid #e0e0e0;
    border-top: none;
}

.formRow:first-child {
    border-top: 1px solid #e0e0e0;
}

/* 폼 라벨 영역 */
.formLabel {
    width: 160px;
    background: #f5f6f8;
    padding: 12px 10px;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* 폼 입력 영역 */
.formField {
    flex: 1;
    padding: 10px 14px;
    background: #fff;
    box-sizing: border-box;
}

.formField input,
.formField select,
.formField textarea {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* textarea 전용 */
.formField textarea {
    height: 140px;
    padding: 10px;
    resize: vertical;
}

/* =========================
   이메일 입력 영역
========================= */

/* 이메일 한 줄 구성 */
.emailField {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* @ 기호 */
.emailField .at {
    font-weight: bold;
    color: #555;
}

/* 이메일 input / select 높이 통일 */
.emailField input,
.emailField select {
    height: 36px;
    padding: 0 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* 이메일 ID */
.emailField input[name="emailId"] {
    width: 180px;
}

/* 이메일 도메인 select */
.emailField select {
    width: 160px;
}

/* 이메일 도메인 직접입력 */
.emailField input[name="emailDomainCustom"] {
    width: 160px;
}

/* =========================
   상세 조회 버튼 영역
========================= */

.detail-btn-area {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 30px;
}

.detail-btn-area .btnWrite {
    min-width: 90px;
    height: 36px;
}