@charset "utf-8";
/*******************************
* CSS : board.default.css
* Author: NXWEB beop07
* Update: 2019.06
********************************/

/* List */
/* #board-list-default .bl_header{padding-top:30px;padding-bottom:12px} */
/* #board-list-default .bl_header > .pull-left{width:50%}
#board-list-default .bl_header > .pull-right{width:50%} */
#board-list-default .cate_wrap label{vertical-align:middle;font-size:14px;color:#444}
#board-list-default .cate_wrap select{width:130px;height:30px;border:1px solid #ccc;vertical-align:top;margin-left:3px;vertical-align:top;font-size:13px}
#board-list-default .bl_search {display:flex; justify-content:flex-end; height:50px;}
#board-list-default .bl_search form {display:flex; width:100%; max-width:380px;}
#board-list-default .bl_search .search-input2 {width:100%; height:100%; padding:0 20px; border:1px solid #e5e5e5; border-right:0;}
#board-list-default .bl_search .btn-search2 {flex:0 0 auto; width:80px; height:100%; font-size:15px; color:#fff; border:0; background-color:#333; transition:background-color .3s;}
#board-list-default .bl_search .btn-search2:hover {background-color:#777;}
#board-list-default .bl_list{width:100%; margin-top:40px;}
#board-list-default .bl_list thead th{height:60px;border-bottom:1px solid #222;font-size:16px;font-weight:600;color:#333;text-align:center;vertical-align:middle;}
#board-list-default .bl_list tbody tr{background:#fff; transition:background-color .3s;}
#board-list-default .bl_list tbody tr:hover{background:#eaf4f2}
#board-list-default .bl_list td {font-size:15px; color:#777; text-align:center; word-break:break-all!important; vertical-align:middle; border-bottom:1px solid #e5e5e5;}
#board-list-default .bl_notice td {font-weight:500; color:#333;}
#board-list-default .bl_list tbody tr:hover td {font-weight:500; color:#333;}
#board-list-default .bl_list .th-num{width:120px}
#board-list-default .bl_list .th-cate{width:130px}
#board-list-default .bl_list .th-subject{width:auto}
#board-list-default .bl_list .th-writer{width:160px}
#board-list-default .bl_list .th-hit{width:65px}
#board-list-default .bl_list .th-date{width:200px}
#board-list-default .bl_list .td-num{color:#333;}
#board-list-default .bl_list .td-subject{padding:20px 20px 20px 50px; text-align:left;}
#board-list-default .bl_list .td-subject .link {display:inline-block; width:100%; vertical-align:middle;}
#board-list-default .bl_list .td-subject .text {display:-webkit-box; width:100%; overflow:hidden; color:#777; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition:color .3s;}
#board-list-default .bl_list tr:hover .td-subject .text {color:#333;}
#board-list-default .bl_list {width:100%; border-top:2px solid #222;}
#board-list-default .comment_cnt{color:#888}

/* Write */
#board-write-default .bw_subject{padding-bottom:15px}
#board-write-default .bw_subject input[type=text]{width:100%;height:48px;border-radius:4px;border:1px solid #c9c9c9;padding:4px 8px;text-indent:5px;outline:none}
#board-write-default .bw_subject input[type=text]:focus{border-color:#aaa}
#board-write-default .bw_contents textarea{width:100%;height:350px}
#board-write-default .tbl_bw{width:100%}
#board-write-default .tbl_bw th{width:120px;font-weight:500}
#board-write-default .tbl_bw th, #board-write-default .tbl_bw td{height:48px;font-size:14px;color:#434343;border-bottom:1px solid #dcdcdc;padding:8px 10px;vertical-align:middle}
#board-write-default .tbl_bw select{width:160px;height:32px;border:1px solid #ccc;vertical-align:top;font-size:13px;border-radius:3px}
#board-write-default .tbl_bw input[type=checkbox]{width:16px;height:16px}

/* View */
#board-view-default .bw_action{padding:10px 0;margin-right:-10px}
#board-view-default .bw_action > li{float:left;position:relative;padding:0 10px;line-height:1}
#board-view-default .bw_action > li > a{color:#666;font-size:13px;}
#board-view-default .bw_action > li:after{content:"";width:1px;height:10px;display:block;position:absolute;right:0;top:4px;background:#ddd;}
#board-view-default .bw_action > li:last-child:after{display:none}
#board-view-default {margin-top:60px;}
.bw_header {border-top:2px solid #222;}
.bw_header .title {padding:25px 30px; font-size:20px; color:#222; border-bottom:1px solid #222;}
.bw_header .bw_info {display:flex; border-bottom:1px solid #e5e5e5;}
.bw_header .bw_info li {display:flex; width:50%;}
.bw_header .bw_info .dt {display:inline-flex; flex-shrink:0; justify-content:center; align-items:center; width:150px; font-size:15px; color:#222; background-color:#f8f8f8;}
.bw_header .bw_info .dd {padding:22px 30px; font-size:15px; color:#222;}
.bw_files {display:flex; border-bottom:1px solid #e5e5e5}
.bw_files .title {display:inline-flex; flex-shrink:0; justify-content:center; align-items:center; width:150px; font-size:15px; font-weight:400; color:#222; background-color:#f8f8f8;}
.bw_files .files_list {width:100%;}
.bw_files .files_list li {display:flex; align-items:center; padding:13px 30px; font-size:15px;}
.bw_files .files_list li .icon {margin-right:10px; font-size:17px; color:#bbb;}
.bw_files .files_list li .text {font-size:15px; color:#444;}
.bw_files .files_list li .volume {margin-left:5px; color:#aaa;}
.bw_files .files_list li .file-down {display:inline-flex; justify-content:center; align-items:center; width:150px; height:40px; margin-left:auto; font-size:12px; font-weight:500; color:#06a86b; border-radius:20px; background-color:#f8f8f8;}
.bw_files .files_list li .file-down .icon {color:inherit;}
.bw_contents {min-height:520px; padding:40px 30px; font-size:16px; color:#444; line-height:1.7; border-bottom:1px solid #e5e5e5;}
.bw_contents p {font-size:16px; color:#444; line-height:1.7;}

.bw_footer {margin-top:40px;}
.bw_footer .list-ctrl {}
.bw_footer .ar_btn {display:flex; align-items:center; padding:20px 30px; border-bottom:1px solid #e5e5e5;}
.bw_footer .list-ctrl:first-child {border-top:1px solid #222;}
.bw_footer .list-ctrl:nth-child(2) .ar_btn {border-color:#222;}
.bw_footer .ar_btn .icon {margin-right:26px; color:#ccc;}
.bw_footer .ar_btn .label {display:flex; align-items:center; position:relative; padding-right:33px; font-size:16px; color:#222;}
.bw_footer .ar_btn .label::after {content:""; position:absolute; top:50%; right:0; width:1px; height:15px; background-color:#e5e5e5; transform:translateY(-50%);}
.bw_footer .ar_btn .title {padding-left:30px; font-size:16px; color:#999;}
.bw_footer .ar_btn:hover .title {text-decoration:underline;}
.bw_footer .btn-list {margin-top:80px;}

/* 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}

/* Btn */
#board-default .btn-brd-list{display:inline-block;border:0;padding:7px 18px;background:#999;color:#fff;font-size:14px}
#board-default .btn-brd-save, #board-default .btn-brd-write{display:inline-block;border:0;padding:7px 18px;background:#222;color:#fff;font-size:14px}

/* File Upload */
#board-default #drop{background:#e6e6e6;border:7px dotted #bbb;padding:22px 30px;width:100%;color:#7f858a;text-align:center;}
#board-default #drop a{background-color:#007a96;padding:8px 20px;color:#fff;font-size:13px;border-radius:2px;cursor:pointer;display:inline-block;margin-top:12px;line-height:1}
#board-default #drop a:hover{background-color:#0986a3}
#board-default #drop input{display:none}
#board-default .dropList{margin-top:15px}
#board-default .dropList li{position:relative;height:auto;padding:6px 0;border-bottom:1px dotted #ccc}
#board-default .dropList li:last-child{border-bottom:0}
#board-default .dropList li input{display:none}
#board-default .dropList li p{display:inline-block;font-size:14px;color:#444;margin-left:7px;vertical-align:middle}
#board-default .dropList li i{position:absolute;right:72px;top:7px;font-size:13px;font-weight:normal;font-style:normal;color:#7f7f7f}
#board-default .dropList li canvas{vertical-align:middle}
#board-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}
#board-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}
#board-default .dropList li span.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}
#board-default .dropList li.error span.nt{background-position-y:-13px;margin-top:-6px}
#board-default .dropList li.working span.nt{height:16px;background-position:0 -12px}
#board-default .dropList li.error p{color:red}

/* pagination */
#board-default .board_pagination{display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden;margin:85px -2.5px 0;}
#board-default .board_pagination strong{display:inline-flex; justify-content:center; align-items:center; width:40px; height:40px; margin:0 2.5px; font-size:15px; color:#fff; border:1px solid #333; background-color:#333;}
#board-default .board_pagination a{display:inline-flex; justify-content:center; align-items:center; width:40px; height:40px; margin:0 2.5px; font-size:15px; color:#999; border:1px solid #e5e5e5;}
#board-default .board_pagination .ic {display:inline-block; top:0; height:8px; background-image:url("/uploads/media/icon_pagination.png");}
#board-default .board_pagination .ic_pg_first{width:11px;}
#board-default .board_pagination .ic_pg_last{width:11px; background-position:-23px 0;}
#board-default .board_pagination .ic_pg_prev{width:6px;}
#board-default .board_pagination .ic_pg_next{width:6px; background-position:-17px 0;}
#board-default .board_pagination .pull-left p{font-size:13px;color:#777;line-height:33px;font-family:'Montserrat','notokr',sans-serif}
#board-default .board_pagination a.disabled{cursor:default}
#board-default .board_pagination a.disabled > i{opacity:0.5}

@media (max-width:1280px) {
	#board-list-default .bl_list .th-num {width:80px;}
	#board-list-default .bl_list .th-writer {width:100px;}
	#board-list-default .bl_list .th-date {width:140px;}
	.bw_header .title {padding:20px; font-size:25px;}
	.bw_footer .btn-list {margin-top:80px;}
	.board_pagination {margin-top:80px;}
}
@media (max-width:970px) {
	#board-list-default .bl_list thead th {height:50px;}
	#board-list-default .bl_list td {padding:14px 10px;}
	#board-list-default .bl_list .td-subject {padding:14px 20px;}
	.bw_header .bw_info .dt {width:100px;}
	.bw_header .bw_info .dd {padding:19px 20px;}
	.bw_files .title {width:100px;}
	.bw_files .files_list li {padding:8px 20px;}
	.bw_contents {min-height:400px; padding:30px 20px; font-size:15px;}
	.bw_contents p {font-size:15px;}
	.bw_footer .ar_btn {padding:15px 20px;}
	.bw_footer .ar_btn .label {padding-right:20px; font-size:15px;}
	.bw_footer .ar_btn .icon {margin-right:20px;}
	.bw_footer .ar_btn .title {padding-left:20px; font-size:15px;}
	.bw_footer .btn-list {max-width:190px; margin-top:60px; font-size:15px; }
	.board_pagination{margin-top:60px;}
}
@media (max-width:768px) {
	#board-list-default .bl_list .th-num {width:60px;}
	#board-list-default .bl_list .th-date {width:120px;}
	#board-list-default .bl_list thead th {font-size:15px;}
	#board-list-default .bl_list td {font-size:14px;}
	#board-list-default .bl_list .td-subject {padding:14px 10px;}
}
@media (max-width:640px){
	#board-list-default .bl_header > .pull-right{width:100% !important}
	#board-list-default .bl_list tbody tr:first-child{border-top:1px solid #333}
	#board-list-default .bl_list tbody tr{border-bottom:1px solid #ddd}
	#board-list-default .bl_list th, #board-list-default .bl_list td.td-num{display:none}
	#board-list-default .bl_list tbody tr {display:flex; flex-wrap:wrap;}
	#board-list-default .bl_list td{border-bottom:0!important;padding:0 7px 8px 5px!important}
	#board-list-default .bl_list td.td-subject{width:100%;color:#333;padding:10px 5px 7px 5px!important;font-size:16px;}
	#board-list-default .bl_list td.td-writer{font-size:14px;color:#999;position:relative}
	#board-list-default .bl_list td.td-writer:after{content:'';width:1px;height:11px;background:#999;position:absolute;right:0;top:4px}
	#board-list-default .bl_list td.td-date{font-size:14px;padding-left:7px!important;color:#999}
	.board_pagination {margin-top:45px;}
	.board_pagination a, .board_pagination strong {width:30px; height:30px; font-size:14px;}
	.bw_header .title {padding:15px 10px; font-size:18px;}
	.bw_header .bw_info {display:block;}
	.bw_header .bw_info li {width:100%;}
	.bw_header .bw_info .dt {width:80px;}
	.bw_header .bw_info .dd {padding:15px 10px;}
	.bw_files .title{width:80px;}
	.bw_files .files_list li {padding:15px 10px;}
	.bw_files .files_list li .file-down {display:none;}
	.bw_footer .ar_btn {padding:10px;}
	.bw_footer .ar_btn .icon {margin-right:10px;}
	.bw_footer .btn-list {margin-top:40px;}
	.board_pagination {margin-top:40px;}
	.board_pagination a, .board_pagination strong {width:30px; height:30px; font-size:14px;}
}