/********************************************
갤러리 리스트
*********************************************/


.pr-sec { padding:70px 0 250px; } 
.nxb-total__wrap { display:flex; align-items:center; margin-bottom:30px; font-size: 1.7rem; } 
.nxb-total__icon { font-size:16px; color:#ccc } 
.nxb-total .color { color:#BF1D21 } 
.nxb-total .now { margin:0 5px } 
.nxb-total__total { margin:0 5px 0 8px; font-size:1.6rem; } 
.nxb-total__counter { margin-right:5px; } 
.nxb-total__page { margin:0 5px; } 
.nxb-list__search-for { font-size:2rem; text-align:center; margin-bottom:50px; } 


/* nxb-top-1 */
.nxb-top-1 { width:100%; margin:0 0 50px } 
.nxb-top-1__wrap { display:flex; align-items:center; justify-content:center; width:100%; padding:50px 20px; background-color:#f8f8f8 } 
.nxb-top-1__select-wrap { display:flex; position:relative; } 
.nxb-top-1__select-wrap::after { content:""; position:absolute; top:50%; right:20px; width:0px; height:0px; border-top:calc( 3px * 1.732 ) solid #aaa; border-left:4px solid transparent; border-right:4px solid transparent; transform:translateY(-50%) } 
.nxb-top-1__desc-wrap { display:flex; } 
.nxb-top-1 .nxb-list__search-select { width:150px; height:50px; padding:0 20px; margin-right:5px; font-size:15px; color:#bbbbbb; border:1px solid #e5e5e5 } 
.nxb-top-1 .nxb-list__search-keyword { width:320px; height:50px; padding:0 20px; font-size:15px; color:#222; border:1px solid #e5e5e5 } 
.nxb-top-1 .nxb-list__search-submit { width:80px; height:50px; } 
.nxb-top-1__submit { width:80px; height:50px; font-size:15px; color:#fff; border:0; background-color:#333; vertical-align:middle; } 

/* nxb-pagination-square */
.nxb-pagination-square { display:flex; justify-content:center; padding:100px 0 0; margin:0 auto } 
.nxb-pagination-square a { display:flex; justify-content:center; align-items:center; width:40px; height:40px; margin-right:5px; font-family:"Pretendard"; color:#999; background-color:#fff; border:1px solid #e5e5e5; transition:color .3s, border .3s } 
.nxb-pagination-square a.disabled { opacity:.5; cursor:default } 
.nxb-pagination-square strong { display:flex; justify-content:center; align-items:center; width:40px; height:40px; margin-right:5px; font-family:"Pretendard","notokr",sans-serif; color:#fff; background-color:#333; border:1px solid #e5e5e5; } 
.nxb-pagination-square i { font-family: "Font Awesome 6 Pro"; display:inline-block; speak:none; font-style:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } 
.nxb-pagination-square a.first i::before { content:"\f04a" } 
.nxb-pagination-square a.prev i { transform:rotate(180deg) } 
.nxb-pagination-square a.prev i::before { content:"\f04b"; transform:rotate(-180deg) } 
.nxb-pagination-square a.next i::before { content:"\f04b" } 
.nxb-pagination-square a.last i::before { content:"\f04e" } 
.nxb-pagination-square .omit { margin:10px 5px 0 0 } 

@media (max-width:1280px) { /* Common */
.pr-sec { padding-bottom:120px; } 
 }
@media (min-width:1025px) { /* nxb-pagination-square */
.nxb-pagination-square a:not(.disabled):hover { color:#222; border:1px solid #222 } 
 }
@media (max-width:1024px) { /* Common */
.pr-sec { padding-bottom:100px; } 
 }

@media (max-width:768px) { /* nxb-top-1 */
.nxb-top-1 { margin:0 0 30px 0 } 
.nxb-top-1__wrap { flex-direction:column; padding:30px 20px } 
.nxb-top-1__select-wrap { width:100%; } 
.nxb-top-1 .nxb-list__search-select { width:100%; margin-right:0 } 
.nxb-top-1__desc-wrap { width:100%; margin-top:10px } 
.nxb-top-1 .nxb-list__search-keyword { width:calc(100% - 80px); } 

/* Pagination */
.nxb-pagination-square { padding-top:50px } 
 }
@media (max-width:640px) { /* Common */
.pr-sec { padding:50px 0 70px; } 
 }
@media (max-width:480px) { /* nxb-top-1 */
.nxb-top-1 .nxb-list__search-keyword { width:calc(100% - 60px); } 
.nxb-top-1 .nxb-list__search-submit { width:60px; } 

/* Pagination */
.nxb-pagination-square a { width:36px; height:36px; } 
.nxb-pagination-square strong { width:36px; height:36px; } 
 }
@media(max-width:360px) { /* Pagination */
.nxb-pagination-square a { width:30px; height:30px; } 
.nxb-pagination-square strong { width:30px; height:30px; } 
 }

@media (max-width:1024px){
 .container-sec .contact-main__box { padding:0 20px 20px; } 
 }



.board-thumbnail__list { display:flex; flex-wrap:wrap; margin:0 -25px -75px; } 
.board-thumbnail__item { width:33.3333%; padding:0 25px; margin-bottom:75px; } 
.board-thumbnail__link { display:block; } 
.board-thumbnail__img-wrap { position:relative; overflow:hidden; padding-top:56.18%;  aspect-ratio: 1 / 1; background:url("/uploads/media/board_thumbnail_img.jpg") no-repeat center cover;  aspect-ratio: 1 / 1;} 
.board-thumbnail__img-wrap::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #eee; box-sizing:border-box; transition:border-color .3s; } 
.board-thumbnail__img-wrap img { position:absolute; top:50%; left:50%; width:100%; min-width:100%; height:auto; min-height:100%; transform:translate(-50%, -50%); } 
.board-thumbnail__img { position:absolute; top:50%; left:50%; width:auto; min-width:100%; height:auto; min-width:100%; } 
.board-thumbnail__title { display:-webkit-box; /* height:3em; */ margin-top:30px; font-size:20px; font-weight:600; color:#333; text-overflow:ellipsis; word-break:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color .3s; } 
.board-thumbnail__desc { display:-webkit-box; height:1.5em; margin-top:17px; color:#777; text-overflow:ellipsis; word-break:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } 
.board-thumbnail__bottom { display:flex; justify-content:space-between; align-items:center; padding-top:25px; margin-top:20px; border-top:1px solid #e5e5e5; transition:border-color .3s; } 
.board-thumbnail__date { display:inline-flex; align-items:center; font-size:1.8rem; font-weight:400; color:#858585; } 
.board-thumbnail__date i { margin-right:10px; font-size:1.8rem } 
.board-thumbnail__icon { display:inline-block; margin-right:10px; font-size:16px; } 
.board-thumbnail__btn { display:inline-flex; align-items:center; font-size:16px; font-weight:600; color:#222 } 
.board-thumbnail__btn i { display:inline-block; position:relative; top:-1px; margin-left:10px; color:#BF1D21; } 

@media screen and (min-width:1025px){
 .nxb-list__search-result--reset:hover { color:#007dc5 } 
.board-thumbnail__link:hover .board-thumbnail__img-wrap::after { border:3px solid #BF1D21; } 
.board-thumbnail__link:hover .board-thumbnail__title { color:#BF1D21; } 
.board-thumbnail__link:hover .board-thumbnail__bottom { border-color:#BF1D21; } 
 }
@media screen and (max-width:1024px){
 .board-thumbnail__list { margin-bottom:0px!important; } 
.board-thumbnail__item { width:50% } 
.board-thumbnail__title { margin-top:20px; } 
.board-thumbnail__bottom { padding-top:20px; margin-top:15px; } 
.board-thumbnail .slick-dots { bottom:-60px } 
}

@media screen and (max-width:640px) { /* Social media */
.social-visual { margin-bottom:50px; } 
/* .board-thumbnail__item { width:100%; padding:0px }  */
.board-thumbnail__item:last-child { margin-bottom:0 } 
.board-thumbnail__list { margin:0 0 50px } 
.board-thumbnail__item{ margin-bottom: 40px; padding: 0 12px;}
.board-thumbnail__title{font-size: 16px;}
.board-thumbnail__date{font-size: 1.3rem;}
.board-thumbnail__btn{font-size: 14px;}
 }
 @media screen and (max-width:500px){
    .board-thumbnail__bottom{ flex-direction: column; align-items: flex-start; row-gap: 12px;}
    .board-thumbnail__item{padding: 0 5px;}
 }


/********************************************
갤러리 뷰
*********************************************/
.board-view:has(.mxds-table) { border-bottom: none; } 
.board-view-buttons-list { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2.4rem; } 
.board-view-buttons-list > li .download { background: #3194eb; } 
.board-view-buttons-list > li .homepage { background: #12c5a3; } 
.board-view-buttons-list > li > a { display: flex; align-items: center; gap: 0.4rem; color: #12c5a3; font-size: 1.8rem; font-weight: 500; line-height: 160%; } 
.board-view-buttons-list > li > a i { color: #fff; font-size: 1.8rem; } 
.board-view-buttons-list > li > a .icon { flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 3.2rem; height: 3.2rem; border-radius: 3.2rem; } 
.board-view-info { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; gap: 1.6rem; background-color: #f5f5f5; border-bottom: 1px solid #e0e0e0; text-align: center; padding: 4rem 2rem; } 
.board-view-info-title { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.8rem; } 
.board-view-info-title .board-topic.deadline { background: #e0e0e0; } 
.board-view-info-subject { display: flex; justify-content: center; align-items: center; color: #222; font-size: 2.4rem; font-weight: 700; line-height: 140%; } 
.board-view-info-list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem 2.4rem; width: 100%; } 
.board-view-info-list li { display: flex; position: relative; color: #757575; font-size: 1.7rem; } 
.board-view-info-list li + li:before { content: ''; position: absolute; top: 50%; left: calc(-1.2rem - 1px); width: 1px; height: 15px; background-color: #e0e0e0; transform: translatey(-50%); } 
.board-view-info-list li > strong { color: #424242; font-size: 1.7rem; font-weight: 500; line-height: 140%; margin-right: 0.8rem; } 
.board-view-info-list li > p { color: #757575; font-size: 1.8rem; line-height: 160%; } 


/* 목록 버튼 */
[class*='board'] + [class*='board-button'] { margin-top: 3.2rem; } 
.board-button-center { justify-content: center; } 
[class*='board-button'] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.8rem; margin: 0; padding: 0; height: auto; } 
[class*='board-wrap']{border-top: 2px solid #222;}

.mxds-button { display: flex;align-items: center; justify-content: center; text-align: center; padding: 1rem 2.2rem; min-width: auto; width: -moz-fit-content; width: fit-content; height: 4.8rem; font-weight: 500; gap: 0.6rem; border: 1px solid #BF1D21; border-radius: 0.3rem; color: #BF1D21; position: relative; z-index: 1; white-space: nowrap; } 
.mxds-button.list { background-color: #BF1D21; } 
.mxds-button.list span { display: flex; align-items: center; color: #fff; gap: 0.6rem; } 
.mxds-button.list span::before { display: block; font-family: "Font Awesome 6 Pro"; content: '\f03a'; } 

@media screen and (max-width: 767px) {.board-view-info-subject { font-size: 17px; } 
.board-view-info-list li > strong, .board-view-info-list li > span { font-size: 14px; } 
 }
.board-view-content { min-height: 21.58rem; padding: 6.4rem 12rem;font-size: 1.8rem;} 
.board-view-content * { color: #424242; font-family: 'Pretendard', 'Pretendard GOV', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; line-height: 160%; } 
/* .board-view-content p { font-size: 1.8rem; }  */

.board-view-content img {display: block; margin-bottom: 30px; max-width: 100%;}

@media screen and (max-width: 1024px) {.board-view-content { padding: 6.4rem; } 
 }
@media screen and (max-width: 768px) {.board-view-content { padding: 6.4rem 2.4rem; } 
 }
.board-view-util { border-bottom: 1px solid #616161; } 
.board-view-util:has(.evaluation) { border-bottom: none; } 
.board-view-util .board-view-file-list > li > a { flex: none; } 
.board-view-util [class^='board-view-move-'] dd { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; } 
.board-view-util [class^='board-view-move-'] dd a[href]:hover,.board-view-util [class^='board-view-move-'] dd a[href]:focus-visible { text-decoration: underline; } 
.board-view-util dl { display: flex; border-top: 1px solid #e0e0e0; } 
.board-view-util dl > * { padding: 2rem 2.4rem; } 
.board-view-util dl dt { display: flex; justify-content: center; align-items: center; gap: 0.6rem; flex: 0 0 18rem; background-color: #f5f5f5; color: #222; font-weight: 700; font-size: 1.8rem; } 
.board-view-util dl dt i { font-size: 2rem; } 
.board-view-util dl dd { flex: 1; } 
.board-view-util dl dd a { color: #616161; font-size: 1.8rem; font-weight: 400; line-height: 140%; } 
.board-view-util dl dd .board-view-date { font-size: 14px; color: #9e9e9e; } 

@media screen and (max-width: 767px){
 .board-view-util dl { flex-direction: column; } 
 .board-view-util dl[class^='board-view-move-'] dd .board-view-move-link-text { font-size: 14px; } 
 .board-view-util dl dt { flex: auto; font-size: 14px; } 
 }

.board-view-file-list { display: flex; flex-direction: column; align-items: flex-start; gap: 0.8rem; width: 100%; } 
.board-view-file-list > strong { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 1rem; gap: 0.5rem 1.4rem; color: #222; font-size: 1.8rem; } 
.board-view-file-list > strong span { color: #9e9e9e; font-size: 1.6rem; font-weight: 400; } 
.board-view-file-list > li { display: flex; gap: 1rem; width: 100%; line-height: 130%; } 
.board-view-file-list + .board-view-file-list { margin-top: 2.3rem; padding-top: 2.1rem; border-top: 1px solid #f5f5f5; } 
.board-view-file-delete { color: #757575; font-size: 2rem; margin-left: auto; } 
.board-view-file-link { flex: 1; display: flex; align-items: center; gap: 0 0.8rem; position: relative; color: #616161; font-weight: 400; font-size: 1.8rem; max-width: 95%; } 
.board-view-file-link:hover > span,.board-view-file-link:focus-visible > span { text-decoration: underline; text-underline-offset: 3px; } 
.board-view-file-link + .board-view-file-link { margin-top: 0.25rem; } 
.board-view-file-link > span { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; word-break: break-all; } 
.board-view-file-ico { position: absolute; top: 0; left: 0; width: 2rem; height: 2rem; background: no-repeat 50% 50% / contain; } 
.board-view-file-volume { color: #9e9e9e; font-size: 1.6rem; flex-shrink: 0; } 
.board-view-file-volume:before { content: '('; } 
.board-view-file-volume:after { content: ')'; } 
.board-view-file [class*='button'] { margin-top: 1rem; } 

@media screen and (max-width: 768px){
 .board-view-file-link { font-size: 13px; } 
 .board-view-file-volume { font-size: 11px; } 
 }

.board-view-move-link-text { color: #424242; font-size: 1.6rem; line-height: 140%; } 
.board-view-move-prev a,.board-view-move-next a { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } 

@media screen and (max-width: 767px){
 .board-view-move-link-text { font-size: 14px; } 
 }