/* BASIC css start */
/* Google Fonts Noto Sans KR 불러오기 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

/* =========================================
   게시판 전체 Noto Sans KR 폰트 적용
========================================= */
#bbsData,
#bbsData * {
    font-family: 'Noto Sans KR', sans-serif !important;
}

/* =========================================
   상단 Q&A 글자 크기 강제 확대 (14px)
========================================= */
#bbsData .qna-write-title .qna-label,
#bbsData .bbs-write-title .eng,
#bbsData .board-write-title .eng,
#bbsData .write-title .eng,
#bbsData .bbs-write-title span,
#bbsData .board-write-title span,
#bbsData .write-title span,
#bbsData .bbs-write-title p,
#bbsData .board-write-title p,
#bbsData .write-title p:first-child {
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
}

/* =========================================
   1. 레이아웃 기본 설정
========================================= */
#bbsData .page-body {
    width: 820px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* =========================================
   2. Q&A 상단 소개 영역
========================================= */
#bbsData .qna-write-title,
#bbsData .bbs-write-title,
#bbsData .board-write-title,
#bbsData .write-title {
    margin: 0 auto 32px !important;
    padding: 35px 0 20px !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #c8b27a !important;
    text-align: center !important;
}

#bbsData .qna-write-title *,
#bbsData .bbs-write-title *,
#bbsData .board-write-title *,
#bbsData .write-title * {
    background-color: transparent !important;
}

#bbsData .qna-write-title strong,
#bbsData .bbs-write-title h2,
#bbsData .board-write-title h2,
#bbsData .write-title h2 {
    display: block !important;
    margin: 0 0 8px !important;
    color: #222 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    letter-spacing: -1px !important;
}

#bbsData .qna-write-title .qna-label,
#bbsData .bbs-write-title .eng,
#bbsData .board-write-title .eng,
#bbsData .write-title .eng {
    display: block !important;
    margin-bottom: 10px !important;
    color: #b69a55 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
}

#bbsData .qna-write-title p,
#bbsData .bbs-write-title p,
#bbsData .board-write-title p,
#bbsData .write-title p {
    margin: 0 !important;
    color: #888 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

#bbsData .qna-head,
#bbsData .board-head,
#bbsData .bbs-head {
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
}

#bbsData .qna-head::before,
#bbsData .qna-head::after,
#bbsData .board-head::before,
#bbsData .board-head::after {
    display: none !important;
}

/* =========================================
   3. 상품 정보 (Q&A 연결 상품)
========================================= */
#bbsData .prd-tinfo {
    width: 100% !important;
    margin: 0 0 24px !important;
    padding: 15px !important;
    border: 1px solid #e5e5e5 !important;
    box-sizing: border-box !important;
}

#bbsData .prd-tinfo dt {
    width: 60px !important;
    height: 60px !important;
    margin-right: 15px !important;
}

#bbsData .prd-tinfo dt img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover !important;
}

#bbsData .prd-tinfo dd {
    width: auto !important;
    float: none !important;
}

#bbsData .prd-tinfo dd ul {
    min-height: auto !important;
    padding: 5px 0 !important;
    border: 0 !important;
}

#bbsData .prd-tinfo dd ul li {
    padding: 2px 0 !important;
    color: #666 !important;
    font-size: 12px !important;
}

#bbsData .prd-tinfo dd ul li .tit {
    width: 60px !important;
    color: #999 !important;
}

/* =========================================
   4. 게시판 작성 폼 메인 테이블 레이아웃
========================================= */
#bbsData .qna-write-form,
#bbsData .bbs-table-write {
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

#bbsData .qna-write-form fieldset {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

#bbsData .qna-write-form table,
#bbsData .bbs-table-write {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    border: 1px solid #ddd !important;
    box-sizing: border-box !important;
}

#bbsData .qna-write-form tr,
#bbsData .bbs-table-write tr {
    border-bottom: 1px solid #ddd !important;
}

#bbsData .qna-write-form th,
#bbsData .bbs-table-write th {
    width: 110px !important;
    padding: 14px 12px !important;
    border-right: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    background: #fafafa !important;
    color: #555 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-align: left !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

#bbsData .qna-write-form td,
#bbsData .bbs-table-write td {
    padding: 8px 12px !important;
    border-right: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    color: #666 !important;
    font-size: 12px !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

#bbsData .qna-write-form tr td:last-child,
#bbsData .bbs-table-write tr td:last-child,
#bbsData .qna-write-form tr th:last-child,
#bbsData .bbs-table-write tr th:last-child {
    border-right: 1px solid #ddd !important;
}

/* =========================================
   5. 입력 폼 요소 (Input, Select)
========================================= */
#bbsData .qna-write-form input[type="text"],
#bbsData .qna-write-form input[type="password"],
#bbsData .qna-write-form input[type="email"],
#bbsData .bbs-table-write input[type="text"],
#bbsData .bbs-table-write input[type="password"],
#bbsData .bbs-table-write input[type="email"],
#bbsData .bbs-table-write select {
    height: 38px !important;
    padding: 0 12px !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    color: #555 !important;
    font-size: 12px !important;
    box-sizing: border-box !important;
    outline: none !important;
}

#bbsData input[type="text"]:focus,
#bbsData input[type="password"]:focus,
#bbsData input[type="email"]:focus {
    border-color: #b8a06a !important;
}

/* NAME / PASSWORD */
#bbsData .qna-write-form .qna-user-row input[type="text"],
#bbsData .qna-write-form .qna-user-row input[type="password"] {
    width: 150px !important;
}

/* EMAIL / TITLE 입력창 폭 조정 */
#bbsData .input_style2,
#bbsData .qna-title-row .title,
#bbsData .qna-title-row input[type="text"],
#bbsData .qna-write-form input[type="email"] {
    width: calc(100% - 2px) !important; /* 99%보다 깔끔하게 2px만 살짝 줄여서 테두리를 살립니다 */
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* EMAIL 영역 전체 및 내부 요소 폭 줄이기 */
#bbsData .qna-email-row input,
#bbsData .qna-email-row select,
#bbsData .qna-write-form .email-input,
#bbsData .qna-write-form td input[name*="email"],
#bbsData .qna-email-row .email_wrap {
    width: calc(100% - 3px) !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 이메일 감싸는 박스 자체가 넘치는 경우 */
#bbsData .qna-email-row td > div,
#bbsData .qna-email-row td > table {
    width: calc(100% - 2px) !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ORDER NUMBER */
#bbsData .qna-write-form .myorder {
    position: relative !important;
}

#bbsData .qna-write-form .myorder .input-group {
    position: relative !important;
    display: inline-block !important;
}

#bbsData .qna-write-form .myorder .input-group input[type="text"] {
    width: 220px !important;
}

#bbsData .qna-write-form .btn_gray {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    margin-left: 4px !important;
    padding: 0 14px !important;
    border: 1px solid #ddd !important;
    background: #f7f7f7 !important;
    color: #666 !important;
    font-size: 11px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

/* =========================================
   6. CONTENT 영역 및 스마트에디터 완벽 이탈 방지
========================================= */
#bbsData .qna-content-row th {
    vertical-align: top !important;
    padding-top: 18px !important;
}

#bbsData textarea {
    width: 99% !important;
    min-height: 250px !important;
    padding: 12px !important;
    border: 1px solid #ddd !important;
    box-sizing: border-box !important;
}

/* 에디터가 위치한 셀(td) 자체의 크기 계산 규칙 고정 */
#bbsData .qna-content-row td,
#bbsData .bbs-table-write td {
    position: relative !important;
    box-sizing: border-box !important;
    overflow: hidden !important; /* 넘치는 요소를 테두리 뒤로 강제 숨김 */
}

/* 스마트에디터 로딩 후 테두리를 침범하지 않도록 여백 및 최대 너비 고정 */
#bbsData td table,
#bbsData td iframe,
#bbsData td .editor,
#bbsData td .content-editor,
#bbsData td .editor_wrap,
#bbsData td .husky_seditor_editing_area_container {
    width: 100% !important;
    max-width: calc(100% - 1px) !important; /* 테두리와 겹치지 않게 1px 축소 */
    box-sizing: border-box !important;
}

/* 네이버 스마트에디터 본체 영역 강제 교정 */
#bbsData td iframe[name^="se2_"],
#bbsData td .se2_input_area {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* =========================================
   7. FILE & 개인정보 동의 영역 (슬림화)
========================================= */
#bbsData .qna-write-form .qna-file-row input[type="file"] {
    max-width: 100% !important;
    font-size: 12px !important;
}

/* 감싸는 td 안쪽 여백 축소 (기존 20px -> 12px) */
#bbsData .qna-write-form .qna-privacy-row td {
    padding: 12px 15px !important;
    background: #fafafa !important;
}

#bbsData .qna-write-form .new-privercy-contract {
    width: 100% !important;
    box-sizing: border-box !important;
}

#bbsData .qna-write-form .new-privercy-contract > p {
    margin: 0 0 6px !important;
    color: #555 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-align: left !important;
}

/* 동의안 내역 테이블/박스 패딩 슬림화 */
#bbsData .qna-write-form .new-privercy-contract table th,
#bbsData .qna-write-form .new-privercy-contract table td {
    padding: 6px 10px !important;
    font-size: 11px !important;
}

/* 텍스트상자 형태일 경우 높이 축소 (기존 120px -> 70px) */
#bbsData .qna-write-form .privercy-contract textarea {
    width: 100% !important;
    height: 70px !important;
    min-height: 70px !important;
    padding: 8px !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    color: #777 !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    box-sizing: border-box !important;
}

/* 라디오 버튼 여백 정돈 */
#bbsData .qna-write-form .privercy-agree {
    margin-top: 8px !important;
    font-size: 11px !important;
    text-align: left !important;
}

#bbsData .qna-write-form .privercy-agree label {
    margin-right: 15px !important;
}

/* =========================================
   8. 하단 버튼 영역 및 모달 레이어
========================================= */
#bbsData .qna-write-buttons {
    margin: 40px 0 30px !important; /* 위쪽 40px, 아래쪽 30px 여백 추가 */
    padding: 0 !important;
    text-align: center !important;
}

#bbsData .qna-write-buttons dd {
    margin: 0 !important;
}

#bbsData .qna-write-buttons a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 110px !important;
    height: 42px !important;
    margin: 0 4px !important;
    border-radius: 3px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

#bbsData .qna-write-buttons .qna-cancel {
    border: 1px solid #ddd !important;
    background: #fff !important;
    color: #777 !important;
}

#bbsData .qna-write-buttons .qna-submit {
    border: 1px solid #b8a06a !important;
    background: #b8a06a !important;
    color: #fff !important;
}

#bbsData .qna-write-buttons .qna-submit:hover {
    background: #a88a45 !important;
    border-color: #a88a45 !important;
}
/* BASIC css end */