/*** board-skin S ***/
/* Board Color */
* {
    --az-board-color: var(--bs-primary);
    --az-board-rgb: var(--bs-primary-rgb);
    --az-hover-color: var(--az-board-color);
    --az-hover-rgb: var(--az-board-rgb);
    --bs-border-rgb: 222, 226, 230; // /* --bs-border-color */
}
/* STYLE: .-round, *.rounded */
*[class*="-round"],
*[class*="view-"].rounded {
    --az-border-radius: 1rem;
    --bs-border-radius: var(--az-border-radius);
}
/* ::before */
*[class*="before-"],
*[class*="after-"] {
    --az-before-width: 1rem;
    --az-before-height: 1rem;
    position: relative;
    display: inline-block;
}
*[class*="before-"]::before, 
*[class*="after-"]::after {
    content: '';
    width: var(--az-before-width);
    height: var(--az-before-height);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: repeat;
}
*[class*="before-"]::before {
    left: 0;
}
*[class*="after-"]::after {
    right: 0;
}
*.before-vr {
    --az-before-width: 1px !important;
    --az-before-height: 50% !important;
}
*.before-vr::before {
    background-color: var(--bs-secondary-bg);
}
*.before-link,
*.before-file,
*.before-reference {
    padding-left: calc(var(--az-before-width) + 0.25rem) !important;
}
small.before-reference {
    padding-left: var(--az-before-width) !important;
}
*.before-link::before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z'/><path fill-rule='evenodd' d='M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z'/></svg>");
}
*.before-file::before {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0z'/></svg>");
}
*.before-reference::before {
    content: '※';
    top: 0;
    transform: translateY(0%);
}
*.after-down {
    padding-right: calc(var(--az-before-width) + 0.25rem) !important;
}
*.after-down::after {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4'/></svg>");
}

/* section -footer */
section[class*="-footer"] > * {
    margin-top: 3rem !important;
}

@media (min-width: 576px) {
    /* 사용자 버튼 */
    .user-btn .btn {
        --bs-btn-padding-x: 2rem;
        --bs-btn-padding-y: 1rem;
    }
    .user-btn[class*="row-cols-"] >* {
        width: auto !important;
    }
}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}
@media (max-width: 1200px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {}
@media (max-width: 576px) {
    *[class*="-footer"]:not(.modal-footer) .user-btn .btn {
        min-width: 100%;
    }
    /* STYLE: .-round, *.rounded */
    *[class*="-round"],
    #VIEW *[class*="view-"].rounded {
        --bs-card-border-radius: calc(var(--az-border-radius) * 0.75);
    }
}
/*** board-skin E ***/



/*** .btn-, .-btn S ***/
/* 게시판 버튼 S */
.btn-board {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(var(--az-board-rgb), 1);
    --bs-btn-border-color: rgba(var(--az-board-rgb), 1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--az-board-rgb), 0.9);
    --bs-btn-hover-border-color: rgba(0,0,0, 0.05);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(var(--az-board-rgb), 0.1);
    --bs-btn-active-border-color: rgba(0,0,0, 0.05);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(var(--az-board-rgb), 0.8);
    --bs-btn-disabled-border-color: rgba(var(--az-board-rgb), 0.8);
}
.post_list .btn,
.post_view .btn,
.post_write .btn {
    border-width: var(--bs-border-width);
    border-style: solid;
    border-color: var(--bs-btn-border-color);
}
/* 게시판 버튼 E */

/* 관리자 버튼 S */
.master-btn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items:center;
    margin-bottom: 0 !important;
}
.master-btn .btn {
    margin: .25rem 0;
    word-break: keep-all;
    border-radius: 0.25rem;
    font-weight: 700 !important;
}
.master-btn li:has(.btn) ~ li:has(.btn) >.btn {
    margin-left: 0.25rem !important;
}
/* 관리자 버튼 E */

/* 사용자 버튼 S */
.user-btn {
    --bs-btn-margin: 0.25rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items:center;
    margin-bottom: 0 !important;

}
.user-btn .btn {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-font-weight: 700;
    margin: var(--bs-btn-margin);
}
.user-btn[class*="row-cols-"] >* >.btn {
    margin: 0 !important;
}
/* 사용자 버튼 E */

@media (min-width: 576px) {
    /* 사용자 버튼 */
    .user-btn .btn {
        --bs-btn-padding-x: 2rem;
        --bs-btn-padding-y: 1rem;
    }
    .user-btn[class*="row-cols-"] >* {
        width: auto !important;
    }
}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}
@media (max-width: 1200px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {}
@media (max-width: 576px) {}
/*** .btn-, .-btn E ***/


/*** list.skin.php S ***/
/* 게시글 검색 - list.skin.php */
.list-head {
    display: flex;
    align-items: baseline;
    margin-bottom: 0.5rem;
}
.list-head button:focus,
.list-head button:active,
.list-head select:focus,
.list-head select:active,
.list-head input:focus,
.list-head input:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.post-search {
    margin-bottom: 1.5rem;
    min-width: 30%;
}
.post-search input::placeholder {
    color: var(--bs-body-color) !important;
    opacity: 0.5;
}
.post-search .input-group > * {
    border: none;
    background-color: transparent;
}
.post-search .input-group > .form-select {
    max-width: fit-content;
}
.post-category .btn,
.post-search .input-group > * {
    padding: var(--az-input-padding-y) var(--az-input-padding-x);
}
.post-category.dropdown {
    width: 10rem;
    min-width: fit-content;
}
.post-category.dropdown .btn {
    width: 100%;
}
.post-category.dropdown .btn + ul.dropdown-menu > li a {
    display: inline-block;
    width: 100%;
    padding: calc(var(--az-input-padding-y) * 0.25) var(--az-input-padding-x) !important;
}
.post-category.dropdown .dropdown-menu {
    --bs-dropdown-min-width: fit-content;
    word-break: keep-all;
    width: 100%;
}


/* 게시글 목록 - list.skin.php */
.master-btn input[type="checkbox"],
.list-body input[type="checkbox"] {
    margin-right: 0.25rem;
}
.list-body >div.row {
    margin-top: 0;
}
.list-body >div.row:has(*) {
    margin-top: calc(-1 * var(--bs-gutter-y));
}
.list-empty {
    padding: 3rem;
    text-align: center;
}
.post-item div:has(a) {
    font-size: 0 !important; // a태그 공백 없애기
}
.post-item div:has(a) >* {
    font-size: var(--bs-body-font-size);
}
.post-item a:has(img) >img {
    width: 100%;
}
.post-item *[class*="item-"] {
    color: var(--bs-secondary-color);
    font-weight: 400;
}
.post-item *[class*="item-"]:not(:has(a)), 
.post-item *[class*="item-"] a {
    word-break: break-all;
    font-size: calc(var(--bs-body-font-size) * 0.85) !important;
}
.post-item .item-subject {
    color: var(--bs-black) !important;
    font-weight: 600 !important;
}
.post-item .item-subject:not(:has(a)), 
.post-item .item-subject a {
    font-size: var(--bs-body-font-size) !important;
}
.post-item *[class*="item-"] >* {
    color: inherit;
    font-weight: inherit;
}
.post-item .cate_notice {
    word-break: keep-all;
    font-weight: bold;
}.post-item .item-category {
    color: var(--az-board-color);
    font-weight: bold;
}
.item-img {
    background-color: var(--bs-secondary-bg);
}
.item-img >.item-noimg {
    background-size: 20%;
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23ced4da' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0'/><path fill-rule='evenodd' d='M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1z'/></svg>");
    background-position: center;
    background-repeat: no-repeat;
}
.item-img img {
    object-fit: cover;
}
form[class*="gallery"] .item-img {
    overflow: hidden;
}
form[class*="gallery"] a:has(.item-img):hover .item-img img {
    transform: scale(1.05);
    transition-duration: .3s;
}
.item-txt {
    margin-top: calc(var(--bs-gutter-y) * 0.5);
}
.item-txt *:not(:last-child) {
    margin-bottom: calc(var(--bs-gutter-y) * 0.25);
}
.item-txt .item-subject {
    font-size: calc(var(--bs-body-font-size) * 1.1) !important;
}
.item-txt:has(.item-content) .item-subject {
    font-size: calc(var(--bs-body-font-size) * 1.25) !important;
}
.item-txt .item-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; // 원하는 라인수
}

/* 페이지 버튼 - list.skin.php */
.page-nav >.pg_wrap {
    width: fit-content;
    margin: 0 auto;
}
.page-nav .pg {
    font-size: 0; /* a태그 공백 없애기 */
}
.page-nav >.pg_wrap [class*="pg_"] {
    --az-page-nav-width: 2.5rem;
    --bs-border-opacity: 0.5 !important;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: var(--az-page-nav-width);
    height: var(--az-page-nav-width);
    line-height: var(--az-page-nav-width);
    color: var(--bs-secondary-color);
    font-size: var(--bs-body-font-size);
    text-align: center;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(var(--bs-border-rgb), var(--bs-border-opacity));
}
.pg_start, .pg_prev {
    margin-right: 0.25rem !important;
}
.pg_next, .pg_end {
    margin-left: 0.25rem !important;
}
.pg_start, .pg_prev, .pg_next, .pg_end {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40%;
    color: rgba(0, 0, 0, 0) !important; // 텍스트 숨기기
} 
.page-nav .pg_start {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/><path fill-rule='evenodd' d='M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/></svg>");
}
.page-nav .pg_prev {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/></svg>");
}
.page-nav .pg_next {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");
}
.page-nav .pg_end {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708'/><path fill-rule='evenodd' d='M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708'/></svg>");
}
/* 페이지 버튼 STYLE: .nav-round */
.nav-round >.pg_wrap [class*="pg_"] {
    border-radius: 50%;
}
.nav-round .pg_page:not(.pg_start, .pg_prev, .pg_next, .pg_end) {
    border-color: rgba(var(--bs-border-rgb), 0) ;
}
.nav-round .pg_page:hover {
    --bs-border-opacity: 0;
    background-color: var(--bs-gray-200);
}
.nav-round .pg_current {
    color: #fff !important;
    background-color: var(--az-board-color);
    border-color: var(--az-board-color) !important;
}

@media (min-width: 576px) {}
@media (min-width: 768px) {
    /* 게시글 검색 -list.skin.php */
    .list-head {
        margin-bottom: 1rem;
    }
    .post-search {
        margin-bottom: 0;
    }
    .list-head:has(.post-info) > .post-search {
        order: 6 !important;
    }
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}
@media (max-width: 1200px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {
    /* 게시글 검색 - list.skin.php */
    *[class*="row-cols-"] .post-category.dropdown {
        margin-left: auto;
    }
    .list-head {
        display: block;
    }

    /* 게시글 목록 */
    .post-item >div:not(:has(.item-subject)) {
        margin-bottom: 0.25rem;
        font-size: 0.75rem;
    }
}
@media (max-width: 576px) {}
/*** list.skin.php E ***/


/*** view.skin.php S ***/
.post_view section {
    margin: 0 !important;
}
.post-ticate {
    word-break: keep-all;
}

/* 분류, 제목, 파일, 작성자, 작성일, 조회수 - view.skin.php */
.post-title {
    font-size: calc(1.275rem + .3vw) !important; //.fs-4
}
.post-ticate, .post-meta {
    font-size: 0.8rem;
}
.post-ticate {
    color: var(--az-board-color);
    font-weight: 800;
}
.post-meta.flex-row >* {
    padding: 0 0.75rem;
}
.post-meta.flex-row >*:first-child {
    padding-left: 0;
}
.post-meta.flex-row >*:last-child {
    padding-right: 0;
}

/* 입력내용 - view.skin.php */
.view-body p,
.view-body ul,
.post-contents p {
    margin-bottom: 0 !important;
}
.post-contents {
    color: var(--bs-secondary-color);
    font-size: var(--bs-body-font-size);
}
.post-contents a:has(img) {
    display: inline-block;
}
.post-contents img {
    max-width: 100%;
}
.post-contents #bo_v_img {
    text-align: center;
}
.post-contents #bo_v_img >*:last-child {
    margin-bottom: 1rem !important;
}
.post-contents #bo_v_img img {
    width: inherit !important;
    height: inherit !important;
}

/* 관련링크, 첨부파일 - view.skin.php */
.post-file >.before-file {
    width: 100%;
}
.post-link a {
    color: var(--bs-link-hover-color);
}
.post-file a {
    color: var(--bs-dark);
}
.post-link-info,
.post-file-info {
    color: var(--bs-tertiary-color) !important;
    font-size: 0.75rem;
}

/* 이전글, 다음글 - view.skin.php */
.post-nav a >div {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.post-nav a >div::before {
    position: relative;
    display: block;
    content: '';
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
}
.post-nav a.post-prev >div::before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z' clip-rule='evenodd'/></svg>");
}
.post-nav a.post-next >div::before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708' clip-rule='evenodd'/></svg>");
}
.post-nav.d-flex a.post-prev > div::before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0' clip-rule='evenodd'/></svg>");
}
.post-nav.d-flex a.post-next > div::before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708' clip-rule='evenodd'/></svg>");
}
.before_arrow-left::before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8'/></svg>") !important;
}
.before_arrow-right::before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>") !important;
}
.post-nav a dl {
    width: 100%;
    overflow: hidden;
}
.post-nav a dl {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.post-nav a dl > * {
    overflow: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.post-nav a dl > * + * {
    margin: 0 0.75rem;
}
.post-nav a dl[class*="-block"] > * + * {
    margin: 0 !important;
}
.post-nav a dt{
    min-width: 3rem;
}
.post-nav.d-flex a {
    width: 50%;
}
.post-nav.d-flex a.post-next > div,
.post-nav.d-flex a.post-next dl {
    flex-direction: row-reverse;
}
.post-nav.d-flex a.post-next dl[class*="-block"] {
    text-align: right;
}
@media (min-width: 576px) {}
@media (min-width: 768px) {
    /* 관련링크 - view.skin.php */
    .post-link {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }
    /* 첨부파일 - view.skin.php */
    .post-file > *:has(a) {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .post-file > *:has(a) a {
        flex-grow: 1;
        display: flex;
        flex-direction: row;
    }
}
@media (min-width: 992px) {
    /* 분류, 제목, 파일, 작성자, 작성일, 조회수 - view.skin.php */
    .post-title { 
        font-size: calc(1.325rem + .9vw) !important; // .fs-2
    }
    .post-ticate, .post-meta {
        font-size: 1rem;
    }
    /* 이전글, 다음글 - view.skin.php */
    .post-nav a dl > * + * {
        margin: 0 1rem;
    }
    /* .post-nav.d-lg-flex {
        display: flex; // bootstrap 적용 안했을 때
    } */
    .post-nav[class*="-flex"] a {
        width: 50%;
    }
    .post-nav.d-lg-flex a.post-prev {
        padding-right: 0 !important;
    }
    .post-nav.d-lg-flex a.post-next {
        padding-left: 0 !important;
    }
    .post-nav.d-lg-flex a.post-prev > div::before {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0' clip-rule='evenodd'/></svg>")
    }
    .post-nav.d-lg-flex a.post-next > div::before {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708' clip-rule='evenodd'/></svg>")
    }
    .post-nav.d-lg-flex a.post-next > div,
    .post-nav.d-lg-flex a.post-next dl {
        flex-direction: row-reverse;
    }
    .post-nav[class*="-flex"] a.post-prev dl {
        text-align: left;
    }
    .post-nav[class*="-flex"] a.post-next dl {
        text-align: right;
    }
}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {
    /* 게시물 */
    .post-title {
        font-size: 2.5rem !important; // .fs-1
    }
}
@media (max-width: 1200px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {}
@media (max-width: 576px) {}
/*** view.skin.php E ***/


/*** write.skin.php S ***/
.post_write {
    --az-lable-margin-bottom: 0.5rem;
    --az-group-margin-bottom: 1.5rem;
}
.post_write p{
    margin-bottom: 0 !important;
}
.post_write >section:has(form) {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-top-color: var(--bs-black);
}
.post_write >section:has(form) >*:first-child {
    margin-top: var(--az-group-margin-bottom);
}
.post_write .form-group,
.post_write .form-row {
    margin-bottom: var(--az-group-margin-bottom);
}
.post_write .control-label {
    margin-bottom: var(--az-lable-margin-bottom);
    font-weight: 800;
}
.post_write .input-category:has(i),
.post_write .control-label:has(i) {
    position: relative;
}
.post_write .input-category >i,
.post_write .control-label >i {
    padding: 0.25rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--bs-danger);
    font-size: calc(var(--bs-body-font-size)/ 2);
}
.post_write .input-category >i {
    top: 0%;
    transform: translateY(-100%);
}
.post_write .input-category:has(i) {
    margin-top: calc(var(--az-group-margin-bottom) + 1rem);
}
.post_write .form-select,
.post_write .form-control,
.write-autosave {
    --bs-border-radius: 0.25rem !important;
}

/* 임시저장 작성글 - write.skin.php */
.write-autosave {
    margin-bottom: var(--az-group-margin-bottom);
}
#autosave_pop:not(:has(a.autosave_load)) {
    display: none !important;
}
#btn_autosave {
    margin-bottom: var(--az-lable-margin-bottom);
}
#autosave_pop {
    position: relative;
    background-color: var(--bs-light);
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}
#autosave_pop >.autosave_close {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.5rem;
    border: none !important;
    transform: translateY(-100%) !important;
}
#autosave_pop ul {
    padding: 0 0.75rem;
    font-size: 0.875rem;
}
#autosave_pop ul li {
    padding: 0.25rem 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}
#autosave_pop ul li ~ li {
    border-top: 1px dotted var(--bs-border-color);
}
#autosave_pop ul li a {
    margin-right: auto;
    color: var(--bs-secondary-color);
}
#autosave_pop ul li >span {
    margin-left: auto;
    display: inline-block;
    color: var(--bs-tertiary-color) !important;
    font-size: 0.75rem;
    vertical-align: bottom !important;
    line-height: 1.5rem;
}
#autosave_pop ul li >span .autosave_del {
    padding: 0 0.5rem;
    border: none;
    border-radius: var(--bs-border-radius-pill);
    background-color: var(--bs-secondary-bg);
}

/* 첨부파일 - write.skin.php */
.custom-file-guide {
    display: inline-block;
    color: var(--bs-tertiary-color) !important;
    font-size: 0.875rem;
    font-weight: 400;
}
.custom-file-name {
    color: var(--bs-tertiary-color) !important;
    font-size: 0.875rem;
}

/* 자동등록 방지문자 - write.skin.php */
#captcha >button {
    border: 1px solid var(--bs-border-color) !important;
    background-color: var(--bs-light);
    background-size: cover !important;
    background-position-x: center;
}
#captcha #captcha_mp3 {
    background-position-y: top !important;
}
#captcha #captcha_reload {
    background-position-y: bottom !important;
}

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}
@media (max-width: 1200px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {}
@media (max-width: 576px) {
    /* 관리자 버튼 */
    .master-btn .btn {
        --bs-btn-padding-x: 0.5rem;
        --bs-btn-padding-y: 0.25rem;
        font-size: 0.875rem;
    }
    /* 페이지 버튼 */
    .page-nav .pg_start, .page-nav .pg_end {
        display: none !important;
    }
    .page-nav > .pg_wrap [class*="pg_"] {
        --az-page-nav-width: 1.7rem;
        font-size: 0.8rem;
    }
    /* 임시저장 작성글 */
    #autosave_pop ul li {
        flex-direction: column;
    }
}
/*** write.skin.php E ***/


/*** SKIN STYLE - #LIST S ***/
#LIST .btn {
    --bs-border-radius: 0;
}

/** .basic S **/
/* #LIST > .basic : list.skin.php */
#LIST .basic {
    --az-item-padding-y: 0.75rem;
    --az-item-padding-x: 0.5rem;
}
.basic .post-category.dropdown,
.basic .post-search {
    --az-input-padding-y: 0.75rem;
    --az-input-padding-x: 1rem;
}
.basic .post-category.dropdown .rounded-pill,
.basic .post-search .rounded-pill {
    --az-input-padding-x: 1.25rem;
}
.basic .post-category.dropdown .btn,
.basic .post-search .input-group {
    border: 1px solid var(--bs-border-color) !important;
}
.basic .post-category.dropdown .form-select,
.basic .post-search .form-select {
    padding-right: calc(var(--az-input-padding-x) + 1rem) !important;
}
.basic .form-select option,
.basic .dropdown-menu a {
    color: var(--bs-gray-700);
}
.basic .form-select *:hover, 
.basic .dropdown-menu li:hover {
    background-color: rgba(var(--az-hover-rgb), 0.15);
}

.basic .post-category.tab {
    text-align: center;
}
.basic .post-category.tab ul {
    justify-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.basic .post-category.tab ul li {
    --az-before-width: 0.25rem;
    --az-before-height: 0.25rem;
    position: relative;
}
.basic .post-category.tab ul li ~ li::before {
    content: '';
    width: var(--az-before-width);
    height: var(--az-before-height);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-position: center;
    background-repeat: repeat;
    background-color: var(--bs-dark-bg-subtle);
    border-radius: 50%;
}
.basic .post-category.tab ul li a {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.5rem;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    color: var(--bs-tertiary-color);
    font-size: 0.875rem;
    font-weight: 600;
}
.basic .post-category.tab ul li a#bo_cate_on {
    color: var(--az-board-color);
}

#LIST .basic .post-item {
    padding: var(--az-item-padding-y) 0;
    border-bottom: 1px solid var(--bs-border-color);
}
#LIST .basic .post-item,
#LIST .basic .post-item>div:has(.item-subject) {
    align-items: center;
}
#LIST .basic .post-head *[class*="head-"],
#LIST .basic .post-item *[class*="item-"] {
    padding: 0 var(--az-item-padding-x);
}
#LIST .basic .post-head {
    border-width: 1px 0;
    border-style: solid;
    border-top-color: var(--bs-black);
    border-bottom-color: var(--bs-border-color);
}

#LIST .basic .post-head > div,
#LIST .basic .post-item > div.head-num span:last-child,
#LIST .basic .post-item > div.item-num > span:last-child:not(:has(.cate_notice)) {
    display: none;
}
#LIST .basic .post-item > div.item-num {
    width: 100%;
}
#LIST .basic .post-item div:has(.item-subject) {
    width: 100%;
}
#LIST .basic .post-head > div:has(.head-subject),
#LIST .basic .post-item > div:has(.item-subject) {
    --az-category-width: 17%;
}
#LIST .basic-data .post-head > div:has(.head-subject),
#LIST .basic-data .post-item > div:has(.item-subject) {
    --az-file-width: 23%;
}
#LIST .basic .post-head div.head-category,
#LIST .basic .post-item div.item-category {
    width: var(--az-category-width);
}
#LIST .basic .post-head div.head-file,
#LIST .basic .post-item div.item-file {
    width: var(--az-file-width);
}
#LIST .basic .post-head div.head-subject,
#LIST .basic .post-item div.item-subject {
    width: 100%;
}
#LIST .basic .post-head div.head-category ~ div.head-subject,
#LIST .basic .post-item div.item-category ~ div.item-subject {
    width: calc(100% - var(--az-category-width));
}
#LIST .basic-data .post-head div.head-subject,
#LIST .basic-data .post-item div.item-subject {
    width: calc(100% - var(--az-file-width));
}
#LIST .basic-data .post-head div.head-category ~ div.head-subject,
#LIST .basic-data .post-item div.item-category ~ div.item-subject {
    width: calc(100% - var(--az-category-width) - var(--az-file-width));
}
#LIST .basic .post-item div.item-file {
    text-align: right;
}
#LIST .basic .post-item div.item-category a,
#LIST .basic .post-item div.item-subject a {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#LIST .basic .post-item:has(.cate_notice) {
    background-color: rgba(var(--az-board-rgb), 0.05);
}
#LIST .basic .post-item:hover {
    background-color: var(--bs-tertiary-bg);
}
#LIST .basic .post-item > div:not(.item-subject) {
    display: inline-block;
}
#LIST .basic .post-item > div.item-subject {
    display: block;
}
#LIST .basic .cate_notice {
    color: var(--az-board-color);
}
#LIST .basic .post-item .icon_reply {
    padding-left: 0.5rem;
}
#LIST .basic .post-item:has(.icon_reply) {
    background-color: var(--bs-tertiary-bg);
}
#LIST .basic .item-file a.btn {
    min-width: 4.5rem;
    color: var(--bs-dark);
    font-size: calc(var(--bs-body-font-size) * 0.75) !important;
    border-radius: var(--bs-border-radius-sm) !important;
}
#LIST .basic .item-file a.btn-light {
    --bs-btn-bg: var(--bs-gray-300) !important;
}
#LIST .basic .item-file a.btn.after-down {
    padding-right: calc(var(--az-before-width) + var(--bs-btn-padding-x)) !important;
}
#LIST .basic .item-file a.btn.after-down::after{
    right: calc(var(--bs-btn-padding-x) * 0.5);
}

@media (min-width: 576px) {}
@media (min-width: 768px) {
    /* #LIST > .basic : list.skin.php */
    .basic .post-category.tab ul li a {
        --bs-btn-padding-x: 1.5rem;
        --bs-btn-padding-y: 0.75rem;
        font-size: var(--bs-body-font-size);
    }
    #LIST .basic .post-head,
    #LIST .basic .post-item {
        width: 100%;
        text-align: center;
    }
    #LIST .basic .post-head,
    #LIST .basic .post-item {
        /* 항목이 없을 때 0%로 표기 */
        --az-num-width: 10%;
        --az-name-width: 14%;
        --az-date-width: 14%;
        --az-hit-width: 7%;
    }
    #LIST .basic .post-head > div.head-num,
    #LIST .basic .post-item > div.item-num {
        width: var(--az-num-width);
    }
    #LIST .basic .post-head > div.head-name,
    #LIST .basic .post-item > div.item-name {
        width: var(--az-name-width);
    }
    #LIST .basic .post-head > div.head-date,
    #LIST .basic .post-item > div.item-date {
        width: var(--az-date-width);
    }
    #LIST .basic .post-head > div.head-hit,
    #LIST .basic .post-item > div.item-hit {
        width: var(--az-hit-width);
    }
    #LIST .basic .post-head > div:has(.head-subject),
    #LIST .basic .post-item > div:has(.item-subject) {
        --az-hassubject-width: calc(100% - var(--az-num-width) - var(--az-name-width) - var(--az-date-width) - var(--az-hit-width));
        --az-category-width: 20%;
        width: var(--az-hassubject-width);
    }
    #LIST .basic .post-head > div.head-num:has(input),
    #LIST .basic .post-item > div.item-num:has(input),
    #LIST .basic .post-item div.item-subject {
        text-align: left;
    }
    #LIST .basic .post-item div.item-file {
        text-align: center;
    }
    #LIST .basic .post-item >div.head-num span:last-child,
    #LIST .basic .post-item >div.item-num span:last-child:not(:has(.cate_notice)) {
        display: inline-block;
    }
}
@media (min-width: 992px) {
    /* #LIST > .basic : list.skin.php */
    #LIST .basic {
        --az-item-padding-y: 1.25rem;
    }
    #LIST .basic .post-head > div {
        display: block;
    }
    #LIST .basic .post-head > div:has(.head-subject){
        display: flex;
        flex-direction: row;
    }
    #LIST .basic .master-btn input[type="checkbox"] {
        display: none;
    }
    #LIST .basic .post-item {
        padding: 0;
    }
    #LIST .basic .post-head > div:not(:has(.head-subject)),
    #LIST .basic .post-head > div:has(.head-subject) >*,
    #LIST .basic .post-item > div:not(:has(.item-subject)),
    #LIST .basic .post-item > div:has(.item-subject) >* {
        padding: var(--az-item-padding-y) var(--az-item-padding-x);
    }
    #LIST .basic .post-head > div.head-num,
    #LIST .basic .post-item > div.item-num {
        --az-num-width: 7%;
    }
}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}
@media (max-width: 1200px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {}
@media (max-width: 576px) {
    /* #LIST > .basic : list.skin.php */
    .basic .post-category.dropdown,
    .basic .post-search {
        --az-input-padding-y: 0.5rem;
        --az-input-padding-x: 0.75rem;
    }
    #LIST .basic .item-file a.btn {
        --bs-btn-padding-x: 0.5rem !important;
        min-width: 3.75rem;
    }
}
/** .basic E **/

/** .data S **/
/* LIST_data > Modal_survey */
body.modal-open,
.modal.show {
    padding-right: 0 !important;
}
.modal-open #hd_wrapper {
    z-index: 100;
}
#Modal_survey .modal-dialog-scrollable .modal-content form {
    position: relative;
    max-height: 100%;
    overflow-y: inherit;
}
#Modal_survey .modal-body {
    --az-input-margin: 0.25rem;
    --az-input-padding-x: 0.75rem;
    --az-input-padding-y: 0.25rem;
}
#Modal_survey .modal-body p {
    margin-bottom: 0.5rem;
}
#Modal_survey .modal-body p:last-child {
    margin-bottom: 0;
}
#Modal_survey .modal-body > div {
    padding: var(--bs-modal-padding);
}
#Modal_survey .modal-text {
    font-size: 0.875rem;
}
#Modal_survey .modal-input h4 {
    margin-bottom: 0.5rem;
    font-weight: bold;
}
#Modal_survey .modal-input h4:not(:first-of-type) {
    margin-top: 1.5rem;
}
#Modal_survey .modal-input .agree_check_box {
    display: flex;
    align-items: center;
}
#Modal_survey .modal-input .radio_wrap {
    display: flex;
    flex-wrap: wrap;
    color: var(--bs-secondary);
}
#Modal_survey .radio_wrap input {
    display: none;
}
#Modal_survey .radio_wrap label {
    cursor: pointer;
}
#Modal_survey .radio_wrap input+label {
    --bs-bg-opacity: 0.5;
    margin-right: var(--az-input-margin);
    margin-bottom: var(--az-input-margin);
    padding: var(--az-input-padding-y) var(--az-input-padding-x);
    color: var(--bs-secondary);
    background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity));
    border: 1px solid rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity));
}
#Modal_survey .radio_wrap input+label:last-of-type {
    margin-right: 0;
}
#Modal_survey .radio_wrap input:hover + label {
    --bs-bg-opacity: 1;
}
#Modal_survey .radio_wrap input:checked + label {
    --bs-bg-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity));
    color: var(--bs-dark);
}

/* !!TEST - .data : list.skin.php > Modal_survey */
.layer {
    display: none;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999999999;
}
.layer .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.9;
    filter: alpha(opacity=50);
}
.layer .modal-layer {
    display: block;
}
.modal-layer {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) -(var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}
/** .data E **/

/** .wide S **/
/* #LIST > .wide : list.skin.php */
#LIST .wide .list-body {
    border-top: 1px solid var(--bs-black);
}
#LIST .wide .post-item {
    display: block;
    padding: var(--az-item-padding-y) var(--az-item-padding-x);
}
#LIST .wide .item-category {
    color: var(--az-board-color);
    font-weight: bold;
}
#LIST .wide .badge.cate_notice {
    --bs-badge-color: var(--bs-dark);
    --bs-badge-border-radius: var(--bs-border-radius-pill);
    margin-right: 0.5rem;
    border: 1px solid var(--bs-dark);
}
#LIST .wide .item-subject {
    font-size: 1.25rem !important; // .fs-5
}
#LIST .wide .item-subject,
#LIST .wide .item-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#LIST .wide.gallery .item-content {
    white-space: wrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; // 원하는 라인수
}
#LIST .wide .post-item:hover .badge.cate_notice {
    --bs-badge-color: #fff !important;
    background-color: var(--az-hover-color);
    border-color: var(--az-hover-color);
}
#LIST .wide .post-item:hover .item-subject {
    color: var(--az-hover-color) !important;
}
#LIST .wide .group-meta > *[class*="item-"] {
    padding: 0 0.75rem;
}
#LIST .wide .group-meta > *[class*="item-"]:first-child {
    padding-left: 0;
}
/* #LIST > .wide : list.skin.php / .wide-line */
#LIST .wide-line .post-item {
    border-bottom: 1px solid var(--bs-border-color);
}
#LIST .wide-line:not(.wide.gallery) .post-item:hover {
    border-bottom-color: var(--az-hover-color);
}
/** .wide E **/

@media (min-width: 576px) {}
@media (min-width: 768px) {
    /* #LIST > .wide : list.skin.php */
    #LIST .wide .badge.cate_notice {
        --bs-badge-font-size: 1em;
    }
    #LIST .wide:not(.wide.gallery) .item-subject {
        font-size: calc(1.3rem + .6vw) !important; // .fs-3
    }
    #LIST .wide:not(.wide.gallery) .post-item .item-content {
        font-size: 1rem !important;
    }
}
@media (min-width: 992px) {
    #LIST .wide.gallery .item-content {
        -webkit-line-clamp: 3 !important; // 원하는 라인수
    }
}
@media (min-width: 1200px) {
    /* #LIST > .wide : list.skin.php */
    #LIST .wide .item-subject {
        font-size: 1.75rem !important; // .fs-3
    }
    #LIST .wide.gallery .item-txt > * {
        padding-left: 1rem;
    }
}
@media (min-width: 1400px) {}
@media (max-width: 1200px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {
    /* #LIST > .wide : list.skin.php */
    #LIST .wide .item-content {
        white-space: wrap;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; // 원하는 라인수
    }
}
@media (max-width: 576px) {}
/*** SKIN STYLE - #LIST E ***/



/*** SKIN STYLE - #GRID S ***/
/* .subpage:has(#GRID) {
    background-color: rgba(var(--bs-light-rgb), 1); // #GRID게시판 페이지 배경색
} */
#GRID .btn {
    --bs-border-radius: 0;
}
#GRID .post-item div.item-subject {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; // 원하는 라인수
}
#GRID .post-item:hover .item-subject {
    color: var(--az-hover-color) !important;
}

/** .card S **/
/* #GRID > .card : list.skin.php */
#GRID:has(.card) .post-category.dropdown > *,
#GRID:has(.card) .post-search .input-group,
#GRID:has(.card) .post-search option {
    background-color: var(--bs-gray-100);
}
#GRID .card {
    --bs-card-spacer-y: 2rem;
    --bs-card-spacer-x: 2rem;
    height: 100% !important;
}
#GRID .card:hover {
    --bs-card-border-color: var(--az-hover-color);
}
#GRID .card .item-txt {
    margin-top: 0;
}
#GRID .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#GRID .card-body > *:last-child {
    margin-top: 1rem;
}
#GRID .card .item-txt *:not(:last-child) {
    margin-bottom: calc(var(--bs-card-spacer-y) * 0.5);
}
#GRID .item-subject {
    min-height: calc(var(--bs-body-font-size) * 1.25 * var(--bs-body-line-height) * 2);
}

/* .card STYLE: .card-round */
.card-round {
    --bs-card-border-radius: var(--az-border-radius);
}
/** .card E **/

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {
    #GRID .post-item div.item-subject {
        --az-webkit-line: 1; // 원하는 라인수
    }
    /* #GRID > .gallery : list.skin.php */
    #GRID .gallery .post-item:not(:has(.card)) {
        margin-top: 4rem;
    }
}
@media (min-width: 1400px) {}
@media (max-width: 1200px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {}
@media (max-width: 576px) {
    /* #GRID > .card : list.skin.php */
    #GRID .card {
        --bs-card-spacer-y: 1.5rem;
        --bs-card-spacer-x: 1.5rem;
    }
}
/*** SKIN STYLE - #GRID E ***/



/*** SKIN STYLE - #VIEW S ***/
/* #VIEW > .basic : view.skin.php */
#VIEW .basic .view-head {
    border-top: 2px solid #000 !important;
    border-bottom: 1px solid var(--bs-border-color);
}
#VIEW .basic .post-attach {
    margin-right: 1rem;
    font-weight: 700;
}
#VIEW .basic .post-link.before-link::before {
    top: 0.75rem ;
}
#VIEW .basic .post-file .before-file::before {
    top: 1.2rem;
}
#VIEW .basic .post-nav {
    border-style: solid;
    border-color: var(--bs-border-color);
    border-width: 1px 0 ;
}
#VIEW .basic .post-nav:not(.d-flex) a + a > div {
    border-top: 1px solid var(--bs-border-color);
}
#VIEW .basic .post-nav dt + dd {
    color: var(--bs-tertiary-color) !important;
}
/* VIEW STYLE: .-round, *.rounded */
*[class*="view-"].rounded {
    border: 1px solid var(--bs-border-color);
}
@media (min-width: 576px) {
    /* #VIEW > .basic : view.skin.php */
    #VIEW .basic .user-btn .btn {
        min-width: 10rem;
    }
}
@media (min-width: 768px) {}
@media (min-width: 992px) {
    #VIEW .basic .post-nav[class*="-flex"] a + a > div {
        border-top: none !important;
    }
    #VIEW .basic .post-nav.d-lg-flex a + a dl {
        border-left: 1px solid var(--bs-border-color);
    }
}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}
@media (max-width: 1200px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {}
@media (max-width: 576px) {}
/*** SKIN STYLE - #VIEW E ***/