/* 기술인증 게시판 */
/* list */
.certificate-board .category-tab-wrap {width:100%;height:64px;margin-bottom:3.75rem;border-bottom:1px solid transparent;background-color:#fff;}
.certificate-board .category-tab-wrap .category-tab-list {justify-content:center;align-items:center;gap:2.5rem;width:100%;}
.certificate-board .category-tab-wrap .category-tab-list li a {position:relative;justify-content:center;align-items:center;gap:0.5rem;color:var(--mono5);font-size:1.25rem;font-weight:700;text-align:center;height:64px;transition:0.2s;}
.certificate-board .category-tab-wrap .category-tab-list li a::after {content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:5px;background-color:var(--color1);opacity:0;transition:0.2s;}
.certificate-board .category-tab-wrap .category-tab-list li a .num {display:none;}
.certificate-board .category-tab-wrap .category-tab-list li:not(.on) a:hover {color:var(--mono4);}
.certificate-board .category-tab-wrap .category-tab-list li.on a {color:var(--mono1);}
.certificate-board .category-tab-wrap .category-tab-list li.on a::after {opacity:1;}
.certificate-board .category-tab-wrap .category-tab-list li.on a .num {display:block;}

.certificate-board .certificate-board-list {justify-content:flex-start;gap:3.75rem 2.5rem;width:100%;}
.certificate-board .certificate-board-list .item {width:calc(20% - 2.5rem * 4 / 5);}
.certificate-board .certificate-board-list .item .thumbnail {position:relative;width:100%;aspect-ratio:5 / 7;border:1px solid var(--mono7);border-radius:20px;box-sizing:border-box;overflow:hidden;}
.certificate-board .certificate-board-list .item .thumbnail img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.certificate-board .certificate-board-list .item .thumbnail a {position:absolute;top:50%;left:50%;display:block;color:#fff;font-size:1rem;font-weight:700;text-align:center;white-space:nowrap;padding:0.75rem 1.25rem;border-radius:16px;background-color:var(--mono1);box-sizing:border-box;transition:0.2s;opacity:0;transform:translate(-50%,-50%);}
.certificate-board .certificate-board-list .item .thumbnail:hover a {opacity:1;}
.certificate-board .certificate-board-list .item .title {display:block;color:var(--mono1);font-size:1.125rem;font-weight:600;text-align:center;margin-top:0.75rem;}
.certificate-board .certificate-board-list .item.no-item {width:100%;text-align:center;}

.certificate-board .pagination {justify-content:center;align-items:center;gap:0.5rem;width:100%;margin-top:5rem;}
.certificate-board .pagination li a {position:relative;display:flex;flex-flow:column wrap;justify-content:center;width:56px;aspect-ratio:1 / 1;color:var(--mono3);font-size:1.125rem;font-weight:700;text-align:center;border-radius:16px;transition:0.2s;}
.certificate-board .pagination li a:not(.page-current):hover {background-color:var(--mono9);}
.certificate-board .pagination li a.page-current {color:#fff;background-color:var(--color1);}
.certificate-board .pagination li a.page-first::after,
.certificate-board .pagination li a.page-last::after {content:"";position:absolute;top:50%;left:50%;display:block;width:18px;aspect-ratio:1 / 1;background:url(/design/default/img/main/icon-double-mono3.svg) no-repeat center center / contain;transform:translate(-50%,-50%);}
.certificate-board .pagination li a.page-first::after {transform:translate(-50%,-50%) rotate(180deg);}
.certificate-board .pagination li a.page-prev::after,
.certificate-board .pagination li a.page-next::after {content:"";position:absolute;top:50%;left:50%;display:block;width:16px;aspect-ratio:1 / 1;background:url(/design/default/img/main/icon-dropdown-mono3.svg) no-repeat center center / contain;transform:translate(-50%,-50%);}
.certificate-board .pagination li a.page-prev::after {transform:translate(-50%,-50%) rotate(180deg);}

/* post */
.board-post-wrap .board-post {width:100%;max-width:1400px;margin:0 auto;}
.board-post-wrap .board-post .post-line {width:100%;}
.board-post-wrap .board-post .post-line + .post-line {margin-top:1.25rem;}
.board-post-wrap .board-post .post-line .name {width:100%;margin-bottom:0.5rem;}
.board-post-wrap .board-post .post-line .name label {color:var(--mono1);font-size:1.125rem;font-weight:700;}
.board-post-wrap .board-post .post-line .input {width:100%;}
.board-post-wrap .board-post .post-line .input input:not([type=checkbox], [type=radio], [type=submit], [type=file]) {width:100%;height:48px;}
.board-post-wrap .board-post .post-line .input select {width:100%;height:48px;border:1px solid var(--mono7);}
.board-post-wrap .board-post .post-line .input input[type=file] {padding:0.625rem;}
.board-post-wrap .board-post .post-line .input .checkbox-wrap {display:inline-flex;justify-content:flex-start;align-items:center;gap:0.5rem;padding:0.5rem 0;}
.board-post-wrap .board-post .post-line .input .checkbox-wrap input[type=checkbox] {margin:0;cursor:pointer;}
.board-post-wrap .board-post .post-line .input .checkbox-wrap label {color:var(--mono1);font-size:1.125rem;font-weight:300;cursor:pointer;}

/* view */
.board-view-wrap .board-title-wrap {width:100%;}
.board-view-wrap .board-title-wrap .title {color:var(--mono1);font-size:3rem;font-weight:700;word-break:keep-all;}
.board-view-wrap .board-title-wrap .bottom-list {justify-content:flex-start;align-items:center;gap:2.5rem;width:100%;padding:1.25rem 0;}
.board-view-wrap .board-title-wrap .bottom-list li {position:relative;color:var(--mono2);font-size:1.125rem;font-weight:300;}
.board-view-wrap .board-title-wrap .bottom-list li + li::before {content:"";position:absolute;top:50%;left:-1.25rem;display:block;width:1px;height:12px;background-color:var(--mono5);transform:translateY(-50%);}
.board-view-wrap .board-content-wrap {width:100%;border-top:1px solid var(--mono7);border-bottom:1px solid var(--mono7);}
.board-view-wrap .board-content-wrap .image-view {width:100%;text-align:center;padding:3.75rem 0 5rem;}
.board-view-wrap .board-content-wrap .extra-list {width:100%;}
.board-view-wrap .board-content-wrap .extra-list li {justify-content:flex-start;align-items:center;gap:1rem;width:100%;padding:1.25rem 0;border-top:1px solid var(--mono9);}
.board-view-wrap .board-content-wrap #bd_content + .extra-list li:nth-child(1) {border-top:1px solid var(--mono7);}
.board-view-wrap .board-content-wrap .extra-list li strong {position:relative;display:block;width:100px;color:var(--mono1);font-size:1.125rem;font-weight:700;text-align:center;}
.board-view-wrap .board-content-wrap .extra-list li strong::after {content:"";position:absolute;top:50%;right:0;display:block;width:1px;height:12px;background-color:var(--mono5);transform:translateY(-50%);}
.board-view-wrap .board-content-wrap .extra-list li a {display:inline-block;width:auto;max-width:calc(100% - 100px - 1rem);color:var(--mono2);font-size:1.125;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board-view-wrap .board-content-wrap .extra-list li a:hover {text-decoration:underline;}
.board-view-wrap .board-bottom-wrap {width:100%;border-bottom:1px solid var(--mono7);}
.board-view-wrap .board-bottom-wrap .board-navigation {position:relative;justify-content:space-between;align-items:center;width:100%;}
.board-view-wrap .board-bottom-wrap .board-navigation::after {content:"";position:absolute;top:50%;left:50%;display:block;width:1px;height:20px;background-color:var(--mono7);transform:translate(-50%,-50%);}
.board-view-wrap .board-bottom-wrap .board-navigation li {width:50%;}
.board-view-wrap .board-bottom-wrap .board-navigation li a {display:block;transition:0.2s;}
.board-view-wrap .board-bottom-wrap .board-navigation li:not(.no-post):hover a {background-color:var(--mono9);}
.board-view-wrap .board-bottom-wrap .board-navigation li a .inner {justify-content:space-between;align-items:center;gap:1.75rem;width:100%;padding:2rem 1.25rem;box-sizing:border-box;}
.board-view-wrap .board-bottom-wrap .board-navigation li a .inner .arrow {width:40px;color:var(--mono1);font-size:1.25rem;font-weight:700;text-align:center;}
.board-view-wrap .board-bottom-wrap .board-navigation li a .inner .text-wrap {width:calc(100% - 40px - 1.75rem);}
.board-view-wrap .board-bottom-wrap .board-navigation li.next a .inner .text-wrap {text-align:right;}
.board-view-wrap .board-bottom-wrap .board-navigation li a .inner .text-wrap strong {display:block;color:var(--mono1);font-size:1.125rem;font-weight:700;margin-bottom:0.5rem;}
.board-view-wrap .board-bottom-wrap .board-navigation li a .inner .text-wrap span {display:block;width:100%;color:var(--mono2);font-size:1.125rem;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board-view-wrap .board-bottom-wrap .board-navigation li.no-post a {pointer-events:none;}
.board-view-wrap .admin-wrap {justify-content:center;}

/* admin btn */
.admin-wrap {justify-content:flex-end;gap:1rem;width:100%;margin-top:5rem;}
.admin-wrap .admin-button button,
.admin-wrap .admin-button a {justify-content:center;align-items:center;height:56px;font-size:1.125rem;font-weight:700;padding:0 1.5rem;border-radius:16px;box-sizing:border-box;transition:0.2s;}
.admin-wrap .admin-button.default button,
.admin-wrap .admin-button.default a {color:#fff;background-color:var(--mono1);}
.admin-wrap .admin-button.default button:hover,
.admin-wrap .admin-button.default a:hover {background-color:var(--color1);}
.admin-wrap .admin-button.second button,
.admin-wrap .admin-button.second a {color:var(--mono3);background-color:var(--mono8);}
.admin-wrap .admin-button.second button:hover,
.admin-wrap .admin-button.second a:hover {background-color:var(--mono7);}
.admin-wrap .admin-button.lined button,
.admin-wrap .admin-button.lined a {color:var(--mono2);border:1px solid var(--mono7);}
.admin-wrap .admin-button.lined button:hover,
.admin-wrap .admin-button.lined a:hover {border-color:var(--mono8);background-color:var(--mono8);}

/* responsive */
@media screen and (max-width:1900px){
    
}

@media screen and (max-width:1450px){
    
}

@media screen and (max-width:1280px){
    .certificate-board .category-tab-wrap {height:56px;}
    .certificate-board .category-tab-wrap .category-tab-list li a {height:56px;}

    .certificate-board .certificate-board-list .item {width:calc(25% - 2.5rem * 3 / 4);}
}

@media screen and (max-width:1024px){
    .certificate-board .category-tab-wrap {height:auto;}
    .certificate-board .category-tab-wrap .category-tab-list {gap:0.75rem 1.25rem;}
    .certificate-board .category-tab-wrap .category-tab-list li a {font-size:1.125rem;}

    .certificate-board .certificate-board-list {gap:3.75rem 1.25rem;}
    .certificate-board .certificate-board-list .item {width:calc((100% / 3) - 1.25rem * 2 / 3);}
    .certificate-board .certificate-board-list .item .thumbnail {border-radius:12px;}

    .certificate-board .pagination {margin-top:3.75rem;}
    .certificate-board .pagination li a {font-size:1rem;}

    .board-view-wrap .board-title-wrap .title {font-size:2.25rem;}
    .board-view-wrap .board-title-wrap .bottom-list {gap:1.25rem;padding:0.75rem 0 1.25rem;}
    .board-view-wrap .board-title-wrap .bottom-list li {font-size:0.875rem;}
    .board-view-wrap .board-title-wrap .bottom-list li + li::before {left:calc(-1.25rem / 2);height:10px;}

    .board-view-wrap .board-content-wrap .image-view {padding:3.75rem 0;}

    .board-view-wrap .board-bottom-wrap .board-navigation::after {display:none;}
    .board-view-wrap .board-bottom-wrap .board-navigation li {width:100%;}
    .board-view-wrap .board-bottom-wrap .board-navigation li.next {border-top:1px solid var(--mono7);}
    .board-view-wrap .board-bottom-wrap .board-navigation li a .inner {gap:1.25rem;padding:1.25rem;}
    .board-view-wrap .board-bottom-wrap .board-navigation li a .inner .arrow {width:28px;transform:rotate(90deg);}
    .board-view-wrap .board-bottom-wrap .board-navigation li a .inner .text-wrap {width:calc(100% - 1.25rem - 28px);}
    .board-view-wrap .board-bottom-wrap .board-navigation li.next a .inner .text-wrap {order:1;text-align:left;}
    .board-view-wrap .board-bottom-wrap .board-navigation li a .inner .text-wrap strong {font-size:1rem;}
    .board-view-wrap .board-bottom-wrap .board-navigation li a .inner .text-wrap span {font-size:1rem;}
    
    .board-view-wrap .admin-wrap {margin-top:3.75rem;}
}

@media screen and (max-width:768px){
    .certificate-board .category-tab-wrap .category-tab-list li a {height:48px;}

    .certificate-board .certificate-board-list .item {width:calc(50% - 1.25rem / 2);}

    .certificate-board .pagination li a {width:48px;border-radius:12px;}

    .board-view-wrap .board-title-wrap .title {font-size:1.875rem;}
    .board-view-wrap .board-title-wrap .bottom-list {padding:0.5rem 0 1.25rem;}

    .board-view-wrap .board-bottom-wrap .board-navigation li a .inner {padding:1rem 0.5rem;}
    
    .admin-wrap .admin-button button, 
    .admin-wrap .admin-button a {height:48px;border-radius:12px;}
}

@media screen and (max-width:480px){
    .certificate-board .category-tab-wrap .category-tab-list li a {font-size:1rem;height:44px;}
    .certificate-board .category-tab-wrap .category-tab-list li a::after {height:4px;}
}