/* SKIN : board.default.css */
/*───────────────────────────────────────────────────────────

	Common

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

/* Btn */
.nxb-default .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-default .btn-nxb__list{background-color:#999}
.nxb-default .btn-nxb__save,
.nxb-default .btn-nxb__write{background:#333}

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

	List

───────────────────────────────────────────────────────────*/
/* Top */
.nxb-default .nxb-list{position:relative}
.nxb-default .nxb-list__header{position:relative;}
.nxb-default .nxb-list__search-for{float:left;width:100%}
.nxb-default .nxb-list__search-result{font-size:18px;text-align:center;margin-top:30px}
.nxb-default .nxb-list__search-result > strong{color:var(--orange);}
.nxb-default .nxb-list__search-result--reset{display:inline-flex;align-items:center;font-size:16px;font-weight:500;color:#222;}
.nxb-default .nxb-list__search-result--reset > i{margin-right:2px;font-size:18px;}
.nxb-default .nxb-list__search-result--reset:hover{font-weight:700}
.nxb-default .nxb-list__header-center{display:flex;justify-content:center;align-items:center;width:100%;}
.nxb-default .nxb-list__search{display:flex;justify-content: center;align-items: center;width:100%;height:180px;padding:20px;margin-top:70px;background-color:#fafafa;}
.nxb-default .nxb-list__search form{display:flex;width:100%;align-items: center;justify-content: center;}
.nxb-default .nxb-list__search-select-wrap{display:flex;position:relative;width:100%;max-width:120px;margin-right:5px;}
.nxb-default .nxb-list__search-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-default .nxb-list__search-select{position:relative;width:100%;height:50px;padding:0 15px;font-size:15px;color:#999;border:1px solid #ddd;vertical-align:middle}
.nxb-default .nxb-list__search-input-wrap{display:flex;width:100%;max-width:400px;}
.nxb-default .nxb-list__search-keyword{width:100%;max-width:320px;height:50px;padding:0 15px;font-size:15px;color:#222;border:1px solid #ddd;vertical-align:middle}
.nxb-default .nxb-list__search-submit{flex-shrink:0;width:80px;height:50px;font-size:15px;color:#fff;border:0;background-color:#333;vertical-align:middle}

/* List */
.nxb-default .nxb-list-table{position:relative;width:100%;margin-top:80px;}
.nxb-default .nxb-list-table th,
.nxb-default .nxb-list-table td{vertical-align:middle}
.nxb-default .nxb-list-table thead tr{border-top:2px solid #222;border-bottom:1px solid #222}
.nxb-default .nxb-list-table thead th{height:65px;font-size:17px;font-weight:500;color:#222}
.nxb-default .nxb-list-table tbody tr{border-bottom:1px solid #e5e5e5;transition:background-color .3s;}
.nxb-default .nxb-list-table tbody td{height:65px;font-size:16px;color:#5d5d5d;text-align:center;padding:0 15px}
.nxb-default .nxb-list-table tbody td a{display:-webkit-box;overflow:hidden;color:#5d5d5d;text-overflow: ellipsis;word-break: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;transition:color .3s;}
.nxb-default tbody .nxb-list-table__title{text-align: left !important}
.nxb-default .nxb-list-table__title{padding-left:25px}
.nxb-default .nxb-list-table__notice{background-color:#fafafa}
.nxb-default .nxb-list-table__notice td,
.nxb-default .nxb-list-table__notice td a{font-family: "Pretendard";font-weight:500;color:#222}
.nxb-default .nxb-list-table__notice .nxb-list-table__title{text-align:center;}
.nxb-default .nxb-list-table__notice-icon{display:block;width:16px;height:14px;margin:0 auto;font-size:20px;color:var(--orange);}
.nxb-default .nxb-list__notice-txt{padding:100px 20px;font-size:15px;color:#333;text-align:center;border-bottom:1px solid #ccc}
.nxb-default .nxb-list-table__num{width:7.69%;max-width:100px;}
.nxb-default .nxb-list-table__hit{width:10%;max-width:130px;}
.nxb-default .nxb-list-table__writer{width:15%;max-width:150px;}
.nxb-default .nxb-list-table__date{width:11.53%;max-width:150px;}

/* Pagination */
.nxb-default .nxb__pagination{display:flex;justify-content: center;padding:100px 0 0; margin:0 auto}
.nxb-default .nxb__pagination a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin-right:5px;font-family:"noto-sans";color:#999;background-color:#fff;border:1px solid #e5e5e5;transition:color .3s, border .3s}
.nxb-default .nxb__pagination a.disabled{opacity:.5;cursor:default}
.nxb-default .nxb__pagination 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-default .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-default .nxb__pagination a.first i::before{content:"\ea47"}
.nxb-default .nxb__pagination a.prev i{transform:rotate(180deg)}
.nxb-default .nxb__pagination a.prev i::before{content:"\ea3e";transform:rotate(-180deg)}
.nxb-default .nxb__pagination a.next i::before{content:"\ea3e"}
.nxb-default .nxb__pagination a.last i::before{content:"\ea48"}
.nxb-default .nxb__pagination .omit{margin:10px 5px 0 0}


@media(max-width:640px){
	/* Top */
	.nxb-default .nxb-list__search{margin-top:30px;}
	.nxb-default .nxb-list__search form{flex-direction: column;}
	.nxb-default .nxb-list__search-select-wrap{max-width:none;margin:0 0 5px}
	.nxb-default .nxb-list__search-input-wrap,
	.nxb-default .nxb-list__search-keyword{max-width:none;}
	.nxb-default .nxb-list__search-select,
	.nxb-default .nxb-list__search-keyword,
	.nxb-default .nxb-list__search-submit{height:45px;}
	.nxb-default .nxb-list__search-submit{width:65px;}
	/* List */
	.nxb-default thead{display:none;}
	.nxb-default .nxb-list-table{margin-top:40px;border-top:2px solid #222}
	.nxb-default .nxb-list-table tbody tr{ display:flex;flex-wrap:wrap;align-items: center;height:auto;padding:20px 0px}
	.nxb-default .nxb-list-table tbody td{display:inline-block;width:100%;height:auto;padding:0;text-align: left;}
	.nxb-default .nxb-list-table__notice-icon{width:30px;margin:0}
	.nxb-default .nxb-list-table__notice .nxb-list-table__num{display: block;flex-shrink:0;width:30px;}
	.nxb-default .nxb-list-table .nxb-list-table__title{width:calc(100% - 30px);margin-bottom:5px;font-size:16px;font-weight:600;color:#222}
	.nxb-default .nxb-list-table__num{display:none!important}
	.nxb-default .nxb-list-table__writer{display:none!important;}
	.nxb-default .nxb-list-table__hit{display:none!important;}
	/* Pagination */
	.nxb-default .nxb__pagination{padding-top:50px}
}
@media (max-width:480px){
	/* Pagination */
	.nxb-default .nxb__pagination a{width:36px;height:36px;}
	.nxb-default .nxb__pagination strong{width:36px;height:36px;}
}
@media(max-width:360px){
	/* Pagination */
	.nxb-default .nxb__pagination a{width:30px;height:30px;}
	.nxb-default .nxb__pagination strong{width:30px;height:30px;}
}
@media (min-width:1025px){
	/* List */
	.nxb-default .nxb-list-table tbody tr:not(.nxb-list-table__notice):hover{background-color:#fafafa}
	.nxb-default .nxb-list-table tbody tr:not(.nxb-list-table__notice):hover td,
	.nxb-default .nxb-list-table tbody tr:not(.nxb-list-table__notice):hover td a{color:var(--orange);}
	/* Pagination */
	.nxb-default .nxb__pagination a:not(.disabled):hover{color:#222;border:1px solid #222}
}
/*───────────────────────────────────────────────────────────

	View

───────────────────────────────────────────────────────────*/
/* Top */
.nxb-default .nxb-view {margin-top:70px}
.nxb-default .nxb-view__header-title { padding-bottom:30px; font-weight:600;border-bottom:2px solid #222}
.nxb-default .nxb-view__header-wrap { display:flex; flex-wrap:wrap; align-items:center;border-bottom:1px solid #e5e5e5; }
.nxb-default .nxb-view__category-label { display:inline-flex; justify-content:center; align-items:center; padding:5px 10px; margin:0 10px 10px 0; font-size:15px; color:#fff; text-align:center; border-radius:30px; background-color:var(--orange); }
.nxb-default .nxb-view__info-list { display:flex; flex-wrap:wrap; }
.nxb-default .nxb-view__info-item { display:flex; align-items:stretch; width:100%; min-height:60px; border-bottom:1px solid #e5e5e5; }
.nxb-default .nxb-view__info-item.half { width:50%; }
.nxb-default .nxb-view__info-title-area { display:flex; justify-content:center; flex-shrink:0; position:relative; width:150px; padding:15px 20px; text-align:center; background-color:#f8f8f8; }
.nxb-default .nxb-view__info-title { display:flex; justify-content:center; align-items:center; height:100%; max-height:30px; font-size:16px; font-weight:500; }
.nxb-default .nxb-view__info-text { display:flex; flex-wrap:wrap; align-items:center; width:100%; min-width:1px; padding:15px 20px; font-size:15px; color:#444; }
.nxb-default .nxb-view__info-item.files .nxb-view__info-text { padding:7px 20px; }
.nxb-default .nxb-view__info-date { display:inline-flex; align-items:center; }
.nxb-default .nxb-view__info-icon { display:none!important; margin-right:5px; }
.nxb-default .nxb-view__link-list { width:100%; }
.nxb-default .nxb-view__link-item { display:flex; align-items:center; width:100%; margin-top:5px; }
.nxb-default .nxb-view__link-item:first-child { margin-top:0; }
.nxb-default .nxb-view__link-icon { display:inline-block; flex-shrink:0; margin-right:10px; }
.nxb-default .nxb-view__link-anchor { display:inline-block; color:#444; }
.nxb-default .nxb-view__files-list { width:100%; }
.nxb-default .nxb-view__files-item { margin-top:8px; }
.nxb-default .nxb-view__files-item:first-child { margin-top:0; }
.nxb-default .nxb-view__files-link { display:flex; justify-content:space-between; color:#444; }
.nxb-default .nxb-view__files-name { display:inline-block; align-self:center; position:relative; width:100%; padding-left:25px; }
.nxb-default .nxb-view__files-name-icon { position:absolute; top:3px; left:0; font-size:16px; color:#bbb; }
.nxb-default .nxb-view__files-text { display:inline-block; align-self:center; color:#888; line-height:1.5; word-break:break-all; }
.nxb-default .nxb-view__volume { display:inline-block; align-self:flex-end; margin-left:5px; font-size:12px; color:#999; }
.nxb-default .nxb-view__files-btn { display:flex; flex-shrink:0; justify-content:space-between; align-items:center; width:100%; max-width:140px; height:40px; padding:0 25px; margin-left:40px;font-family:"Titillium web", "Prentendare"; font-size:14px; font-weight:600; border-radius:30px; border:1px solid #e5e5e5; transition:color .3s, border-color .3s, background-color .3s; }
.nxb-default .nxb-view__files-icon { margin-right:10px; }
.nxb-default .nxb-view__contents { min-height:500px; padding:60px 20px 80px; word-break:break-word;}
.nxb-default .nxb-view__contents div,
.nxb-default .nxb-view__contents span,
.nxb-default .nxb-view__contents p{word-break:break-word;}
.nxb-default .editor-contents img { max-width:100%; max-height:100%; }
.nxb-default .nxb-view__thumb { margin-bottom:40px; font-size:0; line-height:1; }
.nxb-default .nxb-view__thumb-img { width:auto; max-width:100%; height:auto; }
.nxb-default .nxb-view__action-list { display:flex; align-items:center; justify-content: flex-end; margin-top:20px; }
.nxb-default .nxb-view__action-item { position:relative; margin-right:5px }
.nxb-default .nxb-view__action-item:last-child { margin-right:0 }
.nxb-default .nxb-view__action-btn { display:inline-block; min-width:60px; height:28px; font-size:14px; color:#666; line-height:26px; text-align:center; border:1px solid #d1d1d1 }
.nxb-default .btn-default{margin:60px auto 0;}
/* .nxb-default .nxb-view__footer-btn { display:flex; justify-content:center; align-items:center; width:100%; max-width:180px; height:60px; margin:50px auto 0;font-size:18px; color:#888;border:1px solid #eee;border-radius: 30px; transition:color .3s, border-color .3s, background-color .3s; }
.nxb-default .nxb-view__footer-icon { position:relative; top:-1px; margin-left:15px; } */
/* Rel data */
.nxb-default .nxb-view__related{border-top:1px solid #222;border-bottom:1px solid #222}
.nxb-default .nxb-view__related-desc{display:flex;height:60px;font-size:16px;color:#444;}
.nxb-default .nxb-view__related-label-area{display:flex;align-items: center;justify-content: center;flex-shrink:0;position:relative;width:150px;}
.nxb-default .nxb-view__related-label-area::after{content:"";position:absolute;top:50%;right:0;width:1px;height:16px;background-color:#eee;transform:translate(0, -50%)}
.nxb-default .nxb-view__related-label-area .icon{margin-right:10px;}
.nxb-default .nxb-view__related-txt-area{display:flex;align-items: center;}
.nxb-default .nxb-view__related-txt{display: -webkit-box;padding:0 30px;color:inherit;text-overflow: ellipsis;word-break: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.nxb-default .nxb-view__related-desc.disabled{color:#ccc}
.nxb-default .nxb-view__related-prev{border-bottom:1px solid #e5e5e5;}

@media (max-width:1024px){
	/* Top */
	.nxb-default .nxb-view__header-title { padding-bottom:15px}
	.nxb-default .nxb-view__info-item { min-height:55px; }
	.nxb-default .nxb-view__info-item.writer,
	.nxb-default .nxb-view__info-item.date { width:100%; }
	.nxb-default .nxb-view__info-icon { display:inline-block!important; }
	.nxb-default .nxb-view__info-title-area { width:120px; padding:15px 10px; }
	.nxb-default .nxb-view__info-text { padding:15px 10px; }
	.nxb-default .nxb-view__info-item.view .nxb-view__info-text { justify-content:flex-end; }
	.nxb-default .nxb-view__info-item.files .nxb-view__info-text { padding:15px 10px; }
	.nxb-default .nxb-view__files-btn { position:relative; max-width:30px; height:30px; overflow:hidden; padding:0; margin-left:20px; color:transparent; text-indent:-99px; border-radius:0; }
	.nxb-default .nxb-view__file-icon { position:absolute; top:50%; left:50%; font-size:15px; color:#555; text-indent:0; transform:translate(-50%, -50%); }
	.nxb-default .nxb-view__files-name-icon{color:#444;}
	.nxb-default .nxb-view__files-text{color:#444;}
	.nxb-default .nxb-view__contents { min-height:350px; padding:50px 10px 60px; }
	.nxb-default .nxb-view__related-wrap { min-height:55px; }
	.nxb-default .nxb-view__related-label { padding-left:10px; }
	.nxb-default .nxb-view__related-desc { padding-right:10px; }
	/* .nxb-default .nxb-view__footer-btn { max-width:160px; height:55px; } */
	/* Rel data */
	.nxb-default .nxb-view__related-label-area{width:90px}
	.nxb-default .nxb-view__related-txt{padding:0 15px}
}
@media (max-width:640px){
	/* Top */
	.nxb-default .nxb-view{margin-top: 40px;}
	.nxb-default .nxb-view__header-wrap { padding-bottom:0; }
	.nxb-default .nxb-view__info-item { min-height:50px; }
	.nxb-default .nxb-view__info-item.link,
	.nxb-default .nxb-view__info-item.files { flex-direction:column; }
	.nxb-default .nxb-view__info-item .nxb-view__info-title-area { justify-content:flex-start; width:auto; min-width:80px; padding:10px; background-color:transparent; }
	.nxb-default .nxb-view__info-item:not(.link):not(.files) .nxb-view__info-title-area { margin-right:10px; }
	.nxb-default .nxb-view__info-item:not(.link):not(.files) .nxb-view__info-title-area::before { content:""; position:absolute; top:18px; right:0; width:1px; height:15px; background-color:#ddd; }
	.nxb-default .nxb-view__info-item.link .nxb-view__info-title-area,
	.nxb-default .nxb-view__info-item.files .nxb-view__info-title-area { padding-bottom:7px; }
	.nxb-default .nxb-view__info-title { font-size:15px; }
	.nxb-default .nxb-view__info-text { padding:10px; }
	.nxb-default .nxb-view__contents { padding:20px 10px 30px }
	/* Rel data */
	.nxb-default .nxb-view__related-desc{height:55px;font-size:15px;padding:0}
}
@media (min-width:1025px){
	/* Top */
	.nxb-default .nxb-view__link-anchor:hover { text-decoration:underline; }
	.nxb-default .nxb-view__files-link:hover .nxb-view__files-text { text-decoration:underline; }
	.nxb-default .nxb-view__files-link:hover .nxb-view__files-btn { color:#fff; border-color:var(--orange); background-color:var(--orange); }
	.nxb-default .nxb-view__action-btn:hover { color:#195bf3; border-color:#195bf3 }
	/* .nxb-default .nxb-view__footer-btn:hover { color:#fff; background-color:#222; } */
	/* Rel data */
	.nxb-default .nxb-view__related-link:hover { text-decoration:underline; }
}


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

/* Form */
.nxb-default .nxb-write__form{position:relative;border-top:1px solid #ddd}
.nxb-default .nxb-write__form-row{display:flex;align-items:center;min-height:54px;border-bottom:1px solid #ddd}
.nxb-default .nxb-write__label-area{width:200px;padding:10px 7px}
.nxb-default .nxb-write__input-area{width:calc(100% - 200px);padding:10px 7px}
.nxb-default .nxb-write__input-area.editor-wrap{display:block;width:100%;padding:15px 0}
.nxb-default .nxb-write__label{font-size:15px;font-weight:500}
.nxb-default .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-default .nxb-write__input.wid500{width:500px}
.nxb-default .nxb-write__input.widfull{width:100%}
.nxb-default .nxb-write__editor-wrap{padding:10px 0}
.nxb-default .nxb-write__btn-area{overflow:hidden;padding-top:20px}
.nxb-default .switch > .switch-label{font-size:14px;color:#2b304c} /* 관리자 */

/* File Upload */
.nxb-default .board-file-drop{width:100%;padding:30px 30px;border:3px dashed #bbb;background-color:#ececec;color:#7f858a;text-align:center}
.nxb-default .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-default .board-file-drop .btn-find:hover{background-color:#444}
.nxb-default .board-file-drop input{display:none}
.nxb-default .dropList{margin-top:15px}
.nxb-default .dropList li{position:relative;height:auto;padding:6px 0;border-bottom:1px dotted #ccc}
.nxb-default .dropList li:last-child{border-bottom:0}
.nxb-default .dropList li input{display:none}
.nxb-default .dropList li p{display:inline-block;font-size:14px;color:#444;margin-left:7px;vertical-align:middle}
.nxb-default .dropList li i{position:absolute;right:72px;top:7px;font-size:13px;font-weight:normal;font-style:normal;color:#7f7f7f}
.nxb-default .dropList li canvas{vertical-align:middle}
.nxb-default .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-default .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-default .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-default .dropList li.error span.nt{background-position-y:-13px;margin-top:-6px}
.nxb-default .dropList li.working span.nt{height:16px;background-position:0 -12px}
.nxb-default .dropList li.error p{color:red}