/* board  */
.prevnext-control		{position:absolute;left:0;top:50%;width:100%;font-size:1.5rem;}
.prevnext-control a		{display:block;color:var(--main-bg)}
.prevnext-control a.prev{float:left;}
.prevnext-control a.next{float:right}

.list-nodata		{text-align:center;padding:4rem;border:1px dashed #eee;}
.list-nodata:before	{content:"\f27a";display:block;font-family:var(--faw);font-size:var(--font-2xlg);color:var(--gray);margin-bottom:10px;}

.board-search		{margin:0 0 1rem 0;display:flex;flex-flow:row wrap;align-items:center;background:var(--basic-bg);padding:1rem}
.board-search .form-control{display:inline-block;width:auto;}
.board-search table th,.board-search table td{padding:0.125rem}

.board-info				{margin:1rem 0;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;font-size:var(--font-sm)}
.board-info > div		{flex:1;}
.board-info:before,
.board-info:after		{content:"";clear:both;display:block;float:none;}
.board-info-left		{}
.board-info-right		{text-align:right;}
.board-info .form-control	{display:inline-block;width:auto;}

.board-paging				{position:relative;margin:2rem 0;text-align:Center;}
.board-paging a				{display:inline-block;width:40px;height:40px;line-height:40px;border:1px solid var(--gray);color:var(--gray);background:#fff;border-radius:2px;text-align:center;vertical-align:top;font-size:.785rem}
.board-paging a.on,
.board-paging a.active		{border-color:var(--main-color);color:var(--main-color);font-weight:600}
.board-paging a.prev:before,
.board-paging a.next:before,
.board-paging a.first:before,
.board-paging a.last:before	{content:"";font-family:var(--faw);font-weight:900;}
.board-paging a.prev:before	{content:"\f053"}
.board-paging a.next:before	{content:"\f054"}
.board-paging a.first:before{content:"\f100"}
.board-paging a.last:before	{content:"\f101"}
.board-paging .va-mo	{display:none;}

.btnarea					{position:relative;margin:2rem 0;}
.btnarea:before,
.btnarea:after				{content:"";display:block;float:none;clear:both;}
.btnarea.row				{align-items:center;justify-content:space-between;}
.btnarea.row > div			{flex:1;}
.btnarea.row .cont-l		{display:block;}
.btnarea.row .cont-r		{text-align:right}

/* board-write  */
.board-write				{background:var(--basic-bg);border-radius:var(--basic-round);padding:1.75rem;}
.board-write table th,
.board-write table td		{padding:0.5rem 0.25rem}
.board-write table th		{width:200px;word-break:keep-all;vertical-align:top;padding-top:0.75rem}	
.board-write table table th,
.board-write table table td	{padding:0.25rem}
.board-write table table th	{width:auto;}
.board-write textarea		{min-height:200px;}

@media (max-width:1023px)	{
	.board-write			{padding:1rem;}
	.board-write table		{display:block;width:100%}
	.board-write table thead,
	.board-write table tbody,
	.board-write table tr,
	.board-write table th,
	.board-write table td	{display:block;width:auto;text-align:left;}
}
/* board-view  */
.board-view				{border-top:2px solid var(--basic-color);border-bottom:1px solid var(--basic-border);}
.board-view-title		{padding:1rem 0;line-height:1.2;font-size:var(--font-xlg);color:var(--black);}
.board-view-desc		{padding:1rem 0;font-size:var(--font-sm);border:1px solid var(--basic-border);border-left:none;border-right:none;}
.board-view-desc .vd-tit{display:inline-block;min-width:60px;color:#999;}
.board-view-clip		{background:var(--basic-bg);padding:1rem}
.board-view-clip li:before	{content:"\f0c7";font-family:var(--faw);margin-right:5px;}
.board-view-cont		{padding:2rem 0;}
.board-view-cont img	{max-width:100% !important}
.board-view-cont .text	{}
.board-view-cont .image	{margin:1rem 0;text-align:center;}
.board-view-cont .text	{}

/* board-list  */
.board-list table				{text-align:center;}	
.board-list	thead th			{background:var(--basic-color);color:#fff;}
.board-list	thead th:first-child{border-radius:3px 0 0 3px;}
.board-list	thead th:last-child	{border-radius:0 3px 3px 0;}
.board-list	tbody tr:hover		{background:var(--basic-bg);border-color:var(--main-bg);}
.board-list	tbody tr:hover .subject	{color:var(--main-bg);}
.board-list tbody th,
.board-list tbody td			{border-bottom:1px solid #ddd}
.board-list	tbody .subject		{color:var(--black);font-size:1.015rem;text-align:left;}
.board-list th,
.board-list td					{padding:0.785rem}
.board-list .clip				{position:relative;font-size:var(--font-sm)}
.board-list .clip .num			{display:inline-block;border-radius:2px;background:#B8BFC7;color:#fff;width:1.25rem;height:1.25rem;line-height:1.25rem;vertical-align:top;text-align:center;margin-left:5px;}
.board-list .clip-list			{position:absolute;z-index:99999;left:0;top:30px;width:200px;padding:3rem 1rem 1rem 1rem;background:#fff;border-radius:0.375rem;box-shadow:5px 5px 20px rgba(0,0,0,0.2);overflow:hidden;text-align:left;}
.board-list .clip-list:before	{content:"첨부파일";position:absolute;left:0;top:0;padding:0 20px;width:100%;height:40px;line-height:40px;display:block;background:#b8bfc7;color:#fff;text-align:left;}
.board-list .clip-list a		{display:block;position:relative;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.attach-preview		{margin:1rem 0;text-align:center;}
.attach-preview iframe{width:100%;}
.attach-link		{background:var(--basic-bg);padding:1rem;border-radius:.2rem;font-size:.725rem;color:#999}
.attach-link:before	{content:"\f0c1";font-family:var(--faw);}

.board-reply				{margin:20px;}
.board-reply .list			{background:var(--basic-bg);padding:20px;font-size:0.725rem;color:#999;text-align:justify}
.board-reply .list li		{width:100%;display:table;border-top:1px solid #eaeaea;padding:10px 0;}
.board-reply .list li:first-child{border:none;padding-top:0;}
.board-reply .list li:after	{content:"";clear:both;display:block;float:none;}
.board-reply .write			{padding:20px;border:1px solid #eaeaea;margin-top:10px;}
.board-reply .thumb			{display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#fff}
.board-reply .thumb-area	{display:table-cell;float:left;width:40px;padding-right:10px;}
.board-reply .desc			{display:table-cell;float:right;width:calc(100% - 50px);vertical-align:top;}
.board-reply .name			{font-size:0.875rem;color:#555;}
.board-reply .date			{display:inline-block;margin-left:10px;font-size:0.5rem;color:#999;}
.board-reply .control		{background:var(--basic-bg);padding:0 20px 20px 20px;}
.board-reply .control a		{width:40px;height:40px;}
.board-reply .control a:not(.btn-main){background:#fff;border-color:#fff;color:#768395}

.board-link		{}
.board-link	li	{animation:fadeInUp 0.2s ease-out}
.board-link	a	{display:flex;flex-wrap:wrap;border:1px solid #ccc;margin-bottom:0.5rem;border-radius:0.25rem;padding:1rem;}
.board-link	li .tit, 
.board-link	li .url	{max-width:50%;flex:0 0 50%}
.board-link	li .url	{text-align:right;color:#768395}
.board-link	li .url	span	{display:none;}
.board-link	li i	{margin-right:0.5rem}

.board-namecard	li		{padding:20px 0;border-bottom:1px solid #ccc}
.board-namecard	li:after{content:"";clear:both;float:none;display:block;}
.board-namecard	.thumb	{float:left;width:140px;height:140px;}
.board-namecard	.cont	{float:right;width:calc(100% - 140px - 20px);margin-left:20px;}
.board-namecard	.subject{font-size:1.25rem;color:#333}
.board-namecard	.txt	{display:block;font-size:.875rem;margin:0.5rem 0}
.board-namecard	.tagsgroup		{float:right;width:calc(100% - 140px - 20px);margin-left:20px;}
.board-namecard	.tagsgroup		{width:100%;position:relative;overflow:hidden;z-index:999999;margin-top:0.5rem}


/* gallery type */
.board-gallery		{border-bottom:1px solid #ccc;font-size:.875rem;}
.board-gallery ul	{margin-left:-15px;margin-right:-15px;}
.board-gallery li	{padding-left:15px;padding-right:15px;float:left;margin-bottom:2rem}
.board-gallery .thumb	{position:relative;overflow:hidden;background-color:#fff;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--black1)}
.board-gallery li		{position:relative;overflow:hidden;margin-bottom:1rem}
.board-gallery .badge	{margin:0;padding:0;background:none;}

.board-gallery.type1 li			{width:25%;}
.board-gallery.type1 .subject	{margin-top:0.5rem;height:1.5rem;line-height:1.5rem;overflow:hidden;text-overflow:ellipsis;}
.board-gallery.type1 .date		{font-size:.725rem;color:#999}
.board-gallery.type1 .thumb		{height:260px;}
.board-gallery.type1 .thumb:before		{content:"";opacity:0;transition:all 0.2s;}
.board-gallery.type1 .thumb:after		{content:"";transform:rotate(-90deg);transition:all 0.2s;}
.board-gallery.type1 a:hover .thumb		{border:none;}
.board-gallery.type1 a:hover .thumb:before{content:"";opacity:1;position:absolute;left:0;top:0;width:100%;height:100;background:rgba(80,80,210,0.8)}
.board-gallery.type1 a:hover .thumb:after{content:"\f067";transform:rotate(0deg);font-family:var(--faw);font-size:2rem;position:relative;width:100%;height:100%;vertical-align:middle;text-align:center;color:#fff;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;}


.board-gallery.type2 li		{width:33.3333%;}
.board-gallery.type2 .thumb	{height:320px;}

.board-gallery.type3		{position:relative}
.board-gallery.type3 li{width:33.3333%;color:#fff}
.board-gallery.type3 .thumb	{height:320px;}	
.board-gallery.type3 .txtbg				{transform:translateY(10%);opacity:0;transition:all 0.2s;position:absolute;left:0;bottom:0;height:50%;margin:0 15px;background:rgba(80,80,210,.8);padding:20px;}
.board-gallery.type3 li:hover .txtbg	{transform:translateY(0);opacity:1;}
.board-gallery.type3 .badge		{position:absolute;left:20px;top:-25px;}
.board-gallery.type3 .subject	{margin:25px 0 10px;}
.board-gallery.type3 a{font-size:0.65rem;color:#fff}
.board-gallery.type3 .control	{display:none;}


.board-gallery.type2 .badge			{z-index:2;text-align:left;font-size:.725rem}
.board-gallery.type2 .badge .date	{display:block;font-size:0.5rem;color:rgba(255,255,255,.8);margin-top:.25rem}
.board-gallery.type2 .thumb			{height:280px;padding:20px;color:#fff;}
.board-gallery.type2 .text .subject	{margin-top:20px;}
.board-gallery.type2 .img .subject	{position:absolute;left:0;bottom:20px;width:100%;padding:20px;height:6rem;line-height:1.5rem;overflow:hidden;text-overflow:ellipsis;}
.board-gallery.type2 .img .txtbg	{position:absolute;left:0;bottom:0;width:100%;height:50%;background-image: -webkit-gradient(linear, left top, left bottom, to(rgba(0,0,0,0.75)),from(rgba(0,0,0,0)));}
.board-gallery.type2 .img .badge-sns	{background:var(--black1);}
.board-gallery.type2 .img .badge-sns:before	{color:#fff !important}


/* attach */
.file-upload {position: relative;overflow: hidden;display: inline-block;vertical-align:middle;background:#B8BFC7;border-color:#B8BFC7;}
.file-upload:before{content:"\f0c6";font-family:var(--faw);}
.file-upload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
#fileuploadurl	{display: inline-block;border:none;vertical-align:middle;background:none;box-shadow: none;padding-left: 0;padding-right: 0;width:300px;font-size:.725rem}

.attachbox				{position:relative;}
.attachbox .preview		{position:absolute;margin-right:20px;background:#fff;border:1px solid #ddd;width:120px;height:120px;line-height:120px;text-align:center;overflow:hidden;}
.attachbox .filebox		{position:relative;margin:0 0 5px 0;border:2px dotted #ddd;text-align:center;}
.attachbox .filebox select	{position:relative;width:100%;min-height:100px;border:none;outline:none;background:#fff;}
.attachbox .filebox:before	{content:"파일을 드래그하여 업로드";position:absolute;width:100%;left:0;top:50%;margin-top:-10px;text-align:center;z-index:9}
.attachbox .filebox.on:before{display:none}
.attachbox	.cont,
.attachbox	.attach_cont	{margin-left:140px;font-size:11px;}
.attachbox	.list li		{display:block;position:relative;padding:4px 0;border-bottom:1px solid #eaeaea}
.attachbox	.list li:hover	{background:#efefef}
.attachbox	.list .fa		{position:absolute;right:0;top:8px;color:#999}
.attachbox	.graph			{width:100%;height:10px;background:#fff;border:1px solid #3E78C1;vertical-align:top;}
.attachbox	.graph .bar		{display:inline-block;background:#3E78C1;height:8px;vertical-align:top}
.attachbox	.graph .num		{display:inline-block;float:right;font-size:10px;font-family:verdana;line-height:100%;}
.fileinput-button		{position:relative;overflow:hidden;}
.fileinput-button .btn-d{position:relative;z-index:8;}
.fileinput-button input {position:absolute;z-index:9;top:0;left:0;margin:0;opacity:0;-ms-filter: 'alpha(opacity=0)';height:100%;width:100%;cursor:pointer !important;}

/*calendar*/
.calendar			{font-size:var(--font-sm)}
.calendar thead th,
.calendar tbody td{border:1px solid var(--basic-border);}
.calendar thead th{}
.calendar tbody td{}


.schedule-list		{}
.schedule-list dl	{display:flex;flex-flow:row wrap}
.schedule-list dt	{width:320px;}
.schedule-list dd	{width:calc(100% - 320px);padding-left:40px}
.schedule-list .calendar	{text-align:center;}