/* 데스크탑 드랍다운 List HTML에 있음 */
.dropdown-select{
    font-size : var(--text-base);
    padding : var(--spacing-sm) var(--spacing-base);   /*세로, 가로*/
}

/* 데스크탑 드랍다운 List HTML에 있음 */
.dropdown-select option{
    font-size : var(--text-base);
    /*height : 20px;*/
    /*margin-bottom : var(--spacing-2xs); */  /*세로, 가로*/
 /*   padding-bottom : var(--spacing-2xs); */  /*세로, 가로*/
}

/*데스크탑 검색 폼*/
.search-form{
    display: flex;
    align-items : center; /*수직 중앙 정렬*/
    justify-content: flex-end;
    margin-left: auto;
    flex-flow: row nowrap;
    text-align : right; /*오른쪽 정렬*/
    width : 25rem;
    max-width : 100%;
    margin-bottom : var(--spacing-base);
}

.search-box{
    display: flex;
    align-items : center; /*수직 중앙 정렬*/
    border: 1px solid var(--silver);
    border-radius: 0.25rem;
    background : white;
    height : 45px;
}

.search-input{
    width: 100%;
    max-width: 50vw;
    height: 2rem;
  /*  border: 1px solid var(--silver);*/
    border : none;
    background: var(--white);
  /*  border-radius: 0.25rem;*/
    padding: 0.125rem 0.75rem;
    outline : none; /*포커스 됐을 때, 테두리 제거*/
}

.search-button{
    border : none;
    background: var(--white);
}


.glass-icon{
    width : 1.5rem;
    color : var(--secondary-color);
}





/*필터, 쓰기, 검색 버튼 LIST HTML에 있음*/
.button-container{
    display: flex;
    align-items : center;
    flex-wrap : wrap;   /* 화면 작아 졌을 때, 넘치면 아래칸으로 밀기 */
    padding-bottom : var(--spacing-base);
    justify-content : space-between;
}

/* 일렬 오른쪽 끝 */
.button-wrap{
    display: flex;
    flex-wrap : wrap;   /* 화면 작아 졌을 때, 넘치면 아래칸으로 밀기 */
    justify-content: flex-end;
}

/* 모바일 모드 */
@media (max-width: 767px){
    /* 모바일 버젼, 드랍다운 버튼 크기 조절 List HTML에 있음*/
    .dropdown-select{
        margin : var(--spacing-2xs);
    }
}