#kboard-suggest-list{
    position:relative;
    width:100%;
    margin:0 auto;
    padding:38px;
    box-sizing:border-box;
    border-radius:20px;

    background:
    radial-gradient(circle at top,
    rgba(120,70,20,.08),
    transparent 45%),

    linear-gradient(to bottom,
    rgba(24,14,8,.97),
    rgba(9,5,2,.99));

    border:1px solid rgba(168,112,38,.28);

    box-shadow:
    0 0 45px rgba(0,0,0,.72),
    inset 0 1px 0 rgba(255,220,140,.05);

    overflow:hidden;
}

/* 상단 빛 */
#kboard-suggest-list:before{
    content:'';
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:60%;
    height:1px;

    background:
    linear-gradient(to right,
    transparent,
    rgba(255,220,140,.45),
    transparent);
}

/* 상단 */
.board-top-wrap{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    margin-bottom:34px;
    flex-wrap:wrap;
}

/* 셀렉트 */
#kboard-suggest-list select{
    height:46px;
    padding:0 16px;
    border-radius:10px;
    border:1px solid #5d3914;

    background:
    linear-gradient(to bottom,
    #1a0d06,
    #100702);

    color:#efbf73;
    outline:none;

    transition:.25s;
}

#kboard-suggest-list select:hover,
#kboard-suggest-list select:focus{
    border-color:#d89d48;
}

/* 검색 */
.kboard-search form{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.kboard-search input{
    width:260px;
    height:46px;
    padding:0 16px;
    border-radius:10px;
    outline:none;

    border:1px solid #48301b;

    background:
    linear-gradient(to bottom,
    #1a1d22,
    #121417);

    color:#fff;

    transition:.25s;
}

.kboard-search input:focus{
    border-color:#d89d48;
    box-shadow:0 0 12px rgba(255,190,90,.12);
}

/* 버튼 */
.kboard-search-btn,
.write-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:46px;
    padding:0 24px;

    border:none;
    border-radius:10px;

    cursor:pointer;
    text-decoration:none;

    font-size:13px;
    font-weight:700;

    color:#2d1700;

    background:
    linear-gradient(to bottom,
    #ffdf92,
    #c68220);

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    0 0 14px rgba(255,190,80,.12);

    transition:all .25s ease;
}

.kboard-search-btn:hover,
.write-btn:hover{
    transform:translateY(-2px);

    background:
    linear-gradient(to bottom,
    #ffe7ab,
    #d08b28);

    box-shadow:
    0 0 18px rgba(255,185,70,.35);
}

/* 리스트 */
.kboard-list-wrap{
    display:flex;
    flex-direction:column;
    gap:14px;
}

/* 게시글 */
.board-item{
    position:relative;

    display:flex;
    justify-content:space-between;
    align-items:center;

    min-height:78px;
    padding:0 24px;

    border-radius:14px;

background: linear-gradient(to right, rgb(46 20 8 / 90%), rgb(7 0 0 / 92%));

    border:1px solid rgba(132,33,15,.8);

    overflow:hidden;

    text-decoration:none;

    transition:all .28s ease;
}

/* 새글 glow */
.board-item.new-item{
    border-color:#b44a12;

    box-shadow:
    0 0 18px rgba(255,120,0,.08),
    inset 0 1px 0 rgba(255,255,255,.03);
}

/* 빛반사 */
.board-item.new-item:before{
    content:'';

    position:absolute;
    top:0;
    left:-140px;

    width:80px;
    height:100%;

    background:
    linear-gradient(to right,
    transparent,
    rgba(255,255,255,.12),
    transparent);

    transform:skewX(-25deg);

    animation:reflectMove 3s linear infinite;
}

.board-item:hover{
    transform:translateY(-2px);

    border-color:#ffb84d;

    box-shadow:
    0 0 22px rgba(255,145,0,.18),
    inset 0 1px 0 rgba(255,255,255,.03);
}

/* 좌측 */
.board-left{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:0;
}

/* 제목 wrap */
.board-title-wrap{
    display:flex;
    align-items:center;
    gap:12px;
    position:relative;
}

/* NEW */
.board-new-badge{
    position:relative;

    min-width:54px;
    height:26px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:30px;

    background:
    linear-gradient(to bottom,
    #ff6767,
    #cf1f1f);

    color:#fff;
    font-size:11px;
    font-weight:700;

    overflow:hidden;

    box-shadow:
    0 0 12px rgba(255,80,80,.35),
    inset 0 1px 0 rgba(255,255,255,.2);
}

/* NEW 반사 */
.board-new-badge:before{
    content:'';

    position:absolute;
    top:0;
    left:-60px;

    width:30px;
    height:100%;

    background:
    linear-gradient(to right,
    transparent,
    rgba(255,255,255,.65),
    transparent);

    transform:skewX(-25deg);

    animation:newReflect 2.5s linear infinite;
}

/* 제목 */
.board-title{
    position:relative;

    color:#ffe2a7;
    font-size:15px;
    font-weight:500;

    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* 새글 제목 */
.board-title.is-new{
    color:#fff0c7;

    text-shadow:
    0 0 8px rgba(255,210,120,.3);
}

/* 제목 반사 */
.board-title.is-new:before{
    content:'';

    position:absolute;
    top:0;
    left:-120px;

    width:60px;
    height:100%;

    background:
    linear-gradient(to right,
    transparent,
    rgba(255,255,255,.22),
    transparent);

    transform:skewX(-25deg);

    animation:titleReflect 3s linear infinite;
}

/* 비밀글 */
.secret-badge{
    padding:7px 15px;
    border-radius:30px;

    background:
    linear-gradient(to bottom,
    #ff8d8d,
    #cb2f2f);

    color:#fff;
    font-size:11px;
    font-weight:700;

    flex-shrink:0;
}

/* 우측 */
.board-right{
    display:flex;
    align-items:center;
    gap:26px;

    flex-shrink:0;

    color:#d3a564;
    font-size:13px;
}

/* 댓글 */
.board-comment{
    display:flex;
    align-items:center;
    justify-content:center;

    min-width:46px;
    height:32px;
    padding:0 12px;

    border-radius:30px;

    background:
    linear-gradient(to bottom,
    #2d1708,
    #1b0d05);

    color:#876241;

    font-size:12px;
    font-weight:600;
}

.board-comment.active{
    background:
    linear-gradient(to bottom,
    #4e1e08,
    #341206);

    color:#ffc977;
}

/* 페이지 */
.kboard-pagination{
    margin-top:42px;
}

.kboard-pagination-pages{
    display:flex;
    justify-content:center;
    gap:10px;

    padding:0;
    margin:0;

    list-style:none;
}

.kboard-pagination-pages li a,
.kboard-pagination-pages li span{
    width:44px;
    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:
    linear-gradient(to bottom,
    #1c0e06,
    #110803);

    border:1px solid #5a3816;

    color:#dfb168;
    text-decoration:none;
}

.kboard-pagination-pages li.active span{
    background:
    linear-gradient(to bottom,
    #ffdf92,
    #bf7b1f);

    color:#2c1700;
    font-weight:700;
}

/* 글쓰기 */
.kboard-control{
    margin-top:42px;
}

/* 애니메이션 */
@keyframes reflectMove{

    0%{
        left:-140px;
    }

    100%{
        left:140%;
    }

}

@keyframes titleReflect{

    0%{
        left:-120px;
    }

    100%{
        left:140%;
    }

}

@keyframes newReflect{

    0%{
        left:-60px;
    }

    100%{
        left:180%;
    }

}

/* 모바일 */
@media(max-width:768px){

    #kboard-suggest-list{
        padding:24px;
    }

    .board-top-wrap{
        flex-direction:column;
        align-items:stretch;
    }

    .kboard-search form{
        flex-wrap:wrap;
    }

    .kboard-search input{
        width:100%;
    }

    .board-item{
        flex-direction:column;
        align-items:flex-start;

        gap:16px;

        padding:18px;
    }

    .board-right{
        width:100%;
        justify-content:space-between;
        gap:10px;

        flex-wrap:wrap;
    }

    .board-title{
        white-space:normal;
        line-height:1.5;
    }

}