section{
    width: 95%;
    margin: 35px auto 30px;
}

.search_container{
    width: 100%;
    border-bottom: 2px solid #999999;
}

.search_box{
    width: 100%;
    height: 35px;
    
    display: flex;
    align-items: center;
}

.search_box>select{
    border: 0;
    width: 70px;
    height: 35px;
    margin-left: 10px;
    color: #797979;
    font-family:'NotoSansKR-Regular' ;
    font-size: 13px;
}

.search_area{
    display: flex;
    margin-left: 20px;
    width: 77%;
    height: 35px;
}

.search_area>input{
    width: 86%;
    height: 35px;
    border: 0;
    color: #797979;
    font-family:'NotoSansKR-Regular' ;
    font-size: 13px;
}

.delete_btn{
    width: 15px;
    padding-top: 8px;
}

.search_btn{
    width: 30px;
    padding-top: 3px;
    margin-left: 4px;
}

.delete_btn>img,
.search_btn>img{
    width: 100%;
}

.notice_area{
    width: 100%;
    margin-top: 17px;
}

.search_result{
    text-align: right;
}

.search_result>p{
    color: #797979;
    font-family:'NotoSansKR-Regular' ;
    font-size: 13px;
    letter-spacing: normal;
}

#first_notice_box{
    margin-top: 12px;
    border-top: 1px solid #D3D3D3;
}

.notice_box{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #D3D3D3;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.notice_name{
    width: 85%;
}

.name,
.date{
    font-family:'NotoSansKR-Regular' ;
}

.name{
    font-size: 14px;
    color: #191919;
    letter-spacing: -1px;
}

.date{
    color: #999999;
    font-size: 12px;
}

.arrow_img{
    width: 8px;
}

.arrow_img>a>img{
    width: 100%;
}

.page_number_box{
    width: 100%;
    margin: 18px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow_box{
    width: 15px;
    padding-top: 5px;
    box-sizing: border-box;

    margin: 0 4px;
}

.arrow_box>img{
    width: 100%;
}

.page_number{
    margin: 0 10px;
    width: 20%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.page_number>a{
    color: #999999;
    font-size: 12px;    
    font-family:'NotoSansKR-Regular' ;
}

.black{
    color: #191919;
}


@media all and (min-width:374px){

*{
    margin: 0;
    padding: 0;
}

html,body{
    position: relative;
}

a{
    text-decoration: none;
    display: block;
}

ul,ol,li{
    list-style: none;
}

span,p,h1{
    letter-spacing: -1px;
}

section{
    width: 95%;
    margin: 35px auto 30px;
}

.search_container{
    width: 100%;
    border-bottom: 2px solid #999999;
}

.search_box{
    width: 100%;
    height: 35px;
    
    display: flex;
    align-items: center;
}

.search_box>select{
    border: 0;
    width: 70px;
    height: 35px;
    margin-left: 10px;
    color: #797979;
    font-family:'NotoSansKR-Regular' ;
    font-size: 14px;
}

.search_area{
    display: flex;
    margin-left: 20px;
    width: 77%;
    height: 35px;
}

.search_area>input{
    width: 86%;
    height: 35px;
    border: 0;
    color: #797979;
    font-family:'NotoSansKR-Regular' ;
    font-size: 14px;
}

.delete_btn{
    width: 15px;
    padding-top: 8px;
}

.search_btn{
    width: 30px;
    padding-top: 3px;
    margin-left: 4px;
}

.delete_btn>img,
.search_btn>img{
    width: 100%;
}

.notice_area{
    width: 100%;
    margin-top: 17px;
}

.search_result{
    text-align: right;
}

.search_result>p{
    color: #797979;
    font-family:'NotoSansKR-Regular' ;
    font-size: 14px;
    letter-spacing: normal;
}

#first_notice_box{
    margin-top: 12px;
    border-top: 1px solid #D3D3D3;
}

.notice_box{
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #D3D3D3;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.notice_name{
    width: 85%;
}

.name,
.date{
    font-family:'NotoSansKR-Regular' ;
}

.name{
    font-size: 16px;
    color: #191919;
    letter-spacing: -1px;
}

.date{
    color: #999999;
    font-size: 14px;
}

.arrow_img{
    width: 8px;
}

.arrow_img>a>img{
    width: 100%;
}

.page_number_box{
    width: 100%;
    margin: 25px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow_box{
    width: 15px;
    padding-top: 5px;
    box-sizing: border-box;

    margin: 0 4px;
}

.arrow_box>img{
    width: 100%;
}

.page_number{
    margin: 0 10px;
    width: 30%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.page_number>a{
    color: #999999;
    font-size: 14px;    
    font-family:'NotoSansKR-Regular' ;
}

.black{
    color: #191919;
}



}