.sidebar{ width: 25%; }
.sidebar_box{
    margin-bottom: 4.8rem;
    border-radius: 2rem;
    box-shadow: 0 .5rem 1.5rem 0 rgba(173, 173, 173, 0.35);
    overflow: hidden;
}
.sidebar_title{
    padding: 1.6rem 7.6%;
    font-size: clamp(1.5rem, 1.0416666666666665vw, 2rem);
    color: #fff;
    background-color: var(--dull-green);
}
.sidebar_contents{
    padding: 1.6rem 7.6%;
    background-color: #fff;
}
.sidebar_a, .sidebar_contents_cat li a{
    border-bottom: .1rem dashed #cbc3b8;
    padding: .8rem 0;
    display: block;
    font-size: clamp(1.5rem, 1.0416666666666665vw, 2rem);
}
.sidebar_li:last-of-type .sidebar_a, .sidebar_contents_cat li:last-of-type a{ border-bottom: none; }
.sidebar_search{
    border: .1rem solid #a8a19b;
    border-radius: 1rem;
    display: flex;
    height: clamp(4rem, 3.125vw, 6rem);
    justify-content: space-between;
    overflow: hidden;
}
.sidebar_search_input{
    border: none;
    padding: .8rem .8rem;
    width: calc(100% - 23.23%);
}
.sidebar_search_icon{
    width: 23.23%;
    background: #dff2dc url(../img/common/sideSearch.png) no-repeat center center;
    background-size: 16px;
}
.sidebar_search_icon button {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
/* .sidebar_search_icon img{
    width: clamp(1.6rem, 1.0416666666666665vw, 2rem);
    height: clamp(1.6rem, 1.0416666666666665vw, 2rem);
    font-size: 0;
} */
@media screen and ( max-width: 1200px ){
    .sidebar{ width: 20rem; }
}
@media screen and ( max-width: 780px ){
    .sidebar{ width: 100%; }
    .sidebar_box{ margin-bottom: 2.4rem; }
    .sidebar_title, .sidebar_contents{ padding: 1.6rem 2.4rem; }
    .sidebar_search_input{ width: calc(100% - 5.6rem); }
    .sidebar_search_icon{ width: 5.6rem; }
    .sidebar_toggle{
        position: relative;
    }
    .sidebar_toggle::before{
        content: "";
        position: absolute;
        top: 2.5rem;
        right: 2.4rem;
        width: 2rem;
        height: .971rem;
        background-image: url(../img/common/arrowB_white.png);
        transition: all .3s;
    }
    .open::before{
        top: 2.3rem;
        transform: rotate(180deg);
    }
    .sidebar_contents_cat{ display: none; }
}