@charset "utf-8";


label.mark-notice { font-size:.8em; padding:1px 5px; border-radius:3px;  }
table.tb label.mark-notice { margin:auto 5px; }
section.sns label.mark-notice { margin:0 5px 0 0; }

/* 이전버전 호환을 위해 추가 */
table.tb tfoot td.no-data { display:none; }




/* 게시판 에디터로 생성된 게시판 */
table.tb { white-space:nowrap; border-collapse:collapse; width:100%; }
table.tb .singleline { max-width:0; }
table.tb td, table.tb th { overflow:hidden; text-overflow:ellipsis; padding:14px; font-weight:400; }

table.tb tbody td a { color:inherit; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; vertical-align:middle; }
table.tb tbody td img.mark-answer ~ a { width:calc(100% - 45px); }
@media all and (max-width: 768px){
	table.tb tbody td label.mark-notice + a { width:calc(100% - 45px); }
	table.tb tbody td img.mark-answer ~ a { width:calc(100% - 80px); }
}

table.tb tbody tr { cursor:pointer; }

table.tb tbody + tfoot { display: none; }
table.tb.loaded tbody:empty + tfoot { display: table-footer-group; }
table.tb.loaded tbody:empty + tfoot td { text-align:center; padding:14px; }
table.tb.loaded tbody:empty + tfoot td:after { content:'작성된 글이 없습니다.'; }


/* 테이블 컬럼 */
table.tb thead th.column-num, table.tb tbody td.column-num { text-align:center; width:80px; }
table.tb tbody th.column-thumb, table.tb tbody td.column-thumb { text-align:center; width:50px; padding: 5px; }
table.tb tbody td.column-thumb img { height:auto; width:100%; }
table.tb thead th.column-title, table.tb tbody td.column-title { text-align:left; }
table.tb td.column-title label.mark-notice { display:none; }
table.tb thead th.column-desc, table.tb tbody td.column-desc { text-align:left; width:100px; }
table.tb thead th.column-author, table.tb tbody td.column-author, table.tb tbody td.column-state { text-align:center; width:100px; max-width:150px; }

table.tb thead th.column-regdate, table.tb tbody td.column-regdate,
table.tb thead th.column-edtdate, table.tb tbody td.column-edtdate { text-align:center; width:80px; }

table.tb thead th.column-regdate.dt, table.tb tbody td.column-regdate.dt,
table.tb thead th.column-edtdate.dt, table.tb tbody td.column-edtdate.dt { width:180px; }

table.tb thead th.column-views, table.tb tbody td.column-views { text-align:center; width:80px; }
table.tb thead th.column-likes, table.tb tbody td.column-likes { text-align:center; width:80px; }
table.tb thead th.column-comments, table.tb tbody td.column-comments { text-align:center; width:90px; }

table.tb thead .column-attach { text-align:center; width:100px; }
table.tb tbody td.column-attach { text-align:center; }
table.tb tbody td.column-attach > a { margin:0 3px; }
table.tb tbody td.column-attach > i + label { font-size:14px; margin-left:2px; }



table.tb[data-hidden-column-num=true] .column-num { display:none; }
table.tb[data-hidden-column-thumb=true] .column-thumb { display:none; }
table.tb[data-hidden-column-title=true] .column-title { display:none; }
table.tb[data-hidden-column-desc=true] .column-desc { display:none; }
table.tb[data-hidden-column-author=true] .column-author { display:none; }
table.tb[data-hidden-column-regdate=true] .column-regdate { display:none; }
table.tb[data-hidden-column-edtdate=true] .column-edtdate { display:none; }
table.tb[data-hidden-column-views=true] .column-views { display:none; }
table.tb[data-hidden-column-likes=true] .column-likes { display:none; }
table.tb[data-hidden-column-comments=true] .column-comments { display:none; }
table.tb[data-hidden-column-attach=true] .column-attach { display:none; }

/**/
table.tb.tb-border    { border:1px solid #ccc; }
table.tb.tb-border th { border:1px solid #ccc; }
table.tb.tb-border td { border:1px solid #ccc; }

/**/
table.tb.tb-note    {  }
table.tb.tb-note th { border-top:1px solid #ccc; }
table.tb.tb-note td { border-top:1px solid #ccc; }
table.tb.tb-note tr.desc td { border-top:none; }
table.tb.tb-note tr:last-child td { border-bottom:1px solid #ccc; }

/**/
table.tb.tb-note-outline    { border:1px solid #ccc; }
table.tb.tb-note-outline th { border-bottom:1px solid #ccc; }
table.tb.tb-note-outline td { border-bottom:1px solid #ccc; }

/**/
table.tb.tb-alternative > tbody > tr:nth-child(2n - 1) td { background: #ffffff !important; }

/* Template, FAQ */
body.list.faq table.tb { max-width: 100%; }
body.list.faq table.tb tr.desc td { background-color:#f8f8f8; }
body.list.faq table.tb tr.desc td p.t-faq-tag { width:100%; white-space:normal; }
body.list.faq table.tb tr.desc td p.t-faq-tag img { max-width:100%; height:auto; margin-left: auto; margin-right: auto; display: block; }

@media all and (max-width: 768px){
	table.tb th { display:none; }
	table.tb td { display:none; }
	table.tb.loaded tbody:empty + tfoot td { display:table-cell; }
	table.tb td.column-title { display:table-cell; }
	table.tb td.column-title label.mark-notice { display:inline-block; }
	
	body.list.faq table.tb tr.desc td { display: table-cell; }
}





section.sns {}
section.sns.loaded:empty { text-align:center; }
section.sns.loaded:empty:after { content:'작성된 글이 없습니다.'; padding:30px; display:block; margin-left:auto; margin-right:auto; }

section.sns > article {
	border:1px solid #ccc;
	transition: all ease-in-out 300ms;letter-spacing:0;
	line-height:1.3em;
	font-size:1em;
}
section.sns > article:not(.last-child) { margin-bottom:20px; }

section.sns > article:hover {
	transition: all ease-in-out 300ms;letter-spacing:0;
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
	        box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
}


section.sns > article .head { overflow:hidden; height:200px; min-height:200px; max-height:200px; background-color:#d2d2d2; }
section.sns > article .head a { display:block; width: 100%; height: 100%; }
section.sns > article .body { display:grid; padding:20px 20px; margin:0; font-size:1em; line-height:inherit; }

section.sns > article img.column-thumb { width:auto; height:100%; width:100%; height:auto; min-height:200px; min-width:100%; margin:0; object-fit:cover; }
section.sns > article .column-title { font-weight:400; font-size:1em; color:inherit; line-height:inherit; }
section.sns > article .column-title > a { font-weight:inherit; font-size:inherit; color:inherit; line-height:inherit; }

section.sns > article desc { font-weight:inherit; font-size:inherit; }
section.sns > article .column-author  { font-weight:inherit; font-size:inherit;  }
section.sns > article .column-regdate { font-weight:inherit; font-size:inherit;  }
section.sns > article .column-edtdate { font-weight:inherit; font-size:inherit;  }

section.sns > article .likes-comments  { text-align:center; }
section.sns > article .column-likes    { display:inline-block; padding:5px 5px 0px 5px; }
section.sns > article .column-comments { display:inline-block; padding:5px 5px 0px 5px; }
section.sns > article .column-views    { display:inline-block; padding:5px 5px 0px 5px; }
section.sns > article .body > p { margin:5px 0 0 0; }
section.sns > article .body > p > i { margin-right:5px; }
section.sns > article .body > p.column-attach { text-align:center; }




/* 소셜썸네일탑 */
section.sns.sns-flow-thumb-top {
   display: -webkit-flex; display: -moz-flex; display: flex;
   -webkit-align-items: left; -webkit-moz-items: left; align-items: left;
   -webkit-justify-content: left; -moz-justify-content: left; justify-content: left;
   -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row;
   -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap;
   -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; flex-flow: row wrap;
   -webkit-align-content: flex-end; -moz-align-content: flex-end; align-content: flex-end;
}

section.sns.sns-flow-thumb-top > article {
	display: inline-block;
	display: box;
	width: calc(100% / 4 - 20px);
	margin:10px;
}
 
@media all and (max-width: 768px){
	section.sns.sns-flow-thumb-top > article { width: calc(100% / 2 - 20px); margin:10px; }
}



/* 블로그플랫 */
section.sns.sns-blog-flat { display:block; }
section.sns.sns-blog-flat > article { width:600px; margin-left:auto; margin-right:auto; margin-top:20px; max-width:96%; }

section.sns.sns-blog-flat > article img.column-thumb { width:100%; height:auto; margin:0; max-height:500px; }
section.sns.sns-blog-flat > article .likes-comments { text-align:left; }

section.sns[data-hidden-column-num=true] .column-num { display:none; }
section.sns[data-hidden-column-thumb=true] .column-thumb { display:none; }
section.sns[data-hidden-column-title=true] .column-title { display:none; }
section.sns[data-hidden-column-desc=true] .column-desc { display:none; }
section.sns[data-hidden-column-author=true] .column-author { display:none; }
section.sns[data-hidden-column-regdate=true] .column-regdate { display:none; }
section.sns[data-hidden-column-edtdate=true] .column-edtdate { display:none; }
section.sns[data-hidden-column-views=true] .column-views { display:none; }
section.sns[data-hidden-column-likes=true] .column-likes { display:none; }
section.sns[data-hidden-column-comments=true] .column-comments { display:none; }
section.sns[data-hidden-column-attach=true] .column-attach { display:none; }

body.list .btn.btn-write label { font-weight:400; }