/* BASIC css start */
/* =========================================================
   FALLING LAND
   BOARD > 질문과 대답(상품 문의) > 목록
   PC + MOBILE
   ========================================================= */

#bbsData {
    width:100%;
    color:#333;
}

#bbsData .page-body {
    width:100%;
    margin:0;
    padding:0;
}


/* =========================================================
   상단 게시판 메뉴
   ========================================================= */

#bbsData .bbs-hd {
    width:100%;
    margin:0 0 35px;
    padding:0;
    border-bottom:1px solid #e5e5e5;
}

#bbsData .bbs-hd .link {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:0;
    margin:0;
    padding:0;
    list-style:none;
}

#bbsData .bbs-hd .link li {
    position:relative;
    margin:0;
    padding:0 16px;
}

#bbsData .bbs-hd .link li:first-child {
    padding-left:0;
}

#bbsData .bbs-hd .link li:after {
    position:absolute;
    top:50%;
    right:0;
    width:1px;
    height:9px;
    background:#ddd;
    transform:translateY(-50%);
    content:"";
}

#bbsData .bbs-hd .link li.last:after,
#bbsData .bbs-hd .link li:last-child:after {
    display:none;
}

#bbsData .bbs-hd .link li a {
    display:block;
    padding:0 0 12px;
    color:#888;
    font-size:10px;
    font-weight:400;
    line-height:1.4;
    text-decoration:none;
}

#bbsData .bbs-hd .link li a:hover {
    color:#222;
}


/* =========================================================
   게시판 제목 + 검색
   ========================================================= */

#bbsData .bbs-tit {
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    width:100%;
    margin:0;
    padding:0 0 12px;
    border-bottom:1px solid #333;
    box-sizing:border-box;
}

#bbsData .bbs-tit h3 {
    margin:0;
    padding:0;
    color:#222;
    font-size:16px;
    font-weight:600;
    line-height:1.4;
}


/* 검색 */

#bbsData .bbs-sch {
    margin:0;
    padding:0;
}

#bbsData .bbs-sch fieldset {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    margin:0;
    padding:0;
    border:0;
}

#bbsData .bbs-sch legend {
    display:none;
}

#bbsData .bbs-sch label {
    display:flex;
    align-items:center;
    gap:2px;
    margin:0;
    color:#777;
    font-size:9px;
    font-weight:400;
    white-space:nowrap;
}

#bbsData .bbs-sch input[type="radio"] {
    width:12px;
    height:12px;
    margin:0 2px 0 0;
    vertical-align:middle;
}

#bbsData .bbs-sch .key-wrap {
    display:flex;
    align-items:center;
    margin-left:4px;
}

#bbsData .bbs-sch .key-wrap input[type="text"] {
    width:150px;
    height:28px;
    padding:0 7px;
    border:1px solid #ddd;
    border-right:0;
    border-radius:0;
    outline:0;
    background:#fff;
    color:#444;
    font-size:9px;
    box-sizing:border-box;
}

#bbsData .bbs-sch .key-wrap a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:28px;
    border:1px solid #ddd;
    background:#fff;
    box-sizing:border-box;
}

#bbsData .bbs-sch .key-wrap a img {
    display:block;
    max-width:100%;
}


/* =========================================================
   게시판 TABLE
   ========================================================= */

#bbsData .bbs-table-list {
    width:100%;
    margin:0;
}

#bbsData .bbs-table-list table {
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    table-layout:fixed;
}

#bbsData .bbs-table-list thead th {
    height:42px;
    padding:9px 4px;
    border-bottom:1px solid #e5e5e5;
    background:#fff;
    color:#777;
    font-size:9px;
    font-weight:500;
    line-height:1.4;
    vertical-align:middle;
    box-sizing:border-box;
}

#bbsData .bbs-table-list tbody td {
    min-height:50px;
    padding:12px 5px;
    border-bottom:1px solid #eee;
    background:#fff;
    color:#666;
    font-size:10px;
    font-weight:400;
    line-height:1.6;
    vertical-align:middle;
    box-sizing:border-box;
}

#bbsData .bbs-table-list .tb-center {
    text-align:center;
}

#bbsData .bbs-table-list .tb-left {
    text-align:left;
}

#bbsData .bbs-table-list .tb-bold {
    color:#333;
    font-weight:500;
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

#bbsData .bbs-table-list tbody td img[width="60"] {
    display:block;
    width:60px;
    height:60px;
    margin:0 auto;
    object-fit:cover;
}


/* =========================================================
   CONTENT / 상품명 / 제목
   ========================================================= */

#bbsData .bbs-table-list tbody td a {
    color:#555;
    font-weight:400;
    text-decoration:none;
}

#bbsData .bbs-table-list tbody td a:hover {
    color:#111;
}

#bbsData .bbs-table-list tbody td .tb-left {
    word-break:break-word;
}

#bbsData .bbs-table-list tbody td .tb-left > a {
    line-height:1.7;
}


/* 상품명 */

#bbsData .bbs-table-list tbody td .tb-left > a[href*="product"] {
    color:#999;
    font-size:9px;
}


/* NEW / HIT / 관리자 등의 이미지 아이콘 */

#bbsData .bbs-table-list tbody td img {
    vertical-align:middle;
}


/* 삭제된 원글 안내 */

#bbsData .bbs-table-list tbody td .tb-left > div[style] {
    margin-bottom:4px;
    color:#999 !important;
    font-size:9px !important;
    font-weight:400;
}


/* =========================================================
   NOTICE
   ========================================================= */

#bbsData .bbs-table-list tbody tr:first-child td {
    background:#fafafa;
}

#bbsData .bbs-table-list tbody td .tb-bold {
    color:#333;
}


/* =========================================================
   하단 WRITE + PAGING
   ========================================================= */

#bbsData .bbs-btm {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:42px;
    margin-top:25px;
}

#bbsData .bbs-link {
    position:absolute;
    top:0;
    right:0;
}

#bbsData .bbs-link a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:90px;
    height:34px;
    padding:0;
    border:1px solid #aaa;
    border-radius:0;
    background:#fff;
    color:#444;
    font-size:9px;
    font-weight:500;
    line-height:34px;
    text-decoration:none;
    box-sizing:border-box;
}

#bbsData .bbs-link a:hover {
    border-color:#333;
    color:#111;
}


/* PAGING */

#bbsData .bbs-paging {
    width:auto;
}

#bbsData .paging {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    margin:0;
    padding:0;
}

#bbsData .paging a {
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:27px;
    height:27px;
    margin:0;
    padding:0 5px;
    border:0;
    background:none;
    color:#999;
    font-size:10px;
    font-weight:400;
    line-height:27px;
    text-decoration:none;
    box-sizing:border-box;
}

#bbsData .paging a:hover {
    color:#333;
}

#bbsData .paging a.now {
    color:#111;
    font-weight:600;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width:768px) {

    /* 게시판 메뉴 */

    #bbsData .bbs-hd {
        margin-bottom:25px;
    }

    #bbsData .bbs-hd .link {
        row-gap:8px;
    }

    #bbsData .bbs-hd .link li {
        padding:0 9px;
    }

    #bbsData .bbs-hd .link li:first-child {
        padding-left:0;
    }

    #bbsData .bbs-hd .link li a {
        padding-bottom:8px;
        font-size:9px;
    }


    /* 제목 */

    #bbsData .bbs-tit {
        display:block;
        padding-bottom:10px;
    }

    #bbsData .bbs-tit h3 {
        font-size:15px;
    }


    /* 검색 */

    #bbsData .bbs-sch {
        margin-top:12px;
    }

    #bbsData .bbs-sch fieldset {
        justify-content:flex-start;
        flex-wrap:wrap;
        gap:5px;
    }

    #bbsData .bbs-sch label {
        font-size:8px;
    }

    #bbsData .bbs-sch .key-wrap {
        width:100%;
        margin:4px 0 0;
    }

    #bbsData .bbs-sch .key-wrap input[type="text"] {
        flex:1;
        width:auto;
        height:30px;
    }

    #bbsData .bbs-sch .key-wrap a {
        width:38px;
        height:30px;
    }


    /* =====================================================
       모바일 게시판
       중요하지 않은 NO / 아이콘 / NAME / HITS 숨김
       ===================================================== */

    #bbsData .bbs-table-list colgroup col:nth-child(1),
    #bbsData .bbs-table-list colgroup col:nth-child(2),
    #bbsData .bbs-table-list th:nth-child(1),
    #bbsData .bbs-table-list th:nth-child(2),
    #bbsData .bbs-table-list td:nth-child(1),
    #bbsData .bbs-table-list td:nth-child(2) {
        display:none;
    }

    /*
       상품 이미지가 출력되는 상품문의 게시판 기준
       NAME = 5번째
       HITS = 7번째
    */

    #bbsData .bbs-table-list colgroup col:nth-child(5),
    #bbsData .bbs-table-list colgroup col:nth-child(7),
    #bbsData .bbs-table-list th:nth-child(5),
    #bbsData .bbs-table-list th:nth-child(7),
    #bbsData .bbs-table-list td:nth-child(5),
    #bbsData .bbs-table-list td:nth-child(7) {
        display:none;
    }

    #bbsData .bbs-table-list colgroup col:nth-child(3) {
        width:60px !important;
    }

    #bbsData .bbs-table-list colgroup col:nth-child(4) {
        width:auto !important;
    }

    #bbsData .bbs-table-list colgroup col:nth-child(6) {
        width:68px !important;
    }

    #bbsData .bbs-table-list thead th {
        height:38px;
        padding:8px 3px;
        font-size:8px;
    }

    #bbsData .bbs-table-list tbody td {
        padding:10px 4px;
        font-size:8px;
        line-height:1.5;
    }

    #bbsData .bbs-table-list tbody td img[width="60"] {
        width:48px;
        height:48px;
    }


    /* 하단 */

    #bbsData .bbs-btm {
        display:block;
        min-height:0;
        margin-top:20px;
        padding-bottom:48px;
    }

    #bbsData .bbs-link {
        top:auto;
        right:0;
        bottom:0;
    }

    #bbsData .bbs-link a {
        width:80px;
        height:32px;
        font-size:8px;
        line-height:32px;
    }

    #bbsData .bbs-paging {
        width:100%;
    }
}
/* BASIC css end */