/*
 * 작업진행 전용 스타일
 * KBoard ID 5 / work_board 에만 적용합니다.
 * KBoard 기본 스킨 파일 자체는 수정하지 않습니다.
 */
#kboard-default-list.soooa-work-board-v3 {
    width: 950px !important;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 55px;
    box-sizing: border-box;
}

/* 3.0.13: Site Frame의 전역 폰트가 모바일 KBoard 기본 CSS에 의해 덮어써지지 않도록
   작업진행 게시판 내부에만 상속을 명시합니다. 레이아웃/기능은 변경하지 않습니다. */
#kboard-default-list.soooa-work-board-v3,
#kboard-default-list.soooa-work-board-v3 *,
#kboard-default-list.soooa-work-board-v3 *::before,
#kboard-default-list.soooa-work-board-v3 *::after {
    font-family: inherit !important;
}

#kboard-default-list.soooa-work-board-v3 .soooa-work-guide {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    box-sizing: border-box;
    font-size: var(--guide-font, 13px);
    line-height: var(--guide-line-height, 1.55);
    color: var(--desc-color, #7d7d7d);
    text-align: left;
}

#kboard-default-list.soooa-work-board-v3 .soooa-work-guide > div + div {
    margin-top: var(--guide-gap, 3px);
}

#kboard-default-list.soooa-work-board-v3 .soooa-work-guide .finish {
    color: #f32d7e !important;
}

#kboard-default-list.soooa-work-board-v3 .soooa-work-guide .shipping {
    color: #206833 !important;
}

/* 3.0.21: 안내문 상태명(2곳)의 굵기를 가볍게 조정 */
#kboard-default-list.soooa-work-board-v3 .soooa-work-guide strong {
    font-weight: 400 !important;
}

#kboard-default-list.soooa-work-board-v3 .kboard-list {
    width: 100%;
    box-sizing: border-box;
}

#kboard-default-list.soooa-work-board-v3 .kboard-list table {
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

#kboard-default-list.soooa-work-board-v3 .kboard-list th,
#kboard-default-list.soooa-work-board-v3 .kboard-list td {
    box-sizing: border-box;
}

#kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-uid {
    width: 90px !important;
    text-align: center;
    white-space: nowrap;
}

#kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-title {
    width: auto;
    text-align: left;
    overflow: hidden;
}

#kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-title > a {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 3.0.22: 게시판 목록 제목은 기존 전역 굵기 영향을 받지 않도록 400으로 표시 */
#kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-title > a,
#kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-title > a .kboard-default-cut-strings {
    font-weight: 400 !important;
}

#kboard-default-list.soooa-work-board-v3 .kboard-list .soooa-work-status-head,
#kboard-default-list.soooa-work-board-v3 .kboard-list .soooa-work-status-cell {
    width: 150px;
    text-align: center;
    white-space: nowrap;
}

#kboard-default-list.soooa-work-board-v3 .soooa-work-status {
    font-weight: 400;
}

#kboard-default-list.soooa-work-board-v3 .soooa-work-status.finish {
    color: #f32d7e;
}

#kboard-default-list.soooa-work-board-v3 .soooa-work-status.shipping {
    color: #206833;
}

#kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-view {
    width: 62px;
    text-align: center;
    white-space: nowrap;
}

#kboard-default-list.soooa-work-board-v3 .kboard-mobile-contents {
    display: none;
}

/* KBoard Pages V2가 모바일에서 기본 목록 테이블을 숨기는 규칙을 사용하므로,
   작업진행 전용 스킨에서는 같은 테이블을 그대로 모바일에도 표시합니다. */
#kboard-default-list.soooa-work-board-v3 .kboard-list > table {
    display: table;
}

#kboard-default-list.soooa-work-board-v3 .kboard-list tbody td {
    vertical-align: middle;
}

@media (max-width: 700px) {
    #kboard-default-list.soooa-work-board-v3 .soooa-work-guide {
        font-size: var(--guide-mobile-font, 13px);
    }

    #kboard-default-list.soooa-work-board-v3 .kboard-list table {
        table-layout: fixed;
    }

    #kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-uid {
        width: 42px;
    }

    #kboard-default-list.soooa-work-board-v3 .kboard-list .soooa-work-status-head,
    #kboard-default-list.soooa-work-board-v3 .kboard-list .soooa-work-status-cell {
        width: 92px;
        font-size: 13px;
    }

    #kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-view {
        width: 44px;
    }

    #kboard-default-list.soooa-work-board-v3 .kboard-list > table {
        display: table !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }

    #kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-title > a {
        white-space: normal;
        line-height: 1.45;
    }

    #kboard-default-list.soooa-work-board-v3 .kboard-list td,
    #kboard-default-list.soooa-work-board-v3 .kboard-list thead td {
        padding: 10px 6px;
    }
}

/* 3.0.7: 모바일 세로에서 고객 확인용 조회수 표시 */
#kboard-default-list.soooa-work-board-v3 .soooa-work-mobile-meta {
    display: none;
}

@media (max-width: 700px) {
    /* 모바일 세로에서는 작성자/날짜/추천 대신 진행상태와 조회수만 표시합니다. */
    #kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-mobile-contents.soooa-work-mobile-meta {
        display: flex !important;
        align-items: center;
        gap: 18px;
        margin-top: 6px;
        padding: 0;
        line-height: 1.4;
    }

    #kboard-default-list.soooa-work-board-v3 .soooa-work-mobile-status {
        font-weight: 400;
    }

    #kboard-default-list.soooa-work-board-v3 .soooa-work-mobile-status.finish {
        color: #f32d7e;
    }

    #kboard-default-list.soooa-work-board-v3 .soooa-work-mobile-status.shipping {
        color: #206833;
    }

    #kboard-default-list.soooa-work-board-v3 .soooa-work-mobile-view {
        color: #7d8798;
        white-space: nowrap;
    }

    /* 별도 진행상태/조회수 칸은 모바일에서는 숨기고 위 메타 줄만 사용합니다. */
    #kboard-default-list.soooa-work-board-v3 .kboard-list .soooa-work-status-cell,
    #kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-view {
        display: none !important;
    }

    /* 제목과 진행상태 사이의 간격을 기존보다 줄입니다. */
    #kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-title .soooa-work-mobile-meta {
        margin-top: 4px;
    }
}

@media (max-width: 767px) {
    #kboard-default-list.soooa-work-board-v3 {
        padding-top: 15px;
    }
}

/* 3.0.15: 작업진행 비밀번호 확인 화면의 고정 900px 폭을 해제합니다.
   work_board 페이지에서만 이 CSS가 로드되므로 다른 KBoard에는 영향을 주지 않습니다. */
#kboard-default-editor.confirm {
    width: 400px !important;
    max-width: calc(100% - 32px) !important;
    margin: 60px auto !important;
    box-sizing: border-box !important;
    overflow: hidden;
}

#kboard-default-editor.confirm input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    #kboard-default-editor.confirm {
        width: calc(100% - 28px) !important;
        max-width: calc(100% - 28px) !important;
        margin: 30px auto !important;
        padding: 20px !important;
    }
}

/* 3.0.16: 모바일 화면 가로 넘침 방지 */
@media screen and (max-width: 767px) {
    #kboard-default-list.soooa-work-board-v3 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
    #kboard-default-list.soooa-work-board-v3 .soooa-work-guide,
    #kboard-default-list.soooa-work-board-v3 .soooa-work-guide > div,
    #kboard-default-list.soooa-work-board-v3 .soooa-work-guide span {
        max-width: 100% !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: keep-all;
    }
    #kboard-default-list.soooa-work-board-v3 .kboard-list-header,
    #kboard-default-list.soooa-work-board-v3 .kboard-total-count,
    #kboard-default-list.soooa-work-board-v3 .kboard-sort,
    #kboard-default-list.soooa-work-board-v3 .kboard-sort form {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    #kboard-default-list.soooa-work-board-v3 .kboard-list-header {
        align-items: center;
    }
    #kboard-default-list.soooa-work-board-v3 .kboard-sort {
        text-align: right;
    }
    #kboard-default-list.soooa-work-board-v3 .kboard-sort select {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    #kboard-default-list.soooa-work-board-v3 .kboard-list,
    #kboard-default-list.soooa-work-board-v3 .kboard-list > table,
    #kboard-default-list.soooa-work-board-v3 .kboard-list tbody,
    #kboard-default-list.soooa-work-board-v3 .kboard-list tr {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    #kboard-default-list.soooa-work-board-v3 .kboard-list td {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden;
    }
    #kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-title,
    #kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-title > a,
    #kboard-default-list.soooa-work-board-v3 .kboard-default-cut-strings {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow-wrap: break-word !important;
    }
    #kboard-default-list.soooa-work-board-v3 .soooa-work-mobile-meta {
        max-width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
        box-sizing: border-box !important;
    }
    #kboard-default-list.soooa-work-board-v3 .kboard-pagination,
    #kboard-default-list.soooa-work-board-v3 .kboard-pagination ul {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    #kboard-default-list.soooa-work-board-v3 .kboard-search {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
        overflow: hidden;
    }
    #kboard-default-list.soooa-work-board-v3 .kboard-search form,
    #kboard-default-list.soooa-work-board-v3 .kboard-search select,
    #kboard-default-list.soooa-work-board-v3 .kboard-search input,
    #kboard-default-list.soooa-work-board-v3 .kboard-search button {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}

/* 3.0.17: 모바일 가로(landscape)에서 700px 미디어쿼리가 적용되지 않는 기기 대응.
   기존 PC 레이아웃은 유지하고, 좁은 가로 화면에서 작업진행 목록만 화면 폭에 맞춥니다. */
@media screen and (orientation: landscape) and (max-height: 700px) {
    #kboard-default-list.soooa-work-board-v3 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    #kboard-default-list.soooa-work-board-v3 .soooa-work-guide,
    #kboard-default-list.soooa-work-board-v3 .kboard-list-header,
    #kboard-default-list.soooa-work-board-v3 .kboard-list,
    #kboard-default-list.soooa-work-board-v3 .kboard-list > table,
    #kboard-default-list.soooa-work-board-v3 .kboard-pagination,
    #kboard-default-list.soooa-work-board-v3 .kboard-search {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    #kboard-default-list.soooa-work-board-v3 .kboard-list > table {
        table-layout: fixed !important;
    }

    #kboard-default-list.soooa-work-board-v3 .kboard-list td,
    #kboard-default-list.soooa-work-board-v3 .kboard-list th {
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-title,
    #kboard-default-list.soooa-work-board-v3 .kboard-list .kboard-list-title > a,
    #kboard-default-list.soooa-work-board-v3 .kboard-default-cut-strings {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    #kboard-default-list.soooa-work-board-v3 .kboard-sort select {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* 3.0.18: 최근 24시간 이내 새 댓글이 있는 게시글의 댓글 수 강조 */
#kboard-default-list.soooa-work-board-v3 .kboard-comments-count.soooa-recent-comments {
    font-weight: 700 !important;
    color: #206833 !important;
}