/* list- table */
.bbcp-header { margin:0; padding:0; }
.bbcp-header h2 { margin:5px 0 10px 10px; padding: 0; font-size: 26px; font-weight: 400; color: #444444; display:inline-block; vertical-align:middle;}
.bbcp-header span { margin-left:20px; color:#999999; font-size:14px; }
.bbcp-board-list {
	clear:both;
    width:100%;
    background-color:#fff;
}
.bbcp-board-list table { width:100%; display:table; table-layout:fixed; border:0; font-size:14px; font-family:'Malgun Gothic','돋움',Arial; border-collapse: collapse; margin:0; padding:0; }
.bbcp-board-list table tr { border:0; background-color:transparent; transition-duration:.3s; } 
.bbcp-board-list table tr.sticky { background-color:#ffffc0; }
.bbcp-board-list table thead tr th { color:#222222; font-size:13px; font-weight: 600; border-top:2px solid #16469e; border-bottom:1px solid #d2d2d2; border-left:0; border-right:0; padding: 8px 0 8px 0; background-color:#ffffff; }
.bbcp-board-list table thead tr th.col-id { width:8%; text-align:center; }
.bbcp-board-list table thead tr th.col-title { text-align:left; }
.bbcp-board-list table thead tr th.col-author { width:14%; text-align:center; }
.bbcp-board-list table thead tr th.col-date { width:14%; text-align:center; }
.bbcp-board-list table thead tr th.col-hits { width:8%; text-align:center; }

.bbcp-board-list table tbody tr td { color:#545556; font-weight:normal; border-top:0; border-right:0; border-bottom:1px solid #e9e9e9; border-left:0; padding:8px 0 8px 0;}
.bbcp-board-list table td.col-id { width:8%; text-align:center; }
.bbcp-board-list table td.col-title { text-align:left; }
.bbcp-board-list table td.col-title a { font-size:14px; color:#424345; text-decoration:none; }
.bbcp-board-list table td.col-author { width:14%; text-align:center; }
.bbcp-board-list table td.col-date { width:14%; text-align:center; }
.bbcp-board-list table td.col-hits { width:8%; text-align:center; }

.bbcp-board-child { margin:0 0 15px; display:inline-block; }
.bbcp-board-child a { margin-right:10px; }
.bbcp-board-child:after { content: " "; display: table; }

/* list webzine type */
.bbcp-image-list { margin:0; border-top:1px solid #d2d2d2; padding-top:15px; }
.webzine-wrap { clear:both; border-bottom:1px solid #f2f2f2; margin-bottom:10px; padding-bottom:15px; }
.webzine-wrap .thumb { width:125px; float:left; }
.webzine-wrap .thumb img { width:110px; height:85px; max-width:110px; margin-bottom:15px; }
.webzine-wrap .summary { text-align:left; }
.webzine-wrap .summary .title { font-size:15px; font-weight:400; margin-bottom:5px; }
.webzine-wrap .summary .title a { color:#454545; text-decoration:none; }
.webzine-wrap .summary .excerpt { font-size:13px; font-weight:200; line-height:1.6; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
.webzine-wrap .summary .meta { font-size:11px; color:#666; margin-bottom:0px; }

/* grid type */
.bbcp-grid-list {
	clear:both; margin:20px 0 20px; border-top:1px solid #d2d2d2; padding-top:15px; 
}
.bbcp-grid-list .grid-item {
	width: 25%; /* (100/4)-4 */
    margin: 20px 0 35px 0 !important;
    padding: 0 20px; 
    float:left;
}
.bbcp-grid-items { clear:both; margin:0 -20px; }
.bbcp-grid-list .grid-item:nth-child(4n-3) { clear:both; }
.bbcp-grid-list .grid-item .thumb img { width:100%; height:auto; }
.bbcp-grid-list .grid-item .summary { margin:10px 0; padding:0 10px; }
.bbcp-grid-list .grid-item .summary .title { font-size:14px; font-weight:600; line-height:1.4;margin-bottom:5px; }
.bbcp-grid-list .grid-item .summary .title a { color:#454545; text-decoration:none; }
.bbcp-grid-list .grid-item .summary .excerpt { font-size:13px; font-weight:200; line-height:1.6; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
.bbcp-grid-list .grid-item .summary .meta { font-size:12px; color:#666; margin-bottom:0px; }

.bbcp-grid-list .grid-item-3{ 
	width: 33.3333%; /* (100/3) -4 */
    margin: 20px 0 35px 0 !important;
    padding: 0 2%;
    float:left;
}
.bbcp-grid-list .grid-item-3:nth-child(3n-2) { clear:both; }
.bbcp-grid-list .grid-item-3 .thumb img { width:100%; height:auto; max-height:176px; }
.bbcp-grid-list .grid-item-3 .summary { margin:10px 0; padding:0 10px; }
.bbcp-grid-list .grid-item-3 .summary .title { font-size:14px; font-weight:600; line-height:1.4;margin-bottom:0; }
.bbcp-grid-list .grid-item-3 .summary .title a { color:#454545; text-decoration:none; }
.bbcp-grid-list .grid-item-3 .summary .excerpt { font-size:13px; font-weight:200; line-height:1.6; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
.bbcp-grid-list .grid-item-3 .summary .meta { font-size:12px; color:#666; margin-bottom:0px; }
.end-list-type { clear:both; margin:10px 0; border-top:1px solid #d2d2d2; }


/* list image type */
.bbcp-image-items { clear:both; margin:0 -20px; }
.image-wrap { clear:both; }
.image-wrap .thumb { width:125px; float:left; margin:0; padding:0; }
.image-wrap .thumb img { width:110px; height:85px; max-width:110px; }
.image-wrap .summary { text-align:left; }
.image-wrap .summary .title { font-size:15px; font-weight:400; margin-bottom:0; }
.image-wrap .summary .title a { color:#454545; text-decoration:none; }
.image-wrap .summary .excerpt { font-size:12px; font-weight:200; line-height:1.6; text-overflow: ellipsis; }
.image-wrap .summary .meta { font-size:11px; color:#666; margin-bottom:0px; }


/* form- table */
.bbcp_cmd_wrap { float:right; margin-bottom:25px; }
.bbcp_cmd_wrap:after { display: block; clear: both; content: ""; }
.bbcp-board-form { width:100%; background-color:#fff; margin-bottom:25px; }
.bbcp-board-form table { width:100%; display:table; table-layout:fixed; border:0; font-size:14px; font-family:'Malgun Gothic','돋움',Arial; border-collapse: collapse; margin:0; padding:0; }
.bbcp-board-form table tr { border:0; background-color:transparent; transition-duration:.3s; } 
.bbcp-board-form table tbody tr th { color:#545556; border:0; padding: 8px 10px; font-weight:bold; width:140px; font-size:14px; }
.bbcp-board-form table tbody tr td { color:#545556; border:0; padding: 8px 10px; vertical-align:middle; }
.bbcp-board-form table td label { vertical-align:middle; margin-bottom:0 !important;}
span.form-desc { color:#666; margin-left:10px; font-size:13px; font-weight:normal; }

/* form */
.bbcp-board-form .cpboard-input-text, .cpboard-input-text { display: block; width: 100%; max-width:100%; padding:8px 10px;font-size: 14px; line-height:1; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px transparent; box-shadow: inset 0 1px 1px transparent; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -ms-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.bbcp-board-form .cpboard-input-textarea, .cpboard-input-textarea { display: block; width: 100%; max-width:100%;height: 240px; padding: 6px 4px; font-size: 14px; line-height: 1.8; color: #555555; background-color: #fff; contentEditable=true; background-image: none; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px transparent; box-shadow: inset 0 1px 1px transparent; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -ms-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.cpboard-input-text:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.cpboard-input-text::-moz-placeholder { color: #777777; opacity: 1; }
.cpboard-input-text:-ms-input-placeholder { color: #777777; }
.cpboard-input-text::-webkit-input-placeholder { color: #777777; }
.cpboard-input-text[disabled], .cpboard-input-text[readonly], fieldset[disabled] .cpboard-input-text { cursor: not-allowed; background-color: #eeeeee; opacity: 1; }


/* title */
.cpboard-title { margin-bottom:8px; font-size:22px; }
.cpboard-subtitle { margin-bottom:8px; font-size:18px; }

/* message, etc */
#bbcp_msg,#bbcp_replymsg { margin-bottom:10px; font-size:14px; font-weight:bold;}
#bbcp_msg .error,#bbcp_replymsg .error { color:#e10909; }
#bbcp_msg .success, #bbcp_replymsg .success { color:#015501; }

.bcp-notice { font-size:12px; padding:2px 8px; color:#fff; background: #666; border: 1px solid #666; }
.bbcp-captcha-text { float:left; margin-right:20px; }

/* content read */
.bbcp-title { padding: 6px 25px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.bbcp-attach { padding: 4px 25px; border-bottom: 1px solid #ddd; }
.bbcp-attach a { color:#212121; text-decoration: none; margin-right:15px; }
.bbcp-attach a:before {
	display:inline-block;
    font-family:'FontAwesome';
    content:"\f15b";
    margin-right:3px;
}
.bbcp-board-read { margin: 5px 0 25px; font-size:14px; line-height:1.75em; }
.bbcp-content { padding:35px 25px; }
.bbcp-board-read p { color:#212121; margin-bottom: 1em; }
.bbcp-title .subject { font-size:24px; font-weight:500; color:#121212; line-height:1.7em; letter-spacing:-0.5px; }

/* icon */
.icon-lock { width:10px; height:16px; background: url(../images/ico-lock.png) no-repeat left center; padding-right:13px;}
.icon-reply { margin-left:13px; width:26px; height:15px; background: url(../images/ico-reply.png) no-repeat left center; padding-right:30px;}
.icon-attach { width:10px; height:16px; background: url(../images/ico-attach.png) no-repeat left center; padding-right:13px;}


/* recent widgets */
.hide_text {  text-indent: 100%; white-space: nowrap; overflow: hidden; }
.cpboard_recent_box {postion: relative; margin-bottom:10px; }
.cpboard_recent_box h2 { font-size:22px; font-wright:bold; margin:0 0 10px; }
.cpboard_recent_box a.more {
    display: block;
    position: absolute;
    top: 9px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(../images/ico-more.png) no-repeat 0 0;
}
.cpboard_recent_box ul.term-list { margin:0; padding:0; }
.cpboard_recent_box ul.term-list li { position:relative; list-style:none; margin:0; padding: 4px 0; }
.cpboard_recent_box ul.term-list li a { display:inline-block; font-size:15px; color:#454545; text-decoration:none; line-height:1; }
.cpboard_recent_box ul.term-list li a:hover { text-decoration: underline; }
.cpboard_recent_box ul.term-list li span { position: absolute; right:0; top:8px; color:#767676; font-size:13px; line-height:1;}


/* recent widgets (TAB) */ 
.cat-tab-widget { width:100%; margin:0; padding:0; }
ul.cat-tab-header{ margin: 5px 0 10px; padding: 0 0 5px; list-style: none; border-bottom:2px solid #16469e; }
ul.cat-tab-header li{ color: #333; font-size:18px; font-weight:bold; display: inline-block; padding: 2px 10px; cursor: pointer; }
ul.cat-tab-header li.current{ color: #16469e; } 
.cat-tab-content{ display: none; padding: 5px 2px; border-top:1px solid #ededed; min-height:100px;} 
.cat-tab-content.current{ display: inherit; } 
.cat-tab-widget ul.cat-list { margin:0; padding:0; }
.cat-tab-widget ul.cat-list li { position:relative; list-style:none; margin:0; padding:3px 12px;}
.cat-tab-widget ul.cat-list li a {display:inline; font-size:14px; color:#333; text-decoration:none; line-height:1; }
.cat-tab-widget ul.cat-list li span {position:absolute; right:0px; top:8px; color:#666;font-size:12px;padding:0;line-height:1.2; }
.cat-tab-widget ul.cat-list li:after{ content: "\2022"; position: absolute; top:5px; left: 0; font-size: 12px; color: #666;}



/* footer */
.bbcp-board-footer { clear:both; margin:25px 0 25px !important; }
.bbcp-board-footer .bbcp-nav { text-align:center; position:relative; }
.bbcp-board-footer .bbcp-nav:after { content: " "; display: table; }
.bbcp-board-footer .bbcp-cmd { position:absolute; top:0; right:10px; }
.bbcp-board-footer .bbcp-search { text-align:center; margin: 35px 0; clear:both; }
.bbcp-board-footer .bbcp-search input { display:inline-block; margin: 0; padding: 4px 5px; width: 220px; min-width: 0; max-width: 200px; height: 30px; min-height: 0; font-size: 14px; color: #666666; border-radius: 0; border: 1px solid #cdcdcd; background: none; background-color: white; line-height: 30px; vertical-align: middle; box-shadow: none; box-sizing: content-box; }
.bbcp-control { padding-bottom: 15px; width: 100%; }

/* button */
.bbcp-button-wrap { text-align:center; margin:15px auto; }
a.bbcp-button, input.bbcp-button, button.bbcp-button { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 12px 20px 12px 20px; font-size: 15px;font-family:'Malgun Gothic',Arial; font-weight: normal; line-height:1; color: white !important; background: #666 !important; border: none; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; transition-duration: 0.3s; box-sizing: content-box; }

a.bbcp-button:hover, a.bbcp-button:focus, a.bbcp-button:active, input.bbcp-button:hover, input.bbcp-button:focus,
input.bbcp-button:active, button.bbcp-button:hover, button.bbcp-button:focus, button.bbcp-button:active { background:#212121; }

.bbcp-button-cmd, .bbcp-button-cmd a { display:inline-block !important; margin-right:5px; background-color: #ffffff; display: block; border: 1px solid #666; padding: 8px 10px 8px 10px; color: #666; font-size: 14px; line-height: 1em; font-weight: normal; white-space: nowrap; cursor: pointer; text-decoration:none; }
a.bbcp-button-cmd { text-decoration:none; }
a.bbcp-button-cmd:hover, a.bbcp-button-cmd:focus { background-color:#666; color:#fff; text-decoration:none; }
.bbcp-button:hover, .bbcp-buttonbtn:focus { background: #242424; color: #ffffff; }

/* paging */
.bbcp-paging { display: inline-block; margin:0;}
.bbcp-paging a, .bbcp-paging span { padding: 8px 11px; font-size:14px; font-family:Verdana; color: #747474; text-decoration: none; background-color:#fff; border:2px solid #e6e6e6; }
.bbcp-paging a:hover, .bbcp-paging span:hover, bbcp-paging:span:focus {/* border:1px solid #ccc; */ }
.bbcp-paging a.current, .bbcp-paging span.current { border-color:#999; }

/* comment */
.cpboard-comment-container { margin:10px 15px 35px; }
.cpboard-commentlist { margin: 0; padding: 0 0 20px 0px; border: none; }
.cpboard-commentlist .comment.depth-1 { float: left; }
.cpboard-commentlist .comment { list-style-type: none; list-style-position: outside; width: 100%; position: relative; display: block; background: none; min-height: 80px; clear: both; }
.cpboard-commentlist .comment>div { margin:6px 0; min-height: 80px; float: left; width: 100%; }
.cpboard-commentlist .comment .gravatar { position: relative; z-index: 2; border-radius: 100px; overflow: hidden; float: left; }
.cpboard-commentlist .comment .gravatar img { padding: 0; margin: 0; display: block; border-radius: 100px; }
.cpboard-commentlist .comment .comment_content { position: relative; margin: 0 0 0 70px; padding: 0 35px 6px 0; z-index: 10; border-bottom:1px solid #f2f2f2; overflow: hidden; }
.cpboard-commentlist .comment .comment_content .author_name { font-size:16px; line-height:1em; margin-bottom:5px;}
.cpboard-commentlist .comment .comment-meta { font-size: 12px; color:#999; line-height: 1em; padding:2px 0; }
.cpboard-commentlist .comment .comment_text { clear: both; padding: 8px 0; }
.cpboard-commentlist .comment .comment_text p { margin:0 0 10px 0; }
.cpboard-comment-box input[type=text] { width: 49%; padding: 8px 10px; border: 1px solid #D9D9D9; }
.float-right { float: right!important; }
.cpboard-comment-box textarea,
.comment-reply textarea { width: 100%; max-width:100%;height: 120px; padding: 10px; margin-top: 15px; margin-bottom:10px;margin-bottom:10px;  border: 1px solid #D9D9D9; color: #333333; }
.cpboard-comment-box { margin:15px 0 15px; }
.cpboard-comment-box h3 { margin:0; }
.comment-form-button .button-msg { float:right; text-align:right; margin-right:20px; padding-top:4px;}
.comment-form-button .button-act { float:right; }

/* upload */
.files-attach-form input { width:320px; max-width:320px; }
#attach_lists { margin:5px 20px; }
#attach_lists .att-item { padding-top:6px; padding-bottom:6px; }
#attach_lists span.remove-button { font-size:12px; padding: 4px 8px; color: #fff; text-decoration: none; background-color:#666; border:1px solid #666; cursor: pointer; }
#attach_lists span.remove-button:hover { color: #fff; background-color:#545454;}


@media only screen and (max-width:767px){
	.bbcp-content { padding:10px 5px; }
	.bbcp-board-list table hd.col-title, .bbcp-board-list table td.col-title {
		width: 330px;
		text-overflow: ellipsis;  white-space: nowrap; overflow: hidden;
	} 
	/*
	.bbcp-board-list table hd.col-date, .bbcp-board-list table td.col-date {
		width: 40%;
		text-overflow: ellipsis;  white-space: nowrap; overflow: hidden;
	} */
    .bbcp-board-list table th.col-id, .bbcp-board-list table td.col-id,
    .bbcp-board-list table th.col-author, .bbcp-board-list table td.col-author,
    .bbcp-board-list table th.col-date, .bbcp-board-list table td.col-date,
    .bbcp-board-list table th.col-hits,  .bbcp-board-list table td.col-hits {
		display:none;
	}
    .bbcp-board-form table tr th, .bbcp-board-form table tr td {
		display:block; border:none !important; padding:3px 5px !important;
	}

	.bbcp-board-footer .bbcp-paging { margin: 0 0 25px; width:100%; display: inline-block; }
	.bbcp-board-footer .bbcp-paging:after { content: " "; display: table; }
	.bbcp-board-footer .bbcp-cmd:before { clear:both; display:block; }
	.bbcp-board-footer .bbcp-cmd { position:relative; text-align:right; width:100%; margin-bottom:15px; }
	.bbcp-board-footer .bbcp-cmd:after { clear:both; content: " "; display: table; }

	/* recent*/
	ul.cpboard-recent li { width: 330px; text-overflow: ellipsis;  white-space: nowrap; overflow: hidden;}
	ul.cpboard-recent li span { display:none; }

	.bbcp-grid-list .grid-item, 
	.bbcp-grid-list .grid-item-3{ width: 50%;}
}
@media only screen and (max-width:991px) and (min-width:768px){
}