.board-type-title {
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 320;
}

#list_search {
    margin-top: 2rem;
    padding: 0 1rem;
}

#list_form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    height: 36px;
}

#list_form #searchtype,
#list_form #searchkw,
#list_form #search_btn {
    height: 100%;
    border: 1px solid var(--color-lightgray);
}

#list_form #searchtype {
    width: 100px;
}

#list_form #searchkw {
    width: 200px;
    padding: 0 10px;
}

#list_form #search_btn {
    width: 80px;
    background: var(--color-btngray);
    color: var(--color-white);    
}

.board-wrap {
    padding: 0 1rem;
}

.board-list {
    margin-top: 2rem;    
    border-top: 5px solid var(--color-lightgray);
}

.board-notice,
.board-normal {
    list-style: none;
    padding: 0;
    margin: 0;
}

.board-notice .board-element {
    background: #FBFBFD;    
}
.board-notice .board-element .board-title {
    font-weight: bold;
}

.board-element {
    padding: 1rem 1rem;
    border-bottom: 1px solid var(--color-lightgray);    
}
.board-normal .board-element {
    transition: background 0.2s ease;
}
.board-normal .board-element:hover {
    background: #F4F9FF;
}

.board-element a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--color-dark);    
}

.board-title {
    flex-grow: 1;    
    padding-right: 2rem;
    display: flex;
    align-items: center;    
}
.board-title .board-title-wrap {
    margin: 0;
    max-width: 700px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.board-title .board-cmt-wrap {
    margin-bottom: 0;
    margin-left: 10px;
    color: #4C6AEB;
}
.board-title .board-icon {
    margin-left: 5px;
    max-height: 16px;
}

.board-info {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: var(--color-gray3);
}

.board-writer {
    width: 100px;
    text-align: right;
}

.board-view {
    width: 80px;
    text-align: right;   
}

.board-view svg {
    width: 13px;
    height: 13px;
}

.board-date {
    width: 100px;
    text-align: right;
}

.board-btns {
    display: flex;
    justify-content: flex-end;
    gap: 5px;    
    margin: 2rem 0;
}

#board_write_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background: var(--color-blue);
    border: 1px solid var(--color-blue);
    color: var(--color-white); 
    text-decoration: none;   
    transition: background 0.2s ease, color 0.2s ease;
}

#board_write_btn:hover {
    background: var(--color-white);
    color: var(--color-blue);
}