.notice-view-top{border-top:solid 1px #111; border-bottom:solid 1px #111; padding:20px 0px; color:#555;  display:flex; align-items:center; gap:30px; margin-top:100px }
.notice-view-top img{width:110px; border-radius:15px;}
.notice-title { font-size: 1.3rem; color: #111;  font-weight: bold; line-height: 1.1;}

.notice-content{border-bottom:solid 1px #111; padding-bottom:20px;}
.notice-body {padding:20px 0px;  font-size: 1rem; line-height: 1.3; word-break: break-word; min-height: 150px; }
.notice-body a{color:#0000FF;}

.attachments {margin-top: 20px;padding-top: 20px; border-top: 1px solid #111;}
.attachments h4 {color: #111; margin-bottom: 15px; font-size: 16px;font-weight: 500;}
.attachment-item {width:100%; display: flex;	flex-direction: row;	align-items:center;  padding: 12px 15px;   background: #f5f5f5;   border-radius: 4px;   margin-bottom: 10px;   transition: background-color 0.3s ease;	line-height:1em;}
.attachment-item:hover { background: #ddd;}
.attachment-item i { color: #999; margin-right: 8px;  font-size: 18px;  width: 20px;}
.attachment-item .attachment-info { flex:1;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
.attachment-item .attachment-info .attachment-name {font-size:13px; color:#333 ;font-weight: 300; display:inline-block; width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
.attachment-item .attachment-info .attachment-size { color: #999; font-size: 12px;}
.attachment-item .attachment-btn{ width:90px; min-width:90px; text-align:right;}
.attachment-item .attachment-download { display:inline-block;width:90px;min-width:90px;padding: 8px 0px;background-color:#fff;text-align:Center;border: 1px solid #aaa;color:#777 !important; border-radius: 25px; font-size: 13px;transition: all 0.3s ease;}
.attachment-item .attachment-download i{margin-right:1px; font-size:13px;}
.attachment-item .attachment-download:hover {color: #fff !important; background-color:#111; border-color:#111;}


.adminDiv2{padding-top:20px; text-align:right;}


.notice-list{ padding-top:100px; padding-bottom:50px; text-align:center;}
.notice-list a.btn-circle{ font-size:1rem; border:solid 1px #111; padding:10px 55px; border-radius:25px;}
.notice-list a.btn-circle:hover{background-color:#111; color:#fff;}


@media (max-width: 559px) {
	.notice-view-top {gap:15px; word-break:keep-all;}
	.notice-view-top img{width:80px; }
	.notice-view-top p {margin-top:10px;}
	.attachment-item{padding:12px;}
}



/* 반응형 디자인 
@media (max-width: 480px) {
	.attachment-item .attachment-btn{width:95px;}
	.attachment-item .attachment-download{ width:90px; min-width:90px; padding: 8px;}
	.attachment-item .attachment-download i{margin-right:5px;}
}

@media (max-width: 768px) {
    .notice-view-container {
        padding: 20px 0;
        margin: 0 10px;
    }

    .notice-header {
        padding: 20px 25px;
    }

    .notice-title {
        font-size: 22px;
    }

    .notice-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .notice-content {
        padding: 25px 20px;
    }

    .notice-body {
        font-size: 15px;
    }

    .notice-actions {
        flex-wrap: wrap;
        gap: 10px;
    }

    .btn {
        flex: 1;
        min-width: 120px;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .notice-header {
        padding: 15px 20px;
    }

    .notice-title {
        font-size: 20px;
    }

    .notice-content {
        padding: 20px 15px;
    }

    .attachment-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .attachment-download {
        align-self: flex-end;
    }
}

*/