/* À̹ÌÁö ÷ºÎ °øÅ뿵¿ª ½ÃÀÛ */

.photoupload { padding: 0.75rem 0.75rem 0.5rem 0.75rem; margin-bottom: 0.5rem; border: 1px solid var(--color-gray-light); border-radius: 0.25rem; }
.photoupload.photo-invalid { border-color: #dc3545; }
.photoupload.photo-invalid .title { background: no-repeat right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='18' height='18' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); }
.photoupload .title { padding-bottom: 0.25rem; margin-bottom: 0.5rem; border-bottom: 1px solid var(--color-gray-light); }
.photoupload .body .list { display: flex; flex-wrap: wrap; }
.photoupload .body .list .item { position: relative; width: 100%; margin: 0 0.25rem 0.25rem 0; border: 1px solid var(--color-gray-light); background: no-repeat center / cover; overflow: hidden; cursor: grab; }
.photoupload .body .list .item:after { content: ""; display: block; padding-bottom: 80%; }
.photoupload .body .list .item.addnew { display: flex; justify-content: center; align-items: center; color: var(--color-gray-light); font-size: 3rem; border-style: dashed; cursor: pointer; }
.photoupload .body .list .item .trash { position: absolute; width: 100%; bottom: 0; transform: translateY(100%); padding: 0.25rem 0; text-align: center; color: var(--color-red); background-color: #000; cursor: pointer; transition: all 0.4s; }
.photoupload .body .list .item:hover .trash { transform: translateY(0); opacity: 0.5; }
.photoupload .imagefileinput { display: none; }

/* À̹ÌÁö ÷ºÎ °øÅ뿵¿ª ³¡ */






/* ¸ñ·Ï(tile) ½ÃÀÛ */

.board-list { display: flex; flex-wrap: wrap; }
.board-list .board-tile { position:relative; background-color: #fff; border: 1px solid var(--color-gray-light); overflow: hidden; cursor: pointer; transition: all 0.4s; }
.board-list .board-tile:nth-child(n) { width: calc(100%/3 - 0.8rem); margin-right: calc(0.8rem*3/2); margin-bottom: calc(0.8rem*3/2); }
.board-list .board-tile:nth-child(3n) { margin-right: 0; }
.board-list .board-tile:hover { transform: scale(1.02); box-shadow: 4px 12px 30px 6px rgb(0 0 0 / 9%); }
.board-list .board-tile .thumb { width: 100%; background: no-repeat center / cover; }
.board-list .board-tile .thumb::after { content: ""; display: block; padding-bottom: 80%; }
.board-list .board-tile .content { padding: 1rem; }
.board-list .board-tile .content .title { font-size: 1.1rem; font-weight: 500; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ }
.board-list .board-tile .content .name { margin-top: 0.5rem; }
.board-list .board-tile .content .name .username { font-size: 0.75rem; color: var(--color-text-light); }
.board-list .board-tile .content .name .badge-username { margin-left: 0.25rem; }
.board-list .board-tile .content .name .badge-username i { margin-right: 0.25rem; }
.board-list .board-tile .content .insertdate { font-size: 0.8rem; font-weight: 300; letter-spacing: 0; color: var(--color-text-light); }

/*xl*/ @media (max-width: 1199px) {
}
/*lg*/ @media (max-width: 991px) {
    .board-list .board-tile:nth-child(n) { width: calc(100%/2 - 0.2rem); margin-right: calc(0.2rem*2/1); margin-bottom: calc(0.2rem*2/1); }
    .board-list .board-tile:nth-child(2n) { margin-right: 0; }
}
/*md*/ @media (max-width: 767px) {
    .board-list .board-tile .content { padding: 0.5rem; }
}
/*sm*/ @media (max-width: 575px) {
}

/* ¸ñ·Ï(tile) ½ÃÀÛ */






/* ¸ñ·Ï(table) ½ÃÀÛ */


.board-table th { white-space: nowrap; }
.board-table tbody tr { cursor: pointer; }
.board-table tbody tr:hover { background-color: var(--color-background); }
.board-table tr td.title div { max-height: 1.5rem; overflow: hidden; position: relative; color: transparent; }
.board-table tr td.title div::after { content: attr(data-text); position: absolute; top: 0; left: 0; right: 0; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-table tr td.name .username { font-size: 0.75rem; color: var(--color-text-light); }
/*md*/ @media (max-width: 767px) {
    .board-table .insertdate { display: none; }
}

/* ¸ñ·Ï(table) ½ÃÀÛ */








/* »ó¼¼ ½ÃÀÛ */

.board-view .board-info { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px dashed var(--color-gray-light); }
.board-view .board-info .title { font-size: 2rem; font-weight: 300; }
.board-view .board-info .name { margin-right: 0.5rem; font-weight: 500; }
.board-view .board-info .name .username { font-size: 0.75rem; color: var(--color-text-light); }
.board-view .board-info .insertdate { font-size: 0.9rem; font-weight: 300; color: var(--color-text-light); }
.board-view .board-body { overflow: hidden; }
.board-view .board-body p { margin-bottom: 0; }
.board-view .board-body table { max-width: 100%; }
/*md*/ @media (max-width: 767px) {
    .board-view .board-info .title { font-size: 1.5rem; }
}

.adminmemo { margin-top: 1rem; padding-top: 1rem; border-top: 1px dashed var(--color-gray-light); }
.adminmemo#divAdminMemo_Admin #txtaAdminMemo { height: 200px; }
.adminmemo#divAdminMemo_Admin .button-area { text-align: right; }
.adminmemo#divAdminMemo_User .admin-badge { margin-right: 0.5rem; }
.adminmemo#divAdminMemo_User .admin-badge .name { margin-right: 0.25rem; font-size: 0.8rem; font-weight: 500; }
.adminmemo#divAdminMemo_User .insertdate { font-weight: 300; }
.adminmemo#divAdminMemo_User .adminmemo-body { margin-top: 0.5rem; white-space: pre-wrap; }

/* »ó¼¼ ³¡ */








/* ÇÏ´Ü ¹öÆ°¿µ¿ª ½ÃÀÛ */

.bottombuttons { margin-top: 1rem; text-align: right; }

/* ÇÏ´Ü ¹öÆ°¿µ¿ª ³¡ */