/* SKIN : board.default.css */

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

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

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


/*--------------------------------------------------------------------------
| List
|--------------------------------------------------------------------------*/

/* Board */
.nxb-thumbnail{padding-bottom:170px}
.nxb-thumbnail .nxb-list{position:relative;}
.nxb-thumbnail .nxb-list__header{position:relative;}
.nxb-thumbnail .nxb-list__search-for{float:left;width:100%}
.nxb-thumbnail .nxb-list__search-result{font-size:18px;text-align:center;margin-top:50px;}
.nxb-thumbnail .nxb-list__search-result > strong{color:#1e5491}
.nxb-thumbnail .nxb-list__search-result--reset{display:inline-flex;align-items:center;font-size:16px;font-weight:500;color:#6b48ff}
.nxb-thumbnail .nxb-list__search-result--reset > i{margin-right:2px;font-size:18px;}
.nxb-thumbnail .nxb-list__search-result--reset:hover{font-weight:700}
.nxb-thumbnail .nxb-list__header-left{display:flex;align-items:center;width:50%}
.nxb-thumbnail .nxb-list__header-right{display:flex;justify-content:flex-end;align-items:center;float:right;width:50%}
.nxb-thumbnail .nxb-list__category{margin-left:20px;font-size:15px}
.nxb-thumbnail .nxb-list__category-select{min-width:100px;height:40px;padding:0 10px;margin-left:4px;border:1px solid #ddd}
.nxb-thumbnail .nxb-list__search-select{vertical-align:middle}
.nxb-thumbnail .nxb-list__search-keyword{vertical-align:middle}
.nxb-thumbnail .nxb-list__search-submit{font-size:15px;color:#fff;border:0;background-color:#333;vertical-align:middle}
.nxb-thumbnail .nxb-list-table{position:relative;width:100%}
.nxb-thumbnail .nxb-list-table th,
.nxb-thumbnail .nxb-list-table td{vertical-align:middle}
.nxb-thumbnail .nxb-list-table thead tr{border-top:2px solid #222;border-bottom:1px solid #222}
.nxb-thumbnail .nxb-list-table thead th{height:62px;font-size:16px;font-weight:500;color:#222}
.nxb-thumbnail .nxb-list-table tbody tr{height:65px;border-bottom:1px solid #e5e5e5}
.nxb-thumbnail .nxb-list-table tbody td{font-size:15px;color:#5d5d5d;text-align:center;padding:0 15px}
.nxb-thumbnail .nxb-list-table tbody td a{display:-webkit-box;font-size:16px;text-overflow: ellipsis;word-break: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;color:#5d5d5d}
.nxb-thumbnail .nxb-list-table__title{text-align:left !important;padding-left:25px}
.nxb-thumbnail .nxb-list-table__notice{background-color:#fafafa}
.nxb-thumbnail .nxb-list-table__notice td,
.nxb-thumbnail .nxb-list-table__notice td a{font-weight:500;color:#222}
.nxb-thumbnail .nxb-list-table__notice-icon{display:block;width:16px;height:14px;margin:0 auto;background:center / contain url("/uploads/media/notice_icon.png") no-repeat;}
.nxb-thumbnail .nxb-list__notice-txt{padding:100px 20px;font-size:15px;color:#333;text-align:center;border-bottom:1px solid #ccc}
.nxb-thumbnail .nxb-list__header-center{display:flex;align-items:center;justify-content:center;width:100%;}

/* Press */
.nxb-thumbnail .card-board {}
.nxb-thumbnail .card-board__list {margin:0 -25px;}
.nxb-thumbnail .card-board__item {padding:0 25px;}
.nxb-thumbnail .card-board__link {display:block;}
.nxb-thumbnail .card-board__img-wrap {position:relative; padding-top:68.1818%; background:url("/uploads/media/bg_board_default.jpg") no-repeat center center / cover;}
.nxb-thumbnail .card-board__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;}
.nxb-thumbnail .card-board__img {position:absolute; top:50%; left:50%; width:auto; min-width:100%; height:auto; min-width:100%;}
.nxb-thumbnail .card-board__title {margin-top:30px; font-size:20px; font-weight:600; color:#333; transition:color .3s;}
.nxb-thumbnail .card-board__title title {width:100%; overflow:hidden; white-space:nowrap; word-break:break-all;text-overflow:ellipsis;}
.nxb-thumbnail .card-board__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;}
.nxb-thumbnail .card-board__date {display:inline-flex; align-items:center; font-family:"Poppins"; font-size:14px; color:#9a9a9a;}
.nxb-thumbnail .card-board__icon {display:inline-block; margin-right:10px; font-size:16px;}
.nxb-thumbnail .card-board__btn {display:inline-flex; align-items:center; font-size:16px;color:#222}
.nxb-thumbnail .card-board__btn-icon {display:inline-block; position:relative; top:-1px; margin-left:10px; color:#00a651;}

.nxb-thumbnail .card-board{}
.nxb-thumbnail .card-board__list{display:flex;flex-wrap:wrap;margin-bottom:-75px;}
.nxb-thumbnail .card-board__item{width:33.3333%;margin-bottom:75px;}
.nxb-thumbnail .card-board__desc{display:-webkit-box;height:3em;margin-top:10px;color:#777;text-overflow: ellipsis;word-break: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;}
.nxb-thumbnail .card-board__btn{font-weight:600}
.nxb-thumbnail .card-board__date{font-weight:400;color:#858585;}
.nxb-thumbnail .card-board__date .icon{margin-right:10px;font-size:16px}
/* 임시방편 */
.nxb-thumbnail .card-board__title {display:-webkit-box;text-overflow: ellipsis;word-break: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;}
.nxb-thumbnail .card-board__img-wrap{overflow: hidden;}
.nxb-thumbnail .card-board__img-wrap img{position:absolute;top:50%;left:50%;width:100%;min-width:100%;height:auto;min-height:100%;transform:translate(-50%, -50%);}

@media (max-width:1280px){
	.nxb-thumbnail{padding-bottom:120px;}
	/* Card Board */
	.nxb-thumbnail .card-board__list {margin:0 -15px;}
	.nxb-thumbnail .card-board__item {padding:0 15px;}
}

@media (min-width:1025px){
	/* Card Board */
	.nxb-thumbnail .card-board__link:hover .card-board__img-wrap::after {border:3px solid #00a651;}
	.nxb-thumbnail .card-board__link:hover .card-board__title {color:#00a651;}
	.nxb-thumbnail .card-board__link:hover .card-board__bottom {border-color:#00a651;}

}
@media(max-width:1024px){
	.nxb-thumbnail{padding-bottom:100px;}

	/* Card Board */
	.nxb-thumbnail .card-board__list {margin-bottom:60px!important;}
	.nxb-thumbnail .card-board__title {margin-top:20px;}
	.nxb-thumbnail .card-board__bottom {padding-top:20px; margin-top:15px;}
	.nxb-thumbnail .card-board .slick-dots {bottom:-60px}

	/* Press */
	.nxb-thumbnail .card-board__list{margin-bottom:0 !important}
	.nxb-thumbnail .card-board__item{width:50%}
}
@media (max-width:768px){
	.nxb-thumbnail{padding-bottom:70px;}
	.nxb-thumbnail .nxb-list__header-left{width:100%;}
}
@media (max-width:640px){
	.nxb-thumbnail .card-board__item{padding:0 10px}

	/* Card Board */
	.nxb-thumbnail .card-board__item{width:100%}
	.nxb-thumbnail .card-board__item:last-child{margin-bottom:0}
	.nxb-thumbnail .card-board__list {margin-bottom:50px!important;}
	.nxb-thumbnail .card-board .slick-dots {bottom:-50px}
}

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

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

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


/*--------------------------------------------------------------------------
| View
|--------------------------------------------------------------------------*/

/* board View */
.nxb-thumbnail .nxb-view{position:relative}
.nxb-thumbnail .nxb-view__header{position:relative;padding:25px 30px;border-top:2px solid #222;border-bottom:1px solid #e5e5e5}
.nxb-thumbnail .nxb-view__header-title{display:flex;align-items:center;font-size:20px;line-height:26px;font-weight:500}
.nxb-thumbnail .nxb-view__category-label{display:inline-flex;align-items:center;justify-content:center;min-width:60px;height:26px;padding:0 10px;margin-right:12px;font-size:14px;font-weight:500;color:#fff;background-color:#195bf3;border-radius:3px}
.nxb-thumbnail .nxb-view__info-list{display:flex;flex-wrap:wrap}
.nxb-thumbnail .nxb-view__info-item{display:flex;align-items:center;margin-top:15px;margin-right:48px}
.nxb-thumbnail .nxb-view__info-dt{margin-right:15px;font-size:15px;font-weight:500;color:#777}
.nxb-thumbnail .nxb-view__info-dd{font-size:15px;color:#aaa}
.nxb-thumbnail .nxb-view__link{display:flex;align-items:flex-start;padding:25px 30px;border-bottom:1px solid #e5e5e5}
.nxb-thumbnail .nxb-view__link-dt{width:85px;font-size:15px;font-weight:500;color:#777}
.nxb-thumbnail .nxb-view__link-dd{width:calc(100% - 85px)}
.nxb-thumbnail .nxb-view__link-item:not(:last-child){margin-bottom:8px}
.nxb-thumbnail .nxb-view__link-anchor{font-size:15px;color:#aaa}
.nxb-thumbnail .nxb-view__link-anchor:hover{color:#888;text-decoration:underline}
.nxb-thumbnail .nxb-view__link-icon{position:relative;top:2px;font-size:18px;margin-right:10px}
.nxb-thumbnail .nxb-view__action{display:flex;justify-content:flex-end;align-items:center;position:relative;padding:20px 30px 0}
.nxb-thumbnail .nxb-view__social{display:flex;height:22px}
.nxb-thumbnail .nxb-view__header .nxb-view__social{position:absolute;top:50%;right:30px;transform:translateY(-50%)}/* header 안에 넣어 사용시 */
.nxb-thumbnail .nxb-view__action-list{display:flex;align-items:center;margin-left:22px}
.nxb-thumbnail .nxb-view__action-item{position:relative;margin-right:5px}
.nxb-thumbnail .nxb-view__action-item:last-child{margin-right:0}
.nxb-thumbnail .nxb-view__action-btn{display:inline-block;min-width:60px;height:28px;font-size:13px;color:#666;line-height:26px;text-align:center;border:1px solid #d1d1d1}
.nxb-thumbnail .nxb-view__action-btn:hover{color:#195bf3;border-color:#195bf3}
.nxb-thumbnail .nxb-share-icon{display:inline-block;width:22px;height:22px;overflow:hidden;opacity:0.85;font-size:0;text-indent:-100px;background:url('img/social.png') no-repeat}
.nxb-thumbnail .nxb-share-icon:hover{opacity:1}
.nxb-thumbnail .nxb-view__social-item{margin-left:8px}
.nxb-thumbnail .kakao{background-position:0 0}
.nxb-thumbnail .insta{background-position:-22px 0}
.nxb-thumbnail .face{background-position:-44px 0}
.nxb-thumbnail .nv_blog{background-position:-66px 0}
.nxb-thumbnail .nv_post{background-position:-88px 0}
.nxb-thumbnail .twitter{background-position:-110px 0}
.nxb-thumbnail .url_copy{background-position:-132px 0}
.nxb-thumbnail .nxb-view__contents{position:relative;margin-bottom:40px;padding-bottom:20px}
.nxb-thumbnail .nxb-view__contents.lines{border-bottom:1px solid #e5e5e5}
.nxb-thumbnail .editor-contents{min-height:500px;padding:35px 30px}
.nxb-thumbnail .editor-contents *{font-size:16px;font-weight:400;line-height:1.65em;letter-spacing:-0.2px;color:#444;word-break:break-all;}
.nxb-thumbnail .nxb-view__footer-btn{margin:50px 0 0;text-align:center}
.nxb-thumbnail .nxb-view__btn-list{display:inline-block;width:220px;height:60px;font-size:16px;line-height:56px;color:#333;border:2px solid #333}
.nxb-thumbnail .nxb-view__btn-list > .icon{margin-left:30px}

/* Files */
.nxb-thumbnail .nxb-view__files{display:flex;padding:22px 28px;border:1px solid #e5e5e5;background-color:#fafafa}
.nxb-thumbnail .nxb-view__files-title{display:flex;width:100%;max-width:82px;font-size:15px;font-weight:500;color:#777}
.nxb-thumbnail .nxb-view__files-list{float:none;width:100%;}
.nxb-thumbnail .nxb-view__files-item{margin-bottom:7px}
.nxb-thumbnail .nxb-view__files-item:last-child{margin-bottom:0}
.nxb-thumbnail .nxb-view__files-detail{display:flex;}
.nxb-thumbnail .nxb-view__file-down{display:flex;justify-content: space-between;align-items: flex-start;position:relative;width:100%;font-size:15px;color:#444}
.nxb-thumbnail .nxb-view__file-down:hover{text-decoration:underline}
.nxb-thumbnail .nxb-view__file-down .files-save-icon{margin:3px 8px 0 0;font-size:17px;color:#bbb}
.nxb-thumbnail .nxb-view__file-down .volume{font-size:12px;color:#aaa;margin-top:3px;margin-left:4px}
.nxb-thumbnail .nxb-view__file-down > .down-btn-area{display:flex;font-size:13px;font-weight:500;color:#999}
.nxb-thumbnail .nxb-view__file-down > .down-btn-area > .files-down-icon{margin:2px 6px 0 15px;font-size:16px}
.nxb-thumbnail .nxb-view__file-down > .down-btn-area:hover{color:#333}

/* Rel Data */
.nxb-thumbnail .nxb-view__related{position:relative;border-top:1px solid #222;border-bottom:1px solid #222}
.nxb-thumbnail .nxb-view__related-desc{display:flex;align-items:center;height:65px}
.nxb-thumbnail .nxb-view__related-label-area{position:relative;width:150px;padding:0 15px;text-align:center}
.nxb-thumbnail .nxb-view__related-label-area::after{content:"";position:absolute;top:50%;right:0;width:1px;height:15px;background-color:#e5e5e5;transform:translateY(-50%)}
.nxb-thumbnail .nxb-view__related-txt-area{width:calc(100% - 150px);padding-left:30px}
.nxb-thumbnail .nxb-view__related-label{position:relative;padding-left:20px;font-size:16px;color:#222}
.nxb-thumbnail .nxb-view__related-label::before{content:"";display:inline-block;position:absolute;top:50%;left:-10px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;transform:translateY(-50%)}
.nxb-thumbnail .nxb-view__related-link{font-size:16px;color:#888}
.nxb-thumbnail .nxb-view__related-link:hover{color:#222}
.nxb-thumbnail .nxb-view__related-prev{border-bottom:1px solid #e5e5e5}
.nxb-thumbnail .nxb-view__related-prev .nxb-view__related-label::before{border-bottom:5px solid #ccc}
.nxb-thumbnail .nxb-view__related-next .nxb-view__related-label::before{border-top:5px solid #ccc}
.nxb-thumbnail .nxb-view__related-desc.disabled *{color:#ccc !important}
.nxb-thumbnail .nxb-view__related-title{display:-webkit-box;text-overflow: ellipsis;word-break: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;}

/* comments */
#board-view-default .ul_comment_list{margin-bottom:25px}
#board-view-default .ul_comment_list > li{border-bottom:1px dotted #ccc;padding:12px}
#board-view-default .ul_comment_list > li:last-child{border-bottom:0}
#board-view-default .ul_comment_list .hd{overflow:hidden}
#board-view-default .ul_comment_list .hd .name{display:inline-block;font-size:13px;color:#666;font-weight:500}
#board-view-default .ul_comment_list .hd .date{display:inline-block;font-size:12px;color:#888;margin-left:10px}
#board-view-default .ul_comment_list .hd .comAct{display:inline-block;font-size:12px;color:#888;margin-right:3px}
#board-view-default .ul_comment_list .hd .comActMode{display:none}
#board-view-default .ul_comment_list .cont{font-size:13.5px;line-height:20px;color:#666;padding-top:5px}
#board-view-default .ul_comment_list .cont textarea{width:100%;height:80px;font-size:13.5px;color:#666;padding:5px;border:1px solid #bbb}
#board-view-default .comment{margin-top:30px}
#board-view-default .bw_comment_write{border:1px solid #ddd;box-shadow:1px 1px 2px rgba(0,0,0,0.03)}
#board-view-default .bw_comment_write h4{font-size:13px;color:#444;font-weight:400;background:#f1f1f1;padding:8px 12px;border-bottom:1px solid #ddd}
#board-view-default .comment_write{display:block;padding:12px}
#board-view-default .comment_write_info{padding-bottom:12px;overflow:hidden}
#board-view-default .comment_write_info label, #board-view-default .comment_write_info input{vertical-align:middle;font-size:13px;margin-right:5px}
#board-view-default .comment_write_info input{width:120px;height:24px;border:1px solid #bfbfbf;text-indent:5px}
#board-view-default .comment_write_area{display:table;width:100%}
#board-view-default .comment_write_area .txtArea{display:table-cell;vertical-align:top}
#board-view-default .comment_write_area .btnArea{display:table-cell;vertical-align:top;width:83px;padding-left:8px}
#board-view-default .comment_write_area .txtArea textarea{width:100%;height:75px;border:1px solid #bfbfbf;padding:8px;resize:none}
#board-view-default .comment_write_area .btnArea .commentSubmit{width:100%;height:75px;border:1px solid #bfbfbf;background:#eee;background:linear-gradient(#f7f7f7,#dadada);color:#333;font-size:14px}

@media (max-width:1280px){
	.nxb-thumbnail .editor-contents{min-height:350px;}
	.nxb-thumbnail .nxb-view__files{padding:25px 15px;}
}
@media (max-width:768px){
	.nxb-thumbnail .editor-contents{min-height:250px;padding:25px 15px}
	.nxb-thumbnail .nxb-view__header{padding:25px 15px;}
	.nxb-thumbnail .nxb-view__link{padding:25px 15px;}
	.nxb-thumbnail .nxb-view__related-label-area{width:100px;padding-left:20px}
	.nxb-thumbnail .nxb-view__related-txt-area{width:calc(100% - 100px);padding-left:15px}
	.nxb-thumbnail .nxb-view__files{flex-direction: column;}
	.nxb-thumbnail .nxb-view__files-title{width:100%;margin-bottom:10px}
	.nxb-thumbnail .nxb-view__file-down{flex-wrap: wrap;}
	.nxb-thumbnail .nxb-view__file-down > .down-btn-area{display:none;}
}