.booklist_container {
    display:flex;
    align-items:flex-start;
    gap:50px;
}
#booklist {
    flex:1;
}
#booklist .list_top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:30px;
}
#booklist .list_top .total {
    font-size:0.88rem;
    font-weight:400;
    display:flex;
    align-items:center;
}
#booklist .list_top .select select {
    border:1px solid #555;
    min-width:120px;
    border-radius:999px;
    padding:10px 20px;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M7.49996 11.7752C7.23113 11.7752 6.96233 11.6726 6.75737 11.4677L0.307712 5.01798C-0.102571 4.6077 -0.102571 3.9425 0.307712 3.53238C0.717829 3.12226 1.3829 3.12226 1.79322 3.53238L7.49996 9.23946L13.2067 3.53258C13.617 3.12246 14.282 3.12246 14.6921 3.53258C15.1026 3.9427 15.1026 4.6079 14.6921 5.01818L8.24255 11.4679C8.03749 11.6728 7.76869 11.7752 7.49996 11.7752Z' fill='%23222222'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 10px center;
    font-size:0.88rem;
    font-weight:400;
    color:#222;
}
#booklist .booklist_list {
    display:flex;
    flex-wrap: wrap;
    gap:30px;
}
#booklist .booklist_list .list_box .list_thumb img {
    width: 100%;
    max-width: 200px;
    border-radius: 20px;
}
#booklist .booklist_list .list_box {
    width:calc(50% - 25px);
    display:flex;
    align-items:flex-start;
    gap:20px;
}
#booklist .booklist_list .list_box .list_thub img {
    max-width:200px;
    border-radius:20px;
}
#booklist .booklist_list .list_box .booklist_info {
    flex:1;
    display:flex;
    flex-direction:column;
    gap:10px;
}
#booklist .booklist_list .list_box .booklist_info .book_cate {
    display:flex;
    align-items:center;
    gap:20px;
}
#booklist .booklist_list .list_box .booklist_info .book_cate p {
    font-size:0.87rem;
    font-weight:400;
    color:#774C9E;
    position: relative;
}
#booklist .booklist_list .list_box .booklist_info .book_cate p::before {
    content:'';
    width:2px;
    height:2px;
    border-radius:99px;
    background-color:#774C9E;
    position:absolute;
    left:-12px;
    top:50%;
    transform:translateY(-50%);
}
#booklist .booklist_list .list_box .booklist_info .book_cate p:first-child::before {
    display:none;
}
#booklist .booklist_list .list_box .booklist_info .book_name {
    font-size:1.37rem;
    font-weight:600;
    margin-bottom:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height:24px;
}
#booklist .booklist_list .list_box .booklist_info .book_content {
    font-size:1rem;
    font-weight:400;
    color:#555;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height:57px;
}
#booklist .booklist_list .list_box .booklist_info .book_writer {
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 0;
}
#booklist .booklist_list .list_box .booklist_info .book_writer p {
    font-size:1.12rem;
    font-weight:500;
}
#booklist .booklist_list .list_box .booklist_info .book_writer .book_writer_name {
    font-weight:700;
}
#booklist .booklist_list .list_box .booklist_info .booklist_meta {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
}
#booklist .booklist_list .list_box .booklist_info .booklist_meta > div {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size:0.87rem;
    font-weight:700;
    color:#555;
    padding:5px;
}
#booklist .booklist_list .list_box .booklist_info .booklist_meta p svg {
    width:12px;
    height:auto;
}
#booklist .booklist_list .list_box .booklist_info .booklist_tags {
    display:flex;
    flex-wrap: wrap;
    align-items:center;
    gap:10px;
    height: 60px;
    overflow: hidden;
}
#booklist .booklist_list .list_box .booklist_info .booklist_tags .tag {
    background-color:#FAF5FF;
    border-radius:999px;
    padding:3px 10px;
    font-size:0.87rem;
    font-weight:400;
    color:#774C9E;
}


#booklist .searchless {
    height:200px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin: auto;
}
#booklist .searchless .searchless_ti {
    text-align:center;
    font-size:1.66rem;
    font-weight:600;
    letter-spacing:-0.9px;
}
#booklist .searchless .searchless_co {
    font-size:1.11rem;
    font-weight:400;
    letter-spacing:-0.6px;
    text-align:center;
}

.rumiPaging .page-btn-mobile {
    display: none;
    height: 40px;
    padding: 0 8px;
    border: 1px solid #CACACA;
    border-radius: 2px;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.8px;
    color: #8E8E8E;
}

/* 반응형 미디어쿼리 css */
@media (max-width:1200px) {
    #booklist .booklist_list .list_box .list_thub img {
        max-width:160px;
    }
}
@media (max-width:991px) {
    #booklist .booklist_list {
        gap:20px;
    }
    #booklist .booklist_list .list_box {
        flex-direction:column;
        gap:10px;
        width:calc(20% - 16px);
    }
    #booklist .booklist_list .list_box .list_thub img {
        max-width:100%;
    }
    #booklist .booklist_list .list_box .booklist_info .book_name {
        margin-bottom:0;
        font-size: 1.2rem;
    }
    #booklist .booklist_list .list_box .booklist_info .book_writer .book_writer_name {
        font-size: 1rem;
    }
    #booklist .booklist_list .list_box .booklist_info .book_writer {
        padding:0;
    }
    #booklist .booklist_list .list_box .booklist_info .book_cate {
        display:none;
    }
    #booklist .booklist_list .list_box .booklist_info .book_content {
        display:none;
    }
    #booklist .booklist_list .list_box .booklist_info .booklist_meta {
        display:none;
    }
    #booklist .booklist_list .list_box .booklist_info .booklist_tags {
        display:none;
    }
}
@media (max-width:768px) {
    #booklist .booklist_list .list_box .list_thub img {
        border-radius:5px;
    }
    #booklist .booklist_list .list_box .booklist_info .book_name {
        font-size:1.25rem;
    }
    #booklist .booklist_list .list_box .booklist_info .book_writer p {
        font-size:1rem;
    }

    /* 모바일에서 페이징 버튼만 보이도록 */
    .rumiPaging .page-btn {
        display: none !important;
    }
    .rumiPaging .prev-page,
    .rumiPaging .next-page {
        display: flex !important;
        width: 40px;
    }
}
@media (max-width:640px) {
    #booklist .booklist_list {
        gap:10px 15px;
    }
    #booklist .booklist_list .list_box {
        width:calc(33.333% - 10px);
    }
      #booklist .booklist_list .list_box .booklist_info .book_name {
        font-size:0.87rem;
        height:auto;
    }
    #booklist .booklist_list .list_box .booklist_info .book_writer p {
        font-size:0.68rem;
    }
}

/* 479px 이하에서 페이징 버튼만 보이도록 */
@media all and (max-width:479px) {
    .rumiPaging .page-btn-mobile {
        display: flex !important;
    }
}