/* list- table */
.bbcp-header { margin:0; padding:0; }
.bbcp-header h2 { margin:5px 0 10px 10px; padding: 0; font-size: 26px; font-weight: 500; color: #444444; display:inline-block; vertical-align:middle;}
.bbcp-header span { margin-left:20px; color:#999999; font-size:15px; }
.bbcp-board-list, .bbcp-content {
	clear:both;
    width:100%;
    background-color:#fff;
}
.bbcp-board-list table { width:100%; display:table; table-layout:fixed; border:0; font-size:15px; font-family:'Noto Sans KR', 'Malgun Gothic','돋움',Arial; font-weight:400;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:#fbfbf3; }
.bbcp-board-list table thead tr th { color:#333333; font-weight: 500; border-top:2px solid #333333 !important; border-bottom:1px solid #333333 !important; border-left:0!important; border-right:0!important; padding: 8px 0 8px 0 !important; background-color:#f6f6f6; }
.bbcp-board-list table thead tr th.col-id { width:8%; text-align:center; }
.bbcp-board-list table thead tr th.col-id2 { width:11%; text-align:center; }
.bbcp-board-list table thead tr th.col-type { width:10%; 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:16%; text-align:center; }
.bbcp-board-list table thead tr th.col-date { width:13%; text-align:center; }
.bbcp-board-list table thead tr th.col-status { width:12%; 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:#333333; font-weight:400; border-top:0!important; border-right:0!important; border-bottom:1px solid #d9d9d9!important; border-left:0!important; padding:8px 0 10px 0!important; font-size:15px; line-height:1.6;}
.bbcp-board-list table td.col-id { width:8%; text-align:center; }
.bbcp-board-list table td.col-id2 { width:11%; text-align:center; }
.bbcp-board-list table td.col-type { width:11%; text-align:center; }
.bbcp-board-list table td.col-title { text-align:left; }
.bbcp-board-list table td.col-title a { font-size:1.025rem;color:#333333; text-decoration:none;}
.bbcp-board-list table td.col-title {
		text-overflow: ellipsis;  white-space: nowrap; overflow: hidden;
}
.bbcp-board-list table td.col-author { width:16%; text-align:center; }
.bbcp-board-list table td.col-date { width:13%; text-align:center; }
.bbcp-board-list table td.col-status { width:10%; text-align:center; }
.bbcp-board-list table td.col-hits { width:8%; text-align:center; }

.bbcp-child-list ul { display: flex; flex-flow: row wrap; }
.bbcp-child-list ul li { flex-basis: 20%; list-style:none; }
.bbcp-child-list li a { 
    display: block;
    padding: 10px 20px;
    text-align: center;
    color: #222;
    border: #c8c8c8 1px solid;
	text-decoration:none;
}
.bbcp-child-list a:hover,
.bbcp-child-list a.active { background-color:#333;color:#fff; }
.bbcp-child-list:after { content: " "; display: table; }

/* list webzine type */
.bbcp-webzine-list { margin:10px 0; border-top:1px solid #EEE;}
.webzine-item{
    display: grid;
    grid-template-columns: .7fr 1fr;
    grid-template-rows: 1fr;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 25px 0;
    border-bottom:1px solid #dedede;
}
.webzine-item:last-child { border:0; }
.webzine-item .item__image { display: flex; justify-content: center; }
.webzine-item .item__content{ width:100%; display: flex; flex-direction: column;}
.webzine-item .item__content h4, p{ margin:0 0 8px 0; }
.webzine-item .item__content .meta { font-size:14px; }
@media only screen and (max-width: 950px) {
  .webzine-item { display: grid; grid-template-columns: 1fr; gap: 10px; padding: 0px; border-bottom:1px solid #bebebe; margin-bottom:25px; }
  .item__content { padding: 60px; margin: auto; width: 90%; text-align: left; grid-row: 2; }
}
@media screen and (max-width: 768px) {
  .item__content { text-align: left; padding: 10px 10px; }
}


/* grid type */
.bbcp-grid-list {
    clear:both;
    margin:15px 0 25px 0;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.bbcp-grid-list .grid-item {
	width: 25%; /* (100/4)-4 */
    margin-bottom:35px;
	padding-left:15px;
	padding-right:15px;
	display:block;
}
.bbcp-grid-list .grid-item .thumb img { width:100%; height:auto; overflow:hidden; }
.bbcp-grid-list .grid-item .summary { margin:10px 0; padding:0 10px; }
.bbcp-grid-list .grid-item .summary .title { font-size:15px; font-weight:500; 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:14px; font-weight:400; line-height:1.6; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
.bbcp-grid-list .grid-item .summary .meta { font-size:14px; color:#666; margin-bottom:0px; }

.bbcp-grid-list .grid-item-3{ 
	width: 33.3333%; /* (100/3) -4 */
    margin-bottom:35px;
	padding-left:15px;
	padding-right:15px;
	display:block;
}
.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; overflow:hidden; }
.bbcp-grid-list .grid-item-3 .summary { margin:10px 0; padding:0 10px; }
.bbcp-grid-list .grid-item-3 .summary .title { font-size:15px; font-weight:500; 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:15px; font-weight:400; line-height:1.6; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
.bbcp-grid-list .grid-item-3 .summary .meta { font-size:14px; color:#666; margin-bottom:0px; }
.end-list-type { clear:both; margin:10px 0; border-top:1px solid #d2d2d2; }

/* 서브게시판 카테고리 */
/**
#cpbpard-child { margin:10px 0 15px; }
#cpbpard-child a { color:#333; text-decoration:none;
	padding: 6px 12px;
    border-radius: 5px;;
    background-color: #e1ecf4;
    border:1px solid #cdcdcd;
	margin-right:8px; 
	display:inline-flex;
	font-size:15px;
}
#cpbpard-child a:hover { background-color:#cfeafe; }
#cpbpard-child a.active { background-color:#cfeafe; }
*/



/* list image type */
.bbcp-image-items { clear:both; margin:0; }
.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:15px; font-weight:400; line-height:1.6; text-overflow: ellipsis; }
.image-wrap .summary .meta { font-size:14px; color:#666; margin-bottom:0px; }

.bbcp_cmd_wrap { text-align:right; margin-bottom:25px; }
.bbcp_cmd_wrap:after { display: block; clear: both; content: ""; }

span.form-desc { color:#666; margin-left:10px; font-size:14px; font-weight:400; }

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

/* New */
.bbcp-sup { font-size: 12px; font-family: 'arial black'; color: red; vertical-align: top; }
span.child-name { font-size: .875rem; }

/* loading */
.bbcp-spin {border:5px solid #cdcdcd;/* Light grey */border-top:5px solid #3498db;/* Blue */
        border-radius:50%; width:30px;height:30px; animation:spin 2s linear infinite;margin:0 auto;}
@keyframes spin {0% { transform:rotate(0deg); }100% { transform:rotate(360deg); }}

#bbcp_msg,#bbcp_replymsg, #bbcp_editmsg, #bbcp-loading {
	margin-bottom:10px; font-size:16px; text-align:center;font-weight:bold;
}
#bbcp_msg .error,
#bbcp_replymsg .error,
#bbcp_deletemsg .error,
#bbcp-loading .error,
#spin-loader .error,
#bbcp_editmsg .error { color:#e10909;}
#bbcp_msg .success, #bbcp_replymsg .success, #bbcp_editmsg .success, #bbcp_deletemsg .success,
#bbcp-loading .success, #spin-loader .success{ color:#015501; }
#spin-loader { margin-bottom:10px; }

#bbcp-loadmore { margin:0 auto; }
button.bbcp-button-outline { width:130px; }

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

/* content read */
.post-password-required .bbcp-entry { width:640px; margin:0 auto; }
.bbcp-title { padding: 18px 25px; background-color: #f5f5f5; border: 2px solid #dedede; border-radius: 10px; }
.bbcp-attach { padding: 4px 25px; border-bottom: 1px solid #bebebe; }
.bbcp-attach a { color:#212121; text-decoration: none; margin-right:15px; }
.bbcp-attach ul li{ 
    background: url('../images/ico-file.png') 0 10px no-repeat;
	list-style-type:none;
	padding: 12px 25px;
	border-top:1px solid #dedede;
}
.icon-attach{
	display:inline-block;
    background: url('../images/ico-file.png') no-repeat;
	width: 18px;
	height: 18px;
	margin-left:5px;
}
/*
.bbcp-attach a:before {
	display:inline-block;
    font-family:'FontAwesome';
    content:"\f15b";
    margin-right:3px;
}*/
.bbcp-content { padding:25px 0; }
.bbcp-entry.inquiry .bbcp-content { border:1px solid #c8c8c8; padding: 25px 30px; }
.bbcp-content { margin:15px 0 40px; }

.bbcp-board-read { margin: 5px 0 25px; font-size:15px; line-height:1.75em; }
.bbcp-board-read article { /*max-width:800px;*/ margin-left:auto; margin-right:auto; }
.bbcp-board-read p,
.bbcp-content p { clear:both; margin:0 0 12px; }
.bbcp-board-read .bbcp-title { margin-top:25px; /*max-width:1024px;*/ margin-left:auto; margin-right:auto; }
.bbcp-board-read .bbcp-title .subject { font-size:25px; font-weight:500; color:#121212; line-height:1.7em; letter-spacing:-0.5px; }

/* icon */
.icon-lock { width:10px; height:15px; 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:15px; background: url(../images/ico-attach.png) no-repeat left center; padding-right:13px;}
*/

/* recent widgets */

/* Main recent board */
.cpboard-recent-header {
    position: relative;
    border-bottom: 2px dashed #c5cc0f;
    padding-bottom: 0;
    margin-bottom: 15px;
}
.cpboard-recent-header span {
    position:absolute;
    right:5px;
    top: 8px;
}

.hide_text {  text-indent: 100%; white-space: nowrap; overflow: hidden; }
.cpboard_recent {postion: relative; margin-bottom:10px; }
.cpboard_recent h2 { font-size:22px; font-wright:bold; margin:0 0 10px; }
.cpboard_recent 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 ul.term-list { margin:0; padding:0; }
.cpboard_recent ul.term-list li { position:relative; list-style:none; margin:0; padding: 4px 0; }
.cpboard_recent ul.term-list li a { display:inline-block; font-size:15px; color:#454545; text-decoration:none; line-height:1; }
.cpboard_recent ul.term-list li a:hover { text-decoration: underline; }
.cpboard_recent ul.term-list li span { position: absolute; right:0; top:8px; color:#767676; font-size:14px; line-height:1;}

/* bbcp-widget-header (제목 .... +더보기)*/
.bbcp-widget-header { width:100%; margin:0; padding:0; position: relative;}
.bbcp-widget-header h3 { font-size: 22px; line-height:1; margin:0 0 0 8px; }
.bbcp-widget-header .more {
	position:absolute;
	top:0; right:0; 
	width: 25px; height: 25px;
    text-indent: -99999px;
    background: url(../images/ico-plus.png) 50% 50% no-repeat;
	border:1px solid #c2c2c2;
}
.bbcp-widget-header .more:hover { border:1px solid #000; }
.bbcp-widget-header:after {display: table; content: ""; clear: both;}



/* recent tab widgets */ 
.cat-tab-widget { width:100%; margin:0; padding:0; position: relative; }
.cat-tab-widget .tab-more {
	position:absolute;
	top:10px; right:0; 
	width: 25px; height: 25px;
    text-indent: -99999px;
    background: url(../images/ico-plus.png) 50% 50% no-repeat;
	border:1px solid #e2e2e2;
}
.cat-tab-widget .tab-more:hover {
	border:1px solid #000;
}


ul.cat-tab-header{ margin: 0; padding: 0; list-style: none; border-bottom:1px solid #dedede; }
ul.cat-tab-header li{ color: #333; font-size:20px; font-weight:500; display: inline-block; margin-left:3px;margin-right:5px;padding: 10px 10px; cursor: pointer; border:none;}
ul.cat-tab-header li.current, ul.cat-tab-header li:hover { color: #26aa1b; border-bottom: 2px solid #26aa1b; transition: all 0.5s linear;} 
.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.cpboard-recent, ul.cpboard-recent { margin:-15px 0; padding:0; }
.cat-tab-widget ul.cpboard-recent li, ul.cpboard-recent li {
	position:relative;
	display:flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #dedede;
	padding: 12px 8px;
}
.cat-tab-widget ul.cpboard-recent li, ul.cpboard-recent li:last-child {
	border-bottom:0;
}

.cat-tab-widget ul.cpboard-recent li a.title, ul.cpboard-recent li a.title {
    flex: 1 1 0%;
    max-width: 460px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
/*    font-size: 16px;*/
    line-height: 1.5; 
    color: rgb(0, 0, 0);
	text-decoration: none;
}
.cat-tab-widget ul.cpboard-recent li a:hover { text-decoration: underline;}
.cat-tab-widget ul.cpboard-recent li span.date, ul.cpboard-recent li span.date {position:absolute; right:0px; top:10px; color:#333;font-size:15px;padding:0;line-height:1.2; }
/*
.cat-tab-widget ul.cpboard-recent li:after, ul.cpboard-recent li:after{ content: "\2022"; position: absolute; top:11px; left: 0; font-size: 14px; 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: 15px; color: #666666; border-radius: 5px; 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:25px 0 50px }
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:'Noto Sans KR','Malgun Gothic',Arial; font-weight: 400; line-height:1; color: white !important; background: #666 !important; border: none; border-radius: 5px; 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: 15px; line-height: 1em; font-weight: 400; 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-button:focus { background: #242424; color: #ffffff; }

.bbcp-button-outline {
	display:inline-block; margin-right:5px; background-color: #ffffff; display: block;
	border: 1px solid #666; border-radius:12px; padding: 12px 25px 12px 25px; color: #333; font-size: 15px; line-height: 1em;
	font-weight: 400; white-space: nowrap; cursor: pointer; text-decoration:none;
}

.bbcp-button-outline:hover { border-color:#666; background-color:#666; color:#fff; }

.bb-btn {
	display:inline-block !important; margin-right:5px; background-color: #3e5fff; padding: 10px 16px 10px 16px; color: #fff; font-size: 15px; border-radius:8px; line-height: 1em; font-weight: 400; white-space: nowrap; cursor: pointer; text-decoration:none; }


/* paging */
.bbcp-paging { display: inline-block; margin:0;}
.bbcp-paging a, .bbcp-paging span { padding: 6px 10px; font-size:15px; color: #333333; text-decoration: none; background-color:#fff; border:1px solid #ccc; }
.bbcp-paging a:hover, .bbcp-paging span:hover, bbcp-paging:span:focus {/* border:1px solid #ccc; */ }
.bbcp-paging a.current, .bbcp-paging span.current { color:#000;border-color:#333333; border-width:1px; }

.bbcp-paging a.next,
.bbcp-paging a.prev { position: relative; padding:6px 14px 6px 14px;}

.bbcp-paging a.next:after { 
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -7px;
    width: 10px;
    height: 10px;
    display: block;
    border: 2px solid #666;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.bbcp-paging a.prev:after { 
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -3px;
    width: 10px;
    height: 10px;
    display: block;
    border: 2px solid #666;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* comment */
.cpboard-comment-box { clear:both; border:1px solid #bebebe; margin: 30px 0 50px 0; padding:15px 25px 25px; borcder-radius:15px;}
.cpboard-comment-box:after { display: table; content: ""; clear: both; }
.cpboard-comment-formbox { clear:both; border:1px solid #bebebe; margin: 20px 0 20px 0; padding:15px 25px 15px;}
.cpboard-comment-formbox:after { display: table; content: ""; clear: both; }

.cpboard-comment-container { border-top:1px solid #bebebe; margin:15px 0; padding-top:15px;}
.cpboard-comment-container:after { content: " "; display: table; }
.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 #ececec; overflow: hidden; }
.cpboard-commentlist .comment .comment_content .author_name { font-size:15px; font-weight:500; line-height:1em; margin-right:15px;}
.cpboard-commentlist .comment .comment-meta { font-size: 14px; line-height: 1em; }
.cpboard-commentlist .comment .comment_text { clear: both; padding: 8px 0; }
.cpboard-commentlist .comment .comment_text p { margin:0 0 10px 0; line-height:1.5em; }
.cpboard-comment-box input[type=text], .cpboard-comment-box input[type=password] { 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-bottom:10px;margin-bottom:10px;  border: 1px solid #D9D9D9; color: #212121; }
.cpboard-comment-box h3 { margin:0; }
.cpboard-comment-box .cpboard-subtitle { font-weight: 700; }
.comment-form-button .button-msg { float:right; text-align:right; margin-right:20px; padding-top:4px;}
.comment-form-button .button-act { float:right; }

/* upload */
#attach_lists { margin:5px 20px; }
#attach_lists .att-item { padding-top: 8px; padding-bottom: 8px; font-size:15px; }
#attach_lists span.remove-button { font-size: 14px; padding: 6px 10px; color: #fff; text-decoration: none; background-color: #666; cursor: pointer; }
#attach_lists span.download-button { font-size: 14px; padding: 6px 10px; color: #fff; text-decoration: none; background-color: #4f94d4; cursor: pointer; }
/*
div.bbcp-attach-btn{ padding:8px 20px; background:#212121; border:1px solid #212121; position:relative; color:#fff; border-radius: 0; text-align:center; cursor:pointer; width:120px;}
.bbcp-attach-file { position: absolute; z-index: 1000; opacity: 0; cursor: pointer; right: 0; top: 0; height: 100%; font-size: 18px; width: 100%; }
*/

#attach_message { margin-bottom:4px; vertical-align:middle;}
.spin-loader {margin:0 auto; border:6px solid #cdcdcd;/* Light grey */border-top:6px solid #3498db;/* Blue */
        border-radius:50%;width:32px;height:32px;animation:spin 2s linear infinite;}
@keyframes spin {0% { transform:rotate(0deg); }100% { transform:rotate(360deg); }}
#attach_message .success { color:#006ba1; font-weight:500; padding-top:5px;}
#attach_message .error { color:#ea0505; font-weight:500; padding-top:5px;}

.bb-status { padding: 4px 8px; white-space: nowrap; width: auto; height: auto; text-align: center; box-sizing: border-box; float: none; border-radius: 2px; font-size: 14px; background-color: #ccc; color: #fff; transform: translateY(-1px); }
.bb-status.completed,
.bb-status.success { background-color:#5eba7d;}
.bb-status.pending { background-color:#a1a5a2;}
.bb-status.error { background-color:#ec2022;}
.bb-status.waring { background-color:#f1b600;}

/*폼 테이블 */
.center-border { width:760px; margin:0 auto; border:2px solid #bebebe; border-radius:25px; padding:20px 30px;}
span.star { font-size: 12px;color:red; }
span.option { font-size: 12px;color:#666; }

/*상담Inquiry status (비공개,공개, 답변완료)*/
.bbcp-inquiry-wrap { clear:both; border:1px solid #c8c8c8; margin:15px 0 50px; padding:15px;20px }
.bbcp-inquiry-wrap .bbcp-inquiry-stat .stat-inner { border-bottom:1px solid #cdcdcd; padding-bottom:15px; margin-bottom: 20px; }
.bbcp-inquiry-wrap .bbcp-inquiry-body { font-size: 15px; }
/*.bbcp-inquiry-wrap table.custom-table tbody td{ display: block; } */

.bbcp-stat { min-width:70px; font-size:14px; line-height:1;background-color: #fff; border: 1px solid #999; color: #333; padding: 9px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; margin-right: 4px; border-radius: 8px;}
.stat1 { background-color: #4caf50; color:#fff; border:none;} /* green */
.stat2 { background-color: #bab904; color:#fff; border:none;} /* blue */
.stat3 { background-color: #818a96; color:#fff; border:none;} /* gray */ 
.stat4 { background-color: #f59e0b; color:#fff; border:none;} /* 주황*/
.stat5 { background-color: #3f444b; color:#fff; border:none;} /* black */




@media only screen and (max-width:767px){
	.bbcp-board-read article { max-width:100%; }
	.post-password-required .bbcp-entry { width:100%; }
	.bbcp-content { padding:10px 0 0; }
	.bbcp_cmd_wrap { text-align:center; border-bottom:2px solid #bebebe; margin-bottom: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 thead tr th.col-title { width:100%; }
	.bbcp-board-list table td.col-title a { font-size:1.2rem; }
	/*
	.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-type, .bbcp-board-list table td.col-type,
    .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-status, .bbcp-board-list table td.col-status,
    .bbcp-board-list table th.col-hits,  .bbcp-board-list table td.col-hits {
		display:none;
	}

	.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; }

	.bbcp-child-list ul li { flex-basis: 50%; margin-bottom:2px; }

	.bbcp-webzine-list { margin:0; }
	.bbcp-webzine-list .webzine-item { margin-bottom:0; gap:0; }
	.bbcp-webzine-list .webzine-item { margin-bottom:0; gap:0; }
	.bbcp-webzine-list .webzine-item .item__image { display: none; }
	.bbcp-webzine-list .webzine-item .item__content p.meta { margin:0 0 0; }
	.bbcp-webzine-list .webzine-item .item__content p.excerpt { display: none; }


	/* recent*/
	.cat-tab-widget ul.cpboard-recent li, ul.cpboard-recent li {
		width:calc(100% - 20px); text-overflow: ellipsis;  white-space: nowrap; overflow: hidden;
		padding-right: 0;
        padding: 5px 0 5px 0;
	}
	.cat-tab-widget ul.cpboard-recent li, ul.cpboard-recent li a { font-size:1.075rem; }
	/*ul.cpboard-recent li span { display:none; }*/

    ul.cat-tab-header li{ padding:6px 8px; }
	.cat-tab-widget ul.cpboard-recent, ul.cpboard-recent { margin:-15px -15px 20px 0; }

	.bbcp-grid-list .grid-item, 
	.bbcp-grid-list .grid-item-3{ width: 50%;}



    .center-border { width:100%; padding:10px; border-radius:10px; }

	.vc_custom_1724928218205 { margin:0 -15px 0 -15px; }

}
@media only screen and (max-width:991px) and (min-width:768px){
	ul.cpboard-recent li span { display:none; }
}

/*-----------------------------------------------------------------------------------*/
/* Table
 *  *-----------------------------------------------------------------------------------*/
.custom-table-1 table, table.custom-table-1 {
    margin: 0 0 20px 0;
    text-align: left;
    border:1px solid #e1e1e1;
    border-radius: 2px;
}

.custom-table-1 th, table.custom-table-1 th,
.custom-table-1 td, table.custom-table-1 td {
    padding: 10px 10px;
    vertical-align: middle;
	text-align:center;
	border-bottom:1px solid #cdcdcd;
}

.custom-table-1 th, table.custom-table-1 th{
    font-size:15px;
    font-weight:500;
    color:#333333;
    border-bottom:1px solid #e1e1e1;
    background-color: #f2f2f2;
    text-align:center;
}
/* Style-2 /--------------------------------------------------------- */
.custom-table-2 table, table.custom-table-2 {
    margin: 0 0 20px 0;
    text-align: left;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    overflow:auto;
}
.custom-table-2 { overflow:auto; }
.custom-table-2 thead th, table.custom-table-2 th,
.custom-table-2 thead td, table.custom-table-2 td{
    padding: 10px 8px;
    vertical-align: middle;
	text-align:center;
    border: 1px solid #dedede;
}

.custom-table-2 thead tr:hover, table.custom-table-2 tr:hover {
    background: #d7dfea;
}
.custom-table-2 tbody tr:nth-child(even) { background: #eaf1ff; }
.custom-table-2 tbody tr:nth-child(odd) { background: #ffffff; }

.custom-table-2 thead th, table.custom-table-2 th{
    color:#fff;
    font-size:15px;
    font-weight:500;
    border:none;
    border:1px solid #edf6df;
    padding:10px 6px;
    background-color: #7aa738;
    text-align:center;
}
.custom-table-2 tbody td, table.custom-table-2 td{
    color:#333;
    font-size:15px;
    font-weight:400;
    border:none;
    border:1px solid #cdcdcd;
    padding:10px 6px;
    text-align:center;
}
.custom-table-2 tbody tr td:first-child, table.custom-table-2 tr td:first-child{
	background-color:#edf6df;
	font-weight: 500;
}
/* Style-3 /--------------------------------------------------------- */
.custom-table-3 table, table.custom-table-3 {
    margin: 0 0 20px 0;
    text-align: left;
    border-top: 2px solid #bebebe;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    overflow:auto;
}
.custom-table-3 { overflow:auto; }
.custom-table-3 thead th, table.custom-table-3 th,
.custom-table-3 thead td, table.custom-table-3 td{
    padding: 10px 8px;
    vertical-align: middle;
    text-align:center;
    border: 1px solid #c2c2c2;
}

.custom-table-3 thead tr:hover, table.custom-table-3 tr:hover {
    background: #d7dfea;
}
.custom-table-3 tbody tr:nth-child(even) { background: #eaf1ff; }
.custom-table-3 tbody tr:nth-child(odd) { background: #ffffff; }
.custom-table-3 thead th, table.custom-table-3 th{
    color:#000000;
    font-size:15px;
    font-weight:500;
    border:none;
    border:1px solid #c2c2c2;
    padding:10px 6px;
    background-color: #ededed;
    text-align:center;
}
.custom-table-3 tbody td, table.custom-table-3 td{
    color:#333;
    font-size:15px;
    font-weight:400;
    border:none;
    border:1px solid #c2c2c2;
    padding:10px 6px;
    text-align:center;
}

/* Style-4 /--------------------------------------------------------- */
.custom-table-4 table, table.custom-table-4 {
    margin: 0 0 20px 0;
    text-align: left;
	border-width: 0px;
    border-spacing: 0;
}
.custom-table-4 th, table.custom-table-4 th,
.custom-table-4 td, table.custom-table-4 td{
    padding: 10px 20px;
    vertical-align: middle;
    border-bottom:1px solid #cdcdcd;
	text-align:center;
}
.custom-table-4 th.left, table.custom-table-4 th.left,
.custom-table-4 td.left, table.custom-table-4 td.left {
	text-align:left !important;
}
.custom-table-4 tr:hover, table.custom-table-4 tr:hover {
    background: #f9f9f9;
}

.custom-table-4 th, table.custom-table-4 th{
    text-align: center;
	font-family:"NotoSansKR-Bold",sans-serif;
    font-size:15px;
    color:#333;
    border:none;
    padding:10px 20px;
    background: #dedede;
}
table.custom-table-4 th:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
table.custom-table-4 th:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}


table.custom-table-4 tr:first-child th:first-child {
  border-top-left-radius: 12px;
}
table.custom-table-4 tr:first-child th:last-child {
  border-top-right-radius: 12px;
}

table.custom-table-4 tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}
table.custom-table-4 tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}

/* Style-main /--------------------------------------------------------- */
table.custom-table-main {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  background-color;#fff;
  color:#545454;
  margin-bottom: 8px;
}
table.custom-table-main th {
  background-color: #157bb5;
  color: #fff;
  font-weight: 500;
  padding: 9px 15px;
  border: none;
}
table.custom-table-main td {
  background-color: transparent;
  padding: 20px 15px;
  font-weight: 500;
  border-bottom: 1px solid #e2e2e2;
}
table.custom-table-main td.tr-img1 {
  background-image: url('../images/tr-img1.png');
  background-repeat:no-repeat;
  background-position: 20px 10px;
  background-size: 40px 40px;
  padding-left: 75px;
}
table.custom-table-main td.tr-img2 {
  background-image: url('../images/tr-img2.png');
  background-repeat:no-repeat;
  background-position: 20px 10px;
  background-size: 40px 40px;
  padding-left: 75px;
}
table.custom-table-main td.tr-img3  {
  background-image: url('../images/tr-img3.png');
  background-repeat:no-repeat;
  background-position: 20px 10px;
  background-size: 40px 40px;
  padding-left: 75px;
}
table.custom-table-main td.tr-img4 {
  background-image: url('../images/tr-img4.png');
  background-repeat:no-repeat;
  background-position: 20px 10px;
  background-size: 40px 40px;
  padding-left: 75px;
}
/*
table.custom-table-main tr:nth-child(even) {
   background-color: #f2f2f2;
}
table.custom-table-main tr:hover {
  background-color: #ddd;
}
*/
table.custom-table-main th:first-child {
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
  padding-left:80px;
}
table.custom-table-main th:last-child {
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}
table.custom-table-main tr:first-child th:first-child {
  border-top-left-radius: 18px;
}
table.custom-table-main tr:first-child th:last-child {
  border-top-right-radius: 18px;
}

table.custom-table-main tr:last-child td:first-child {
  border-bottom-left-radius: 18px;
}
table.custom-table-main tr:last-child td:last-child {
  border-bottom-right-radius: 18px;
}

@media only screen and (max-width:767px){
   table.custom-table-main th:first-child { padding-left:40px; }
   table.custom-table-main td.tr-img1 { padding-left: 55px; background-position:8px 17px;}
   table.custom-table-main td.tr-img2 { padding-left: 55px; background-position:8px 17px;}
   table.custom-table-main td.tr-img3 { padding-left: 55px; background-position:8px 17px;}
   table.custom-table-main td.tr-img4 { padding-left: 55px; background-position:8px 17px;}
}

/* FORM 작성에 사용 /--------------------------------------------------------- */
.custom-table-form table, table.custom-table-form {
	table-layout:fixed !important;
	overflow: scroll;
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 0 0 0 0!important;
    margin: 0 0 0 0;
    text-align: left;
	border:none;
    font-family: "Noto Sana KR", "맑은 고딕", Arial;
}
.custom-table-form th, table.custom-table-form th { max-width:30%; width:20%; padding: 7px 15px; vertical-align: middle; border-width: 0 0 1px 0!important; border-color:#cdcdcd;line-height:1.4; background-color:#f8f8f8; font-size:15px; font-weight:600!important; vertical-align:middle;}
.custom-table-form td, table.custom-table-form td{ padding:7px 15px; line-height:1.4; color:#333; font-size:15px; font-weight:400; border-width: 0 0 1px 0!important; border-color:#cdcdcd; background-color: #fff; text-align:left; }
.custom-table-form td input[type='text'], table.custom-table-form td input[type='text'],
.custom-table-form input[type='password'], table.custom-table-form input[type='password'] { margin-bottom:0 !important; width:100%; background-color:#f9f9f9; border:1px solid #ccc; border-radius:5px; padding:8px; }
.custom-table-form td textarea, table.custom-table-form td textarea { padding:8px; border:1px solid #ccc; border-radius:none; background-color:#f9f9f9;}
.custom-table-form tfoot th, table.custom-table-form tfoot th,
.custom-table-form tfoot td, table.custom-table-form tfoot td { border:none!important; background:none!important;}

.custom-table-form tr:first-child > th,
.custom-table-form tr:first-child > td { border-width: 2px 0 1px 0!important;}


.bbcp-section-title {
	display: flex;
    width: 100%;
    line-height: 1;
    -webkit-box-align: baseline;
    align-items: baseline;
}
.bbcp-section-title p {
    display: flex;
    margin-left: 20px;
    font-size: 28px;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1.25;
}


/* Style-std /--------------------------------------------------------- */
.custom-table-std table, table.custom-table-std {
    margin: 0 0 20px 0;
    text-align: left;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
    overflow:auto;
}
.custom-table-std thead th, table.custom-table-std th,
.custom-table-std thead td, table.custom-table-std td{
    color:#111111;
    font-size:15px;
    vertical-align: middle;
    text-align:center;
    border: 1px solid #cdcdcd;
}
.custom-table-std thead th, table.custom-table-std th{
    padding: 5px 10px;
    font-weight:500;
    background-color: #dae3f3;
}
.custom-table-std tbody td, table.custom-table-std td{
    padding: 7px 10px;
    font-weight:400;
}




table.custom-table-view{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; border-top:#222 1px solid; border-right: #c8c8c8 1px solid;}
table.custom-table-view tbody th{ font-weight: 400; padding: 1rem 0 1rem 1rem; letter-spacing: -.05em; background-color: #f8f8f8; text-align: left; border-bottom: #c8c8c8 1px solid; border-left: #c8c8c8 1px solid;}
table.custom-table-view tbody td{ padding: 1rem; letter-spacing: -.05em; text-align: left; border-bottom: #c8c8c8 1px solid; border-left: #c8c8c8 1px solid; }
table.custom-table-view .w01,
table.custom-table-view .w03,
table.custom-table-view .w05{ width: 140px;}

@media screen and (min-width:641px) and (max-width:1281px){
    table.custom-table-view .w01,
    table.custom-table-view .w03,
    table.custom-table-view .w05{ width: 100px;}
}

@media screen and (max-width:640px){
    table.custom-table-view colgroup{ display: none;}
    table.custom-table-view tbody tr{ display: block;}
    table.custom-table-view tbody tr::after{ content: ''; display: block; clear: both;}
    table.custom-table-view tbody th,
    table.custom-table-view tbody td{ display: block; float: left;}
    table.custom-table-view tbody th{ width: 100px !important; padding-left: .6rem;}
    table.custom-table-view tbody td{ width: calc(100% - 100px) !important; padding-left: .6rem;}
    table.custom-table-view tbody td.wrap { width: 100% !important; padding-left: .6rem;}
    table.custom-table-view tbody th.subject{ display: none;}
    table.custom-table-view tbody td.subject{ position: relative; padding-left: calc(100px + .6rem); width: 100% !important;}
    table.custom-table-view tbody td.subject::before{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 100px;  display: block;border-right: #c8c8c8 1px solid; background-color: #f8f8f8;}
    table.custom-table-view tbody td.subject::after{ content: '제목'; position: absolute; top: 50%; margin-top: -.5em; left: 1rem;}
    table.custom-table-view tbody .td-view{ width: 100% !important;}
}