/* SKIN : board.default.css */

/*--------------------------------------------------------------------------
| Common
|--------------------------------------------------------------------------*/

/* Init */
.nxb-card *{font-family:"Pretendard", sans-serif}

/* Btn */
.nxb-card .btn-nxb{display:inline-block;min-width:75px;height:40px;padding:0 18px;font-size:15px;line-height:40px;color:#fff;text-align:center;border:0}
.nxb-card .btn-nxb__list{background-color:#999}
.nxb-card .btn-nxb__save,
.nxb-card .btn-nxb__write{background:#333}


/*───────────────────────────────────────────────────────────

	List

───────────────────────────────────────────────────────────*/
/*─────────── Top ───────────*/
.nxb-card .nxb-list__header-inner{display:flex;justify-content:center;align-items: flex-end;gap:20px;}
.nxb-card .nxb-list__search{display:flex;width:100%;max-width:550px;}
.nxb-card .nxb-list__search form{display:flex;align-items:center;justify-content: center;width:100%;}
.nxb-card .nxb-list__select-wrap{display:flex;position:relative;width:100%;max-width:150px;margin-right:5px;}
.nxb-card .nxb-list__select{position:relative;width:100%;height:50px;padding:0 45px 0 25px;color:#666;vertical-align:middle;border:1px solid #ddd;background-color:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;}
.nxb-card .nxb-list__select::-ms-expand{display:none;}
.nxb-card .nxb-list__select-icon{position:absolute;top:50%;right:20px;color:#666;transform:translate(0, -50%);}
.nxb-card .nxb-list__input-wrap{display:flex;width:100%;}
.nxb-card .nxb-list__search-keyword{width:100%;height:50px;padding:0 25px;color:#222;border:1px solid #ddd;vertical-align:middle;}
.nxb-card .nxb-list__search-submit{flex-shrink:0;width:80px;height:50px;color:#fff;border:0;background-color:#333;vertical-align:middle;transition:background-color .3s;}
.nxb-card .nxb-list__search-result{margin-top:50px;text-align:center;}
.nxb-card .nxb-list__search-title{color:#555;}
.nxb-card .nxb-list__search-text{color:#222;font-weight:600;}
.nxb-card .nxb-list__search-num{color:#222;font-weight:600;}
.nxb-card .nxb-list__search-reset{display:flex;justify-content:center;align-items:center;width:100%;max-width:120px;height:45px;padding:0 20px;margin:20px auto 0;border:1px solid #e5e5e5;transition:color .3s, border-color .3s, background-color .3s;}
.nxb-card .nxb-list__search-icon{display:inline-block;margin-right:10px;}
.nxb-card .nxb-list__notice-txt{display:flex;align-items:center;justify-content:center;min-height:150px;font-size:15px;color:#333;border-bottom:1px solid #eee;}
.nxb-card .nxb-list__category{display:flex;align-items:center;justify-content: flex-end;margin-top:10px;}
.nxb-card .nxb-list__category form{display:flex;align-items:center;gap:5px 10px;width:250px;}
.nxb-card .nxb-list__category-title{display:flex;align-items:center;}
.nxb-card .nxb-list__category .nxb-list__select-wrap{max-width:none;margin:0}
/* Media Query */
@media (min-width:1025px){
	.nxb-card .nxb-list__search-reset:hover{color:#fff;border-color:#0467b3;background-color:#0467b3;}
	.nxb-card .nxb-list__search-submit:hover{background-color:#0467b3;}
}
@media(max-width:1024px){
	.nxb-card .nxb-list__header-inner{flex-direction: column;align-items: flex-start;}
	.nxb-card .nxb-list__search{max-width:100%;}
	.nxb-card .nxb-list__search form{justify-content:center;}
	.nxb-card .nxb-list__select{padding:0 25px 0 15px;}
	.nxb-card .nxb-list__search-keyword{padding:0 15px;}
	.nxb-card .nxb-list__search-submit{background-color:#222;}
    .nxb-card .nxb-list__notice-txt{font-size:14px;}
	.nxb-card .nxb-list__category{justify-content: flex-start;width:100%}
	.nxb-card .nxb-list__category form{justify-content:flex-end;width:100%;}
	.nxb-card .nxb-list__category-title{display:inline-flex;align-items: center;flex-shrink: 0;width:145px;}
}
@media(max-width:640px){
	.nxb-card .nxb-list__search{flex-direction:column;}
	.nxb-card .nxb-list__search form{flex-direction:column;}
	.nxb-card .nxb-list__select-wrap{max-width:none;margin:0 0 10px;}
	.nxb-card .nxb-list__input-wrap{max-width:none;}
	.nxb-card .nxb-list__search-keyword{max-width:none;}
	.nxb-card .nxb-list__search-submit{width:65px;}
	.nxb-card .nxb-list__search-reset{width:85px;height:35px;}
	.nxb-card .nxb-list__category:not(:first-child){flex-direction:column;align-items:flex-start;margin-top:20px;}
	.nxb-card .nxb-list__category form{flex-direction:column;align-items:flex-start;}
}
/*───────────// Top ───────────*/

/*─────────── Contents ───────────*/
.nxb-card .nxb-list__contents {margin-top:80px;}
.nxb-card .nxb-list__list {display:flex; flex-wrap:wrap;gap:80px 0;margin:0 -25px;}
.nxb-card .nxb-list__item {width:33.3333333%;padding:0 25px;}
.nxb-card .nxb-list__link {display:block;}
.nxb-card .nxb-list__img-wrap {position:relative;overflow:hidden;padding-top:68.1818181818%;background: #f8f8f8 no-repeat center / 59.09090909% auto ;}
.nxb-card .nxb-list__img-wrap.empty {background-image:url("/uploads/media/gallery_default.png");}
.nxb-card .nxb-list__img-wrap::after {content:""; position:absolute; top:0; left:0;width:100%;height:100%;border:1px solid #e5e5e5;box-sizing:border-box;transition:border-width .3s linear;z-index: 1;}
.nxb-card .nxb-list__img-inner{display:flex;align-items:center;justify-content:center;position: absolute;top:0;left:0;width:100%;height:100%;}
.nxb-card .nxb-list__img {display:block;object-fit: cover;}
.nxb-card .nxb-list__text-wrap {margin-top:25px;}
.nxb-card .nxb-list__title {display:-webkit-box; height:1.5em; overflow:hidden; font-weight:600;color:#555;word-wrap:break-word; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;  transition:color .3s;}
.nxb-card .nxb-list__text {display:-webkit-box; height:1.5em; overflow:hidden; margin-top:10px;word-wrap:break-word; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition:color .3s;}
.nxb-card .nxb-list__bottom {display:flex; justify-content:space-between; align-items:center;position: relative;opacity:.6;padding-top:20px; margin-top:25px; border-top:1px solid #e5e5e5; transition:border-color .3s, opacity .3s;}
.nxb-card .nxb-list__bottom::before{content:"";position: absolute;top:0;left:0;width:0;height:1px;background-color:#0467b3;transition:width .3s;}
.nxb-card .nxb-list__date {display:inline-flex; align-items:center;gap:0 8px;font-family:"Poppins";font-weight:500;color:#555; }
.nxb-card .nxb-list__btn {display:inline-flex; align-items:center;font-family:"Poppins";font-weight:600; color:#043c7a;letter-spacing:.2px;}
.nxb-card .nxb-list__btn .nxb-list__btn-icon{margin:0 0 2px 10px;}
.nxb-card .nxb-list__notice-txt {display:flex; justify-content:center; align-items:center; min-height:250px;color:#444;text-align:center;border-top:2px solid #222; border-bottom:1px solid #e5e5e5;}
@media (min-width:1025px){
	.nxb-card .nxb-list__link:hover .nxb-list__title{color:#043c7a}
	.nxb-card .nxb-list__link:hover .nxb-list__img-wrap::after{border:4px solid #0467b3;}
    .nxb-card .nxb-list__link:hover .nxb-list__bottom{opacity:1;}
	.nxb-card .nxb-list__link:hover .nxb-list__bottom::before{width:100%;}
}
@media (max-width:1280px){
	.nxb-card .nxb-list__list{margin:0 -15px;}
	.nxb-card .nxb-list__item{padding:0 15px;}
}
@media (max-width:1024px) {
	.nxb-card .nxb-list__item {width:50%;}
}
@media (max-width:640px) {
	.nxb-card .nxb-list__contents{margin-top: 40px;}
	.nxb-card .nxb-list__list{gap:40px 0;margin:0;}
	.nxb-card .nxb-list__item{padding:0;}
	.nxb-card .nxb-list__item {width:100%;}
	.nxb-card .nxb-list__text-wrap{margin-top: 15px;}
	.nxb-card .nxb-list__title{height:auto;}
	.nxb-card .nxb-list__bottom{padding-top:12px;margin-top: 12px;}
	.nxb-card .nxb-list__notice-txt{min-height:150px;}
}
/*─────────── Contents ───────────*/

/*─────────── Pagination ───────────*/
.nxb-card .nxb-pagination{display:flex;justify-content:center;gap:5px;margin:100px auto 0;}
.nxb-card .nxb-pagination a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-family:"Pretendard";font-size:15px;color:#999;background-color:#fff;border:1px solid #e5e5e5;transition:color .3s, border .3s;}
.nxb-card .nxb-pagination a.disabled{opacity:.5;cursor:default;}
.nxb-card .nxb-pagination strong{display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-family:"Pretendard",sans-serif;font-weight:400;color:#fff;background-color:#0467b3;border:1px solid #e5e5e5;}
.nxb-card .nxb-pagination i{font-family:xeicon!important;display:inline-block;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.nxb-card .nxb-pagination a.first i::before{content:"\ea47";}
.nxb-card .nxb-pagination a.prev i{transform:rotate(180deg);}
.nxb-card .nxb-pagination a.prev i::before{content:"\ea3e";transform:rotate(-180deg);}
.nxb-card .nxb-pagination a.next i::before{content:"\ea3e";}
.nxb-card .nxb-pagination a.last i::before{content:"\ea48";}
.nxb-card .nxb-pagination .omit{margin:10px 5px 0 0;}
/* Media Query */
@media (min-width:1025px){
	.nxb-card .nxb-pagination a:not(.disabled):hover{color:#0467b3;border:1px solid #0467b3;}
}
@media (max-width:1024px){
	.nxb-card .nxb-pagination{margin-top:50px;}
}
@media (max-width:640px){
	.nxb-card .nxb-pagination a,
	.nxb-card .nxb-pagination strong{width:35px;height:35px;font-size:14px;}
}
@media (max-width:480px){
	.nxb-card .nxb-pagination a,
	.nxb-card .nxb-pagination strong{width:30px;height:30px;font-size:13px;}
}
/*───────────// Pagination ───────────*/


/*--------------------------------------------------------------------------
| Write
|--------------------------------------------------------------------------*/

/* Form */
.nxb-card .nxb-write__form{position:relative;border-top:1px solid #ddd}
.nxb-card .nxb-write__form-row{display:flex;align-items:center;min-height:54px;border-bottom:1px solid #ddd}
.nxb-card .nxb-write__label-area{width:200px;padding:10px 7px}
.nxb-card .nxb-write__input-area{width:calc(100% - 200px);padding:10px 7px}
.nxb-card .nxb-write__input-area.editor-wrap{display:block;width:100%;padding:15px 0}
.nxb-card .nxb-write__label{font-size:15px;font-weight:500}
.nxb-card .nxb-write__input{width:250px;width:250px;height:34px;font-size:13px;color:#3c4248;text-indent:10px;border:1px solid #ced4da;border-radius:3px;outline:0;transition:border-color.3s, box-shadow .3s}
.nxb-card .nxb-write__input.wid500{width:500px}
.nxb-card .nxb-write__input.widfull{width:100%}
.nxb-card .nxb-write__editor-wrap{padding:10px 0}
.nxb-card .nxb-write__btn-area{overflow:hidden;padding-top:20px}
.nxb-card .switch > .switch-label{font-size:14px;color:#2b304c} /* 관리자 */

/* File Upload */
.nxb-card .board-file-drop{width:100%;padding:30px 30px;border:3px dashed #bbb;background-color:#ececec;color:#7f858a;text-align:center}
.nxb-card .board-file-drop .btn-find{display:inline-block;border:0;background-color:#333;padding:8px 20px;color:#fff;font-size:13px;border-radius:2px;cursor:pointer;margin-top:12px;line-height:1}
.nxb-card .board-file-drop .btn-find:hover{background-color:#444}
.nxb-card .board-file-drop input{display:none}
.nxb-card .dropList{margin-top:15px}
.nxb-card .dropList li{position:relative;height:auto;padding:6px 0;border-bottom:1px dotted #ccc}
.nxb-card .dropList li:last-child{border-bottom:0}
.nxb-card .dropList li input{display:none}
.nxb-card .dropList li p{display:inline-block;font-size:14px;color:#444;margin-left:7px;vertical-align:middle}
.nxb-card .dropList li i{position:absolute;right:72px;top:7px;font-size:13px;font-weight:normal;font-style:normal;color:#7f7f7f}
.nxb-card .dropList li canvas{vertical-align:middle}
.nxb-card .dropList li span.nt{width:15px;height:12px;background:url("img/icons.png") no-repeat;position:absolute;top:50%;margin-top:-7px;right:50px}
.nxb-card .dropList li span.erMsg{display:inline-block;vertical-align:middle;color:red;margin-left:25px;position:absolute;right:130px;top:9px;font-size:13px}
.nxb-card .dropList li .brdFileDel{position:absolute;display:inline-block;top:50%;right:0;margin-top:-10px;width:30px;height:20px;font-size:12px;line-height:20px;color:#fff;text-align:center;background:#fb4545;border-radius:3px;cursor:pointer}
.nxb-card .dropList li.error span.nt{background-position-y:-13px;margin-top:-6px}
.nxb-card .dropList li.working span.nt{height:16px;background-position:0 -12px}
.nxb-card .dropList li.error p{color:red}


/*───────────────────────────────────────────────────────────

	View

───────────────────────────────────────────────────────────*/
.nxb-card .nxb-view__header{border-top:2px solid #222;border-bottom:1px solid #e5e5e5;}
.nxb-card .nxb-view__header-wrap{padding:40px 30px;}
.nxb-card .nxb-view__header-title{font-weight:600;word-break:break-all;}
.nxb-card .nxb-view__header-list{display:flex;flex-wrap:wrap;gap:20px 10px;margin-top:30px;}
.nxb-card .nxb-view__header-item{display:flex;gap:0 10px;}
.nxb-card .nxb-view__header-item::after{content:"";display:inline-block;width:1px;height:10px;margin:7px;background-color:#eee;}
.nxb-card .nxb-view__header-item:last-child::after{display:none;}
.nxb-card .nxb-view__header-subtitle{color:#222;}
.nxb-card .nxb-view__header-text{color:#888;line-height:1.5;}
.nxb-card .nxb-view__info-list{display:flex;flex-wrap:wrap;}
.nxb-card .nxb-view__info-item{display:flex;width:100%;min-height:60px;border-top:1px solid #e5e5e5;}
.nxb-card .nxb-view__info-item:first-child{border-top:0;}
.nxb-card .nxb-view__info-item.half{width:50%;}
.nxb-card .nxb-view__info-item.half:nth-child(-n + 2){border-top:0;}
.nxb-card .nxb-view__info-title-area{flex-shrink:0;position:relative;width:120px;padding:15px 15px 15px 30px;background-color:#fafafa;}
.nxb-card .nxb-view__info-title{display:flex;align-items:center;height:100%;font-weight:500;}
.nxb-card .nxb-view__info-text{display:flex;flex-wrap:wrap;align-items:center;width:100%;min-width:1px;min-height:65px;padding:18px 30px;color:#888;}
.nxb-card .nxb-view__info-item.files .nxb-view__info-text{padding:12px 10px 12px 30px;}
.nxb-card .nxb-view__info-icon{display:none!important;margin-right:5px;transform:translateY(1px)}
.nxb-card .nxb-view__link-list{width:100%;}
.nxb-card .nxb-view__link-item{display:flex;align-items:center;width:100%;margin-top:5px;}
.nxb-card .nxb-view__link-item:first-child{margin-top:0;}
.nxb-card .nxb-view__link-icon{display:inline-block;flex-shrink:0;margin-right:10px;}
.nxb-card .nxb-view__link-anchor{display:inline-block;color:#444;}
.nxb-card .nxb-view__files-list{width:100%;}
.nxb-card .nxb-view__files-item{margin-top:5px;}
.nxb-card .nxb-view__files-item:first-child{margin-top:0;}
.nxb-card .nxb-view__files-link{display:flex;justify-content:space-between;color:#888;}
.nxb-card .nxb-view__files-name{display:inline-block;align-self:center;position:relative;width:100%;padding-left:25px;}
.nxb-card .nxb-view__files-name-icon{position:absolute;top:4px;left:0;font-size:16px;color:#bbb;}
.nxb-card .nxb-view__files-text{display:inline-block;align-self:center;color:#888;line-height:1.5;word-break:break-all;}
.nxb-card .nxb-view__volume{display:inline-block;align-self:flex-end;margin-left:5px;font-size:12px;color:#999;}
.nxb-card .nxb-view__files-btn{display:flex;flex-shrink:0;justify-content:center;align-items:center;gap:0 10px;width:100%;max-width:140px;height:40px;padding:0 20px;margin-left:40px;font-weight:500;color:#fff;background-color:#0467b3;transition:color .3s, border-color .3s, background-color .3s;}
.nxb-card .nxb-view__files-icon{margin-bottom:2px;}
.nxb-card .nxb-view__contents{display:flex;flex-direction:column;justify-content:space-between;gap:40px 20px;min-height:500px;padding:40px 30px 50px;word-break:break-all;word-wrap:break-word;}
.nxb-card .nxb-view__contents img{max-width:100%;max-height:100%;}
.nxb-card .nxb-view__related{border-top:1px solid #222;border-bottom:1px solid #222;}
.nxb-card .nxb-view__related-wrap{display:flex;align-items:center;min-height:64px;}
.nxb-card .nxb-view__related-wrap:not(:first-child){border-top:1px solid #e5e5e5;}
.nxb-card .nxb-view__related-label{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative;width:150px;padding:0 30px;font-weight:500;}
.nxb-card .nxb-view__related-label::before{display:inline-block;margin-right:10px;font-family:xeicon!important;font-style:normal;font-size:14px;font-weight:700;color:#ccc;line-height:1;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.nxb-card .nxb-view__related-wrap.prev .nxb-view__related-label::before{content:"\e930";}
.nxb-card .nxb-view__related-wrap.next .nxb-view__related-label::before{content:"\e936";}
.nxb-card .nxb-view__related-label::after{content:"";position:absolute;top:50%;right:0;width:1px;height:12px;background-color:#ddd;transform:translateY(-50%);}
.nxb-card .nxb-view__related-text{width:100%;min-width:1px;padding:0 30px;}
.nxb-card .nxb-view__related-link{color:#222;}
.nxb-card .nxb-view__related-wrap.disabled .nxb-view__related-text{color:#888;}
.nxb-card .nxb-view__action-list{display:flex;justify-content: flex-end;gap:0 8px;margin-top:15px;}
.nxb-card .nxb-view__action-btn{display:flex;align-items:center;justify-content:center;width:50px;height:32px;font-size:16px;color:#fff;background-color:#bbb;transition:background-color .3s;}
.nxb-card .nxb-view__footer{margin-top:40px;}
.nxb-card .nxb-view__footer-btn{display:flex;align-items:center;justify-content:space-between;gap:0 18px;width:100%;max-width:180px;height:60px;padding:0 30px;margin:80px auto 0;font-weight:400;color:#555;border:1px solid #ebebeb;border-radius:0;background-color:transparent;transition:color .3s, border-color .3s, background-color .3s;}
.nxb-card .nxb-view__footer-icon{position:relative;top:1px;}
/* Media Query */
@media (min-width:1025px){
    .nxb-card .nxb-view__link-anchor:hover{text-decoration:underline;}
    .nxb-card .nxb-view__files-link:hover .nxb-view__files-text{text-decoration:underline;}
    .nxb-card .nxb-view__files-link:hover .nxb-view__files-btn{color:#fff;background-color:#003876;}
    .nxb-card .nxb-view__files-link:hover .nxb-view__files-icon{color:#fff;}
    .nxb-card .nxb-view__related-link:hover{text-decoration:underline;}
	.nxb-card .nxb-view__action-btn:hover{background-color:#222;}
    .nxb-card .nxb-view__footer-btn:hover{color:#fff;background-color:#0467b3;border-color:transparent;}
}
@media (max-width:1024px){
    .nxb-card .nxb-view__header-wrap{padding:30px 20px;}
	.nxb-card .nxb-view__header-list{margin-top:20px;}
    .nxb-card .nxb-view__info{margin-top:20px;}
    .nxb-card .nxb-view__info-item{min-height:55px;}
    .nxb-card .nxb-view__info-icon{display:inline-block!important;}
    .nxb-card .nxb-view__info-title-area{width:auto;padding:10px 20px;}
    .nxb-card .nxb-view__info-text{min-height:50px;padding:10px 15px;}
    .nxb-card .nxb-view__info-item.files .nxb-view__info-text{padding:10px 15px;}
    .nxb-card .nxb-view__files-btn{position:relative;max-width:30px;height:30px;overflow:hidden;padding:0;margin-left:20px;color:transparent;text-indent:-99px;background-color:#0467b3;}
    .nxb-card .nxb-view__files-icon{position:absolute;top:50%;left:50%;margin-top:-1px;font-size:15px;color:#fff;text-indent:0;transform:translate(-50%, -50%);}
    .nxb-card .nxb-view__contents{min-height:350px;padding:30px 20px 40px;}
    .nxb-card .nxb-view__related-wrap{min-height:55px;}
    .nxb-card .nxb-view__related-label{width:auto;padding:0 15px 0 10px;}
    .nxb-card .nxb-view__related-text{padding:0 10px 0 15px;}
    .nxb-card .nxb-view__footer-btn{justify-content:center;max-width:150px;height:50px;padding:0 15px;margin-top:50px;color:#fff;background-color:#0467b3;}
    .nxb-card .nxb-view__footer-icon{top:0;}
}
@media (max-width:970px){
    .nxb-card .nxb-view__info-item.half{width:100%;}
    .nxb-card .nxb-view__info-item.half:nth-child(-n + 2){border-top:1px solid #eee;}
    .nxb-card .nxb-view__info-state{min-width:0;padding:2px 8px;}
}
@media (max-width:640px){
    .nxb-card .nxb-view__header-wrap{padding:20px 10px;}
	.nxb-card .nxb-view__category-label{min-width:0;}
	.nxb-card .nxb-view__header-list{gap:8px 5px;margin-top:12px;}
    .nxb-card .nxb-view__info-item{min-height:40px;}
    .nxb-card .nxb-view__info-item.half{width:100%;}
    .nxb-card .nxb-view__info-item.link,
    .nxb-card .nxb-view__info-item.files{flex-direction:column;border-bottom:none;}
    .nxb-card .nxb-view__info-item.files .nxb-view__info-text{padding:0 10px 7px;}
    .nxb-card .nxb-view__info-item .nxb-view__info-title-area{justify-content:flex-start;width:auto;min-width:80px;padding:10px;background-color:transparent;}
    .nxb-card .nxb-view__info-item:not(.link):not(.files) .nxb-view__info-title-area{align-items:inherit;}
    .nxb-card .nxb-view__info-item:not(.link):not(.files) .nxb-view__info-title-area::before{content:"";position:absolute;top:16px;right:0;width:1px;height:15px;background-color:#ddd;}
    .nxb-card .nxb-view__info-item.link .nxb-view__info-title-area,
    .nxb-card .nxb-view__info-item.files .nxb-view__info-title-area{padding-bottom:7px;}
    .nxb-card .nxb-view__info-text{padding:10px;}
    .nxb-card .nxb-view__contents{padding:25px 10px 40px;}
    .nxb-card .nxb-view__footer{margin-top:0px;}
}