#sh_bo_list.report {
    margin : 3.75rem auto 12.5rem;
}
.search-area {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    background-color: var(--yellow100);
    padding: 1rem 2.5rem;
    border-radius: 10px;
    margin-bottom: 3.75rem;
}

.search-area > form {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.search-area > form > select {
    border: none;
    padding: .5rem 1rem;
    color: var(--black);
    font-size: var(--static---body1);
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.025rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.1183 1.86229L4.43944 5.18344C4.58314 5.32696 4.77794 5.40758 4.98104 5.40758C5.18414 5.40758 5.37894 5.32696 5.52264 5.18344L8.84379 1.86229C8.91909 1.79213 8.97948 1.70752 9.02137 1.6135C9.06326 1.51949 9.08579 1.418 9.0876 -1.6849C9.08942 1.21219 9.07049 1.10997 9.03194 1.01454C8.99339 0.919105 8.93602 0.832414 8.86324 0.759636C8.79046 0.686858 8.70377 0.629484 8.60834 0.590938C8.51291 0.552391 8.41069 0.53346 8.30778 0.535276C8.20488 0.537091 8.10339 0.559616 8.00938 0.601505C7.91536 0.643395 7.83075 0.703791 7.76058 0.779091L4.98104 3.55863L2.2015 0.779091C2.05621 0.643711 1.86405 0.570008 1.6655 0.573511C1.46694 0.577014 1.2775 0.657451 1.13708 0.797872C0.996655 0.938293 0.91622 1.12774 0.912717 1.32629C0.909214 1.52484 0.982916 1.71701 1.1183 1.86229Z' fill='%23515151' stroke='%23515151' stroke-width='0.710532'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.search-area > form > select:focus {
    border: none!important;
    outline: none!important;
}
.search-area > form > input[type="text"]:not(.datepicker) {
    border: none;
    padding: .5rem 1rem;
    color: var(--black);
    font-size: var(--static---body1);
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.025rem;
    background-image: url("/theme/edu1034-res/img/search.png");
    background-repeat: no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.search-area > form > input[type="text"].datepicker {
    border: none;
    padding: .5rem 1rem;
    color: var(--black);
    font-size: var(--static---body1);
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.025rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M19 9H1M14 1V5M6 1V5M5.8 21H14.2C15.8802 21 16.7202 21 17.362 20.673C17.9265 20.3854 18.3854 19.9265 18.673 19.362C19 18.7202 19 17.8802 19 16.2V7.8C19 6.11984 19 5.27976 18.673 4.63803C18.3854 4.07354 17.9265 3.6146 17.362 3.32698C16.7202 3 15.8802 3 14.2 3H5.8C4.11984 3 3.27976 3 2.63803 3.32698C2.07354 3.6146 1.6146 4.07354 1.32698 4.63803C1 5.27976 1 6.11984 1 7.8V16.2C1 17.8802 1 18.7202 1.32698 19.362C1.6146 19.9265 2.07354 20.3854 2.63803 20.673C3.27976 21 4.11984 21 5.8 21Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.1183 1.86229L4.43944 5.18344C4.58314 5.32696 4.77794 5.40758 4.98104 5.40758C5.18414 5.40758 5.37894 5.32696 5.52264 5.18344L8.84379 1.86229C8.91909 1.79213 8.97948 1.70752 9.02137 1.6135C9.06326 1.51949 9.08579 1.418 9.0876 -1.6849C9.08942 1.21219 9.07049 1.10997 9.03194 1.01454C8.99339 0.919105 8.93602 0.832414 8.86324 0.759636C8.79046 0.686858 8.70377 0.629484 8.60834 0.590938C8.51291 0.552391 8.41069 0.53346 8.30778 0.535276C8.20488 0.537091 8.10339 0.559616 8.00938 0.601505C7.91536 0.643395 7.83075 0.703791 7.76058 0.779091L4.98104 3.55863L2.2015 0.779091C2.05621 0.643711 1.86405 0.570008 1.6655 0.573511C1.46694 0.577014 1.2775 0.657451 1.13708 0.797872C0.996655 0.938293 0.91622 1.12774 0.912717 1.32629C0.909214 1.52484 0.982916 1.71701 1.1183 1.86229Z' fill='%23515151' stroke='%23515151' stroke-width='0.710532'/%3E%3C/svg%3E");
    background-repeat: no-repeat,no-repeat;
    background-position: 0.75rem center ,calc(100% - 0.75rem) center !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    text-align: center;
    background-size: 1.125rem;
    width: 12.375rem;
}
.search-area > form > *:focus {
    border: none!important;
    box-shadow: 0 0 5px var(--yellow200);
    outline: none!important;
}
.search-area > form > button[type="submit"] {
    border: none;
    padding: .8725rem 3rem;
    color: var(--white);
    font-size: var(--static---body1);
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.025rem;
    background-color: var(--yellow200);
    border-radius: 10px;
}

@media (max-width: 768px) {
    .search-area > form {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .search-area > form > select {
        width: 100%;
    }

    .search-area > form > button[type="submit"] {
        width: 40%;
    }

    .search-area > form > input[type="text"].datepicker {
        width: 100%;
    }

    .search-area > form > input[type="text"]:not(.datepicker) {
        width: 55%;
    }
}

/* 게시판 목록 */
#bo_item_list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
#bo_item_list > li {
    border-bottom: 1px solid var(--gray100);
    padding-bottom: 2rem;
}


#bo_list > .paging {
    margin-top: 3.75rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
#bo_list > .paging > a {
    display: inline-flex;
    align-items: center;
}
#bo_list > .paging > a.disabled {
    pointer-events: none;
}
#bo_list > .paging i.lebob {
    font-size: 1.5rem;
    color: var(--black);
}

#bo_list > .paging > .paging-num {
    display: inline-flex;
}
#bo_list > .paging > .paging-num > a {
    font-size: var(--static---body1);
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.025rem;
    color: var(--gray400);
    border-radius: 8px;
    text-align: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
}
#bo_list > .paging > .paging-num > a.current {
    background: var(--yellow300, #FB0);
    color: var(--white);
    pointer-events: none;
}
#bo_list > .paging > .paging-num > a + a {
    margin-left: .5rem;
}



/* board view */
.item-content.view {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2.5rem;
    border-top: 1px solid var(--gray300, #888);
    padding-top: 2.125rem;
}
.item-content.view > .item-header {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
}
.item-content.view > .item-header > h5 {
    color: var(--gray400, #3A3A3A);
    font-size : var(--static---sub4);
    font-weight: 500;
    line-height: 130.769%;
    letter-spacing: -0.0325rem;
    margin-left: 2.5rem;
}
.item-content.view > .item-header > p {
    color: var(--gray300, #888);
    font-size : var(--static---caption1);
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.02rem;
    margin-left: 2.5rem;
}


.item-content.view > .item-view {
    margin-top: .5rem;
}



/* 상세 페이지 관리자 버튼 */
.btn-area {
    margin-top: 3.75rem;
    display: flex;
    justify-content: space-between;
}
.btn-area > ul {
    display: flex;
    flex-direction: row;
    gap: .25rem;
    width: 100%;
}
.btn-area > ul:not(.left):not(.right) {
    justify-content: center;
}
.btn-area > ul.left {
    justify-content: flex-start;
}
.btn-area > ul.right {
    justify-content: flex-end;
}

/* 상세 페이지 사용자 버튼 */
.btn-area > ul > li > a:not(.btn_line):not(.btn_normal):not(.btn_type01) {
    padding: .87rem 3rem;
    background-color: var(--yellow200);
    font-size: var(--static---body1);
    color: var(--white);
    border-radius: 10px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.025rem;
    border: none;
    white-space: nowrap;
    align-items: center;
    display: inline-flex;
}

.item-content.view > .item-file > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
}
.item-content.view > .item-file > ul > li {
    border: 1px solid var(--gray100, #E3E3E3);
    background-color:  var(--white);
    border-radius: 25px;
    padding: 2.12rem 1.875rem;
    align-items: center;
    display: flex;
    cursor: pointer;
    position: relative;
    background-color: var(--white);
    z-index: 0;
    overflow: hidden;
}
.item-content.view > .item-file > ul > li:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    background-color: var(--yellow200);
    transition: all 0.3s;
    border-radius: 25px;
    z-index: -1;
}
@media(hover:hover) {
    .item-content.view > .item-file > ul > li:hover {
        border: 1px solid var(--yellow200);
    }
    .item-content.view > .item-file > ul > li:hover:before {
        width: 100%
    }
    .item-content.view > .item-file > ul > li:hover > * {
        color: var(--white);
    }

}
.item-content.view > .item-file > ul > li > p {
    color: var(--gray400, #3A3A3A);
    font-size: var(--static---body2);
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.025rem;
}
.item-content.view > .item-file > ul > li > i {
    font-size: 2rem;
    margin-left: .5rem;
}