.elementor-223 .elementor-element.elementor-element-2461d4b{--display:flex;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-223 .elementor-element.elementor-element-2461d4b:not(.elementor-motion-effects-element-type-background), .elementor-223 .elementor-element.elementor-element-2461d4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-223 .elementor-element.elementor-element-299ffe9{--spacer-size:30px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-223 .elementor-element.elementor-element-ad0b90f .elementor-heading-title{font-family:"pretendard", Sans-serif;font-size:1.2em;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-223 .elementor-element.elementor-element-ca52202{font-family:"pretendard", Sans-serif;font-size:1.5em;font-weight:700;}.elementor-223 .elementor-element.elementor-element-d58d00f{--spacer-size:100px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-223 .elementor-element.elementor-element-2461d4b{--content-width:500px;}}@media(max-width:1024px){.elementor-223 .elementor-element.elementor-element-2461d4b{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-223 .elementor-element.elementor-element-2461d4b{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-34bbe6f *//* ==========================================================================
   KBoard 게시판 목록 커스텀 스타일 (ovilab 최종본 v2)
   ========================================================================== */

/* ----- 1. 기본 스타일 및 불필요 요소 숨김 ----- */
#kboard-default-list { max-width: 800px; margin: 0 auto; padding: 20px; background: #fff; }
#kboard-default-list .kboard-list-header .kboard-total-count, .kboard-total-count, #kboard-sort-form-1, .kboard-list-header, .kboard-default-new-notify, .kboard-list table thead, .kboard-list-uid, .kboard-list-vote, .kboard-list-view, .kboard-default-poweredby, .kboard-list-user, .kboard-list-date, .kboard-mobile-contents { display: none !important; }
#kboard-default-list .kboard-list tbody td.kboard-list-title img { content: url('https://ovilab.co.kr/wp-content/uploads/2025/06/lock-icon.png'); width: 16px; height: 16px; vertical-align: middle; margin-left: 8px; }
.kboard-list table { width: 100%; border-collapse: collapse; border: none; }

/* ----- 2. 게시글 행 레이아웃 (Flexbox) ----- */
.kboard-list tbody tr { display: flex; padding: 10px; background: #fff; border-top: 1px solid #E2E2E2 !important; align-items: center; /* 세로 정렬 기준: 중앙 (원으로 변경되면서 중앙 정렬이 보기 좋음) */ gap: 20px; }
.kboard-list tbody tr td { border: none !important; padding: 0; margin: 0; }

/* ----- 3. 상태 표시 영역 (왼쪽 컬럼) - 원형으로 수정 ----- */
.kboard-list tbody tr::before {
    content: "답변\A대기중";
    white-space: pre-line;
    width: 90px; /* 원 크기 조절 (정사각형 유지를 위해 height와 동일하게) */
    height: 90px; /* 원 크기 조절 (정사각형 유지를 위해 width와 동일하게) */
    border-radius: 50%; /* 완벽한 원 만들기 */
    background: #F4F5F6;
    color: #444444;
    padding: 0; /* 패딩 제거 또는 필요시 조절 */
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    flex-shrink: 0;
    display: flex; /* 내부 텍스트 중앙 정렬용 */
    align-items: center; /* 내부 텍스트 세로 중앙 */
    justify-content: center; /* 내부 텍스트 가로 중앙 */
    box-sizing: border-box;
}

/* ★★★★★ 답변완료 조건 최종 수정 v2 ★★★★★ */
/* 행(tr) 내부에 .kboard-comments-count 클래스를 가진 요소가 존재하고, 그 요소가 비어있지 않으면 '답변완료'로 표시 */
.kboard-list tbody tr:has(.kboard-comments-count:not(:empty))::before {
    content: "답변\A완료";
    color:#F15383;
    background: #F2F6FF;
}

/* ----- 4. 콘텐츠 영역 (오른쪽 컬럼) - 기존 유지 ----- */
.kboard-list-title { flex-grow: 1; display: flex; flex-direction: column; gap: 8px; margin-bottom: 0; }
.kboard-list-title::before { content: "문의사항"; color: #F15383; font-size: 17px; font-weight: 600; margin-bottom: 0; order: 1; }
.kboard-list-title a { text-decoration: none; color: #444444; font-weight: 600; order: 2; display: flex; align-items: center; gap: 8px; }
.kboard-list-title .kboard-default-cut-strings { font-size: 16px; font-weight: 500; line-height: 1.4; color: #333; margin: 0; display: inline; }
.kboard-list-title a .kboard-comments-count { font-size: 14px; color: #F15383; font-weight: 600; margin-left: 4px; }
.user-date-container { font-size: 14px; color: #666; margin-top: 5px; order: 3; }

/* ----- 5. 페이지네이션 및 검색 폼 스타일 (기존 유지) ----- */
.kboard-pagination { text-align: center; margin: 30px 0; display: flex; justify-content: center; align-items: center; width: 100%; gap: 10px; }
.kboard-pagination-pages { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; }
.kboard-pagination-pages li { margin: 0 5px; }
.kboard-pagination-pages li a { padding: 8px 12px; border: 1px solid #F4F5F6; color: #333; text-decoration: none; border-radius: 5px; transition: background-color 0.2s, color 0.2s; }
.kboard-pagination-pages li a:hover { background-color: #f0f0f0; }
.kboard-pagination-pages li.active a { background: #F15383 !important; color: white !important; border-color: transparent !important; }
.pagination-nav-btn { background: #F4F5F6; border-radius: 30px; border: none; cursor: pointer; padding: 8px; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s; }
.pagination-nav-btn:hover { background-color: #e0e0e0; }
.pagination-nav-btn:disabled { cursor: not-allowed; opacity: 0.5; }
.pagination-nav-btn img { width: 24px; height: 20px; }
.kboard-search { text-align: center; margin: 20px 0; padding: 20px; background: #f8f9fa; border-radius: 8px; }
.kboard-search select, .kboard-search input[type="text"] { padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; margin-right: 10px; }
.kboard-default-button-small { background: #4A90E2; color: white; border: none; padding: 8px 16px; border-radius: 4px; text-decoration: none; display: inline-block; cursor: pointer; transition: background-color 0.2s; }
.kboard-default-button-small:hover { background: #357abd; }

/* ----- 6. 답변 글 숨김 해제 (기존 코드 주석 처리) ----- */
/*
.kboard-list tbody tr:has(img[src*="icon-reply"]) { display: none !important; }
.kboard-list tbody tr:has(.kboard-default-cut-strings:contains("Re:")) { display: none !important; }
*/
/* ========================================================================== *//* End custom CSS */