.news_content{
    margin: 3rem 0rem 4rem 2rem;
}
.news_detail{
    margin: 3rem 5rem 4rem 2rem;
    display:none;
}
.news_write{
    margin: 3rem 5rem 4rem 2rem;
    display:none;

}
.notice_tot{
    color:rgba(253, 183, 136, 0.8);
    font-weight: bold;
    font-size: 13.5px;
}

.notice_content{
    min-height: 510px;
}

/* 헤더 */
.notice_header{
    width:850px;
    height:45px;
    margin-top:10px;
    /* background-color: rgba(253, 183, 136, 0.2); */
    border-top:2px solid rgba(0, 0, 0, 0.2);
    border-bottom:1px solid rgba(0, 0, 0, 0.2);
}
.notice_detail_header{
    width:850px;
    height:40px;
    background-color: rgba(253, 183, 136, 0.2);
    border-top:3px solid rgba(253, 183, 136, 1);
}
.notice_detail_header_small{
    width:425px;
    height:40px;
    background-color: rgba(253, 183, 136, 0.2);
    border-top:1px solid rgba(253, 183, 136, 1);
    float:left
}
.notice_header,.notice_no,.notice_name,.notice_file,.notice_date,.notice_user{
    height:45px;
    text-align: center;
}
.notice_no,.notice_name,.notice_file,.notice_date,.notice_user{
    float:left;
    color:black;
    line-height: 45px;
    font-weight: bold;
    font-size: 14px;
}
.notice_list_no,.notice_list_name,.notice_list_file,.notice_list_date,.notice_list_user{
    float:left;
    /* color:rgba(253, 183, 136, 0.8); */
    line-height: 45px;
    font-size: 13px;
    height:40px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* 헤더 구성요소 */
.notice_no{
    width:15%;
}
.notice_name{
    width:60%;
    font-size: 14px;
}
.notice_file{
    width:10%;
}
.notice_date{
    width:15%;
}
/* 리스트 구성요소 */
.notice_list_no{
    width:15%;
    
}
.notice_list_name{
    width:60%;
    text-align: left;
}
.notice_list_file{
    width:10%;
}
.notice_list_date{
    width:15%;
}

@media screen and (max-width:600px) {
    .notice_list_file,.notice_file{
        display:none;
    }
    .notice_list_date,.notice_date{
        width:25%
    }
}
    /* 리스트 */
.notice_list{
    transition:0.5s;
    width:850px;
    height:45px;
    border-bottom: 1px dashed rgba(0,0,0,0.1);
    cursor:pointer
}
/* 상세보기 */
.notice_detail_header_titlename{
    width:80px;
    height:30px;
    float:left;
    text-align: center;
    color:rgba(253, 183, 136, 0.8);
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
}
.notice_detail_header_title{
    width:450px;
    height:30px;
    float:left;
    margin-top: 10px;
    color:black;
    font-size: 13px;
}
.notice_detail_header_small_title{
    width:345px;
    height:30px;
    float:left;
    margin-top: 10px;
    color:black;
    font-size: 13px;
}
.file{
    margin-top:40px;
    border-top:1px solid rgba(253, 183, 136, 1);
}
.file_download{
    cursor:pointer;
    font-size: 13px;
}
.news_detail_contents{
    width:848px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 1rem 0 1rem 0;
}
.news_detail_contents_view{
    margin-left:15px;
    margin-right:15px;
    font-size: 14px;
    min-height: 500px;
}

/* 버튼 */
.admin_btnlist{
    float:right;
    margin-right:60px;
    margin-top:20px;
    
}
.btnlist{
    float:right;
    margin-right:60px;
    margin-top:20px;
    display:none
}
.btn{
    width:80px;height:33px;
    background-color:rgba(253, 183, 136, 1);
    float:left;
    margin-left:10px;
    text-align: center;
    color:white;
    font-size: 14px;
    font-weight: bold;
    line-height: 33px;
    cursor:pointer
}

/* 글작성 */
.write_title{
    width:750px;
    height:25px;
    float:left;
    margin-top: 5px;
    color:black;
    font-size: 13px;
}
.write_contents{
    width:96%;
    border:none;
}
.write_btnlist{
    float:right;
    margin-right:60px;
    margin-top:20px;
}
.update_btnlist{
    float:right;
    margin-right:60px;
    margin-top:20px;
}


/* 페이징 paging*/
#paging_div{
    text-align: center;
    margin-top: 25px;
}

@media screen and (max-width:1024px) {
    .news_content {
        margin: 3rem 0rem 4rem 0rem;
    }
    .notice_header{
        width: unset;
    }   
    .notice_list{
        width: unset;
    }
    .page_blank{
        height: 250px;
    }
    .margin_field_2x2{
        margin: 2rem 0rem 2rem 0rem !important;
    }
    .margin_field_2x2 > div{
        width:100% !important;
    }
    .content_div > img{
        width: 100%;
    }
}