@charset "utf-8";

.board_search		{padding:15px;margin:0 0 20px 0;background:#f5f5f5;text-align:center;}
.board_search select, .board_search input, .board_search button	{width:120px;vertical-align:top;}
.board_search button, button.btn_search		{width:60px;height:28px;margin:0 5px;background:#768395;border:1px solid #768395;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;color:#fff;font-size:12px;}
.board_search input.text{width:200px;}
.board_search .fa	{display:inline-block;margin-right:5px;vertical-align:middle;}
.search_small		{position:relative;}
.search_small .formarea	{margin-right:60px;}
.search_small input	{border-radius:0;border-right:none;}
.search_small a		{position:absolute;right:0;top:0;margin:0;border-radius:0;display:inline-block;text-align:center;width:60px;height:26px;line-height:24px;padding:0;background:#f1f1f1;border:1px solid #dadada;}

.board_info			{margin:20px 0;line-height:30px;}
.board_info select	{width:120px;}
.board_info .left	{font-size:90%;}
.board_info:before,
.board_info:after,
.btnarea:after{content:"";display:block;float:none;clear:both;}
.btnarea		{margin:20px 0;}
.btnarea a		{margin:0 1px;}
.bbs_date		{font-size:12px;color:#888}
.board_info select	{vertical-align:top;}

@media only screen and (max-width:767px){ /*auto*/
	.board_search select, 
	.board_search input, 
	.board_search button,
	.board_search input.text{width:100%;margin:1px 0;}
	.board_info .left,
	.board_info .right	{float:none;text-align:left;}
	
}
.board_list							{border-bottom:1px solid #768395;}
.board_list table					{}
.board_list table thead th			{padding:8px 4px;background:#768395;color:#fff;font-weight:normal;text-align:center;} 
.board_list table tbody tr				{border-top:1px solid #ddd;}
.board_list table tbody tr:first-child 	{border-top:none;}
.board_list table tbody tr:hover 		{background:#f9f9f9;}
.board_list table tbody tr:hover td.subject a {color:#768395;}
.board_list table tbody td				{padding:10px 5px;text-align:center;}
.board_list table tbody td.subject		{text-align:left;}
.board_list table tbody td.subject a	{color:#333;text-decoration:none;}
.board_list table tbody td.num			{font-size:12px;color:#999}
.board_list table .notice				{}
.board_list table .notice span			{display:inline-block;padding:0 6px;background:#EF593A;border-radius:2px;line-height:18px;color:#fff;font-size:11px;}
.board_list table .new					{display:inline-block;width:25px;height:13px;margin-left:10px;font-size:0;text-indent:-200%;background:url(../img/ico_new.gif) no-repeat 0 0;vertical-align:middle;}
.board_list	.nodata						{text-align:center !important;padding:40px 0;}

@media only screen and (max-width:767px){ /*auto*/
	.board_list					{border-top:1px solid #768395;}
	.board_list table thead th	{display:none;} 
	.board_list table tbody th,
	.board_list table tbody td		{display:inline-block;text-align:left;padding:0;}
	.board_list table tbody tr		{display:block;padding:15px 0;}
	.board_list table tbody td.subject{display:block;font-size:16px;padding:0;margin:0;vertical-align:top;}
	.board_list table tbody td.file	{}
	.board_list table tbody td.writer,
	.board_list table tbody td.date	{font-size:90%;color:#888;}
	.board_list table tbody td.date:before{content:"";display:inline-block;border-left:1px solid #ccc;height:10px;padding-right:10px;margin-left:8px;}
	.board_list table tbody td.hit,
	.board_list table tbody td.num	{display:none;}
}

.board_view				{}
.board_view	.title		{padding:15px 0;margin:0;text-align:center;font-size:24px;}
.board_view	.desc		{padding:10px 0;margin:0;background:#f5f5f5;color:#999;}
.board_view	.desc dl	{clear:both;padding:0;margin:0;}
.board_view	.desc dl:after{content:"";display:block;float:none;clear:both;}
.board_view	.desc dt	{float:left;padding:0;margin:0 10px 0 0;text-indent:15px;}
.board_view	.desc dd	{float:left;padding:0;margin:0 10px 0 0;}
.board_view .cont		{clear:both;padding:15px 0;margin:0;border-top:1px solid #ddd;}
.board_view	.attach		{clear:both;padding:8px 10px;margin:0;border-top:1px solid #ddd;background:#f5f5f5;}
.board_view	.attach	i	{color:#999;margin-right:5px;}
.board_view_list		{border-top:1px solid #ddd;color:#999;text-align:center;margin:20px 0;}
.board_view_list dl		{clear:both;}
.board_view_list dt,
.board_view_list dd		{float:left;padding:0;margin:0;border-bottom:1px solid #ddd;line-height:34px;}
.board_view_list dt		{width:20%;background:#f5f5f5;}
.board_view_list dd		{width:15%;}
.board_view_list dd.subject	{width:50%;text-align:left;text-indent:10px;}

@media only screen and (max-width:767px){ /*auto*/
	.board_view	.desc {padding:15px;font-size:90%}
	.board_view	.desc dt,
	.board_view	.desc dd{float:none;display:inline-block;width:auto;text-indent:0}
}

.board_cmt	{}
.board_cmt .tit	{}
.board_cmt_write		{position:relative;padding:5px 100px 5px 5px;background:#f5f5f5;}
.board_cmt_write button	{position:absolute;right:5px;top:5px;background:#768395;color:#fff;width:92px;text-align:center;line-height:92px;height:92px;border:none;}
.board_cmt_write .bx			{border:1px solid #ddd;background:#fff;padding:10px;font-size:0;}
.board_cmt_write .bx textarea	{width:100%;height:70px;border:none;}

.board_cmt_list			{}
.board_cmt_list	ul li	{position:relative;padding:10px 0 0 0;border-bottom:1px solid #ddd;font-size:12px;}
.board_cmt_list	ul ul li	{padding:10px 10px 5px 10px;border-bottom:1px dotted #ddd;background:#f5f5f5;}
.board_cmt_list	ul ul li:last-child{border-bottom:none;}
.board_cmt_list .desc	{line-height:25px;}
.board_cmt_list	.name	{font-weight:bold;margin-right:5px;}
.board_cmt_list	.btnarea{position:absolute;right:0;top:10px;margin:0;}
.board_cmt_list	p		{padding:5px 0 10px;}
.board_cmt_list	button		{vertical-align:top}
.board_cmt_list	.board_cmt_write		{background:none;padding:0 100px 10px 0;}
.board_cmt_list	.board_cmt_write button		{right:0;top:0;}

.board_write				{border:1px solid #768395;}
.board_write table th,
.board_write table td		{padding:8px 10px;border-top:1px solid #ddd;font-weight:normal;text-align:left;}
.board_write table tr:first-child th,
.board_write table tr:first-child td	{border-top:none;}
.board_write table th		{width:150px;background:#f5f5f5;}
.board_write table td		{background:#fff;}
.board_write textarea		{min-height:240px;}
.board_write .attach		{padding:15px;margin-top:5px;background:#f9f9f9;}

@media only screen and (max-width:767px){ /*auto*/
	
	.board_write table th,
	.board_write table td	{display:block;width:auto;background:none;}
	.board_write table th	{padding:10px 10px 0 10px}
	.board_write table td	{border-top:none;padding:10px;}
}
/* paging */
.paging			{text-align:center;line-height: 1.2;margin:20px 0;}
.paging a,
.paging strong	{display:inline-block;font-size:12px;padding:0;min-width:30px;height:30px;line-height:28px;margin:0;text-decoration:none;font-weight: normal;vertical-align: middle;}
.paging a		{color:#777;border:1px solid #ddd;background:#fff;}
.paging strong	{color:#fff;background:#5A6378;border:1px solid #5A6378;}
.paging a.first, .paging a.last, .paging a.prev, .paging a.next {width:30px;height:30px;padding:0;border:1px solid #ddd;background:#fff;}
.paging a:hover,
.paging a:focus {background-color: #f5f5f5;}
.paging a span {font-size:0;text-indent:-200%;}
.paging a i {font-size:14px;line-height:28px;}

/* gallery */
.img_frame			{display:block;overflow:hidden;}
.img_frame img		{resize: both;max-width:100%;min-width:100%;min-height: 100%;-ms-interpolation-mode: bicubic;/*position:absolute; left: -100%; right: -100%; top: -100%; bottom: -100%;margin:auto;*/}

.gallery			{}
.gallery.hover li:hover	{background:#F0F2F2}
.gallery ul:after	{content:"";display:block;float:none;clear:both;}
.gallery li			{float:left;padding:10px 0;}
.gallery ul.d4 li	{width:25%;}
.gallery ul.d5 li	{width:20%;}
.gallery .img_frame		{margin:0 10px;}
.gallery .img_frame a	{width:100%;height:160px;}
.gallery .img_frame img	{width:100%;}
.gallery .desc			{position:relative;padding:10px;text-align: center;}
.gallery .bbs_date		{display:block;}

.gallery2				{}
.gallery2 ul:after		{content:"";display:block;float:none;clear:both;}
.gallery2 li			{float:left;width:32%;margin:0 0 10px 2%;padding:10px;border:1px solid #dadada;box-sizing: border-box;}
.gallery2 li:first-child,
.gallery2 li:nth-child(3n+1){margin-left:0;}
.gallery2 p				{text-align:center;}
.gallery2 .img_frame	{position:relative;margin:10px 0;}
.gallery2 .img_frame a	{width:100%;height:160px;}
.gallery2 .tag			{position:absolute;left:0;top:0;display:inline-block;padding:3px;background:#3E78C1;color:#fff;font-size:11px;}
.gallery2 .desc			{position:relative;}
.gallery2 .bbs_date		{display:block;}
.gallery2 .share		{position:absolute;right:0;top:0;}

.movie			{margin:0 0 30px 0;}
.movie .desc	{position:relative;background:#f5f5f5;padding:15px;font-size:16px;color:#222}
.movie .share	{position:absolute;right:15px;top:15px;}
.movie .frame video	{width:100%;height:auto;}
.movie .cont	{border:1px solid #dadada;text-align:justify;vertical-align:top;}
.movie .txt		{height:140px;padding:15px;overflow:auto}

/* gallery_slide */
.imgSlides				{display:none}
.gallery_slide			{position:relative;margin:auto;}
.gallery_slide .prev, 
.gallery_slide .next	{cursor:pointer;position: absolute;top:50%;width: auto;  padding: 12px;  margin-top: -22px;  color: #fff;  font-weight: bold;  font-size: 18px;  transition: 0.6s ease;  border-radius: 0 3px 3px 0;}
.gallery_slide .next	{right: 0;  border-radius: 3px 0 0 3px;}
.gallery_slide .prev:hover,
.gallery_slide .next:hover {background-color: rgba(0,0,0,0.8);}
.gallery_slide .num		{display:none;color:#fff;font-size: 12px;position:absolute;top:0;}
.gallery_slide .control {width:100%;padding:10px 0 0 0;text-align:center;position:absolute;top:0;}
.gallery_slide .dot		{cursor:pointer;height: 13px;  width: 13px;  margin: 0 2px;    border-radius: 50%;  display: inline-block;background-color: #bbb; transition: background-color 0.6s ease;}
.gallery_slide .active, .gallery_slide .dot:hover { background-color: #111;}
.gallery_slide .txt		{position:absolute;width:100%;padding:15px 0}
.gallery_slide .fade	{-webkit-animation-name: fade;  -webkit-animation-duration: 1.5s;  animation-name: fade;  animation-duration: 1.5s;}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* focus */
.focus_gallery			{}
.focus_gallery li:after	{content:"";display:block;float:none;clear:both;}
.focus_gallery li		{padding:15px 0;border-top:1px solid #dadada}
.focus_gallery li:first-child{border-top:none;}
.focus_gallery .img_frame 	{display:inline;float:left;margin-right:20px;width:120px;height:90px;}
.focus_gallery .bbs_date	{margin:5px 0;}
.focus_gallery .txt			{display:-webkit-box;-webkit-box-orient: vertical;white-space:normal;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;vertical-align:top;-webkit-line-clamp:2;min-height:38px;line-height:20px;}

/* banner */
.banner	{}
.banner	li	{float:left;border:1px solid #dadada;width:32%;margin:0 0 20px 0}
.banner	.img_frame		{width:100%;height:60px;}
.banner	.img_frame img	{width:100%;}
.banner	li:nth-child(3n+2)	{margin:0 2%;background:#333}
.banner	ul:after	{content:"";clear:both;display:block;float:none;}

/*.board_write,*/ .board_view,  .gallery, .focus_gallery, .board_link, .board_faq	{border-top:2px solid #768395;border-bottom:1px solid #768395;}

/* share */
.share		{}
.share a	{display:inline-block;float:left;margin:0 1px;border:1px solid #ccc;color:#ccc;border-radius:50%;width:20px;height:20px;line-height:20px;text-align:center;font-size:80%;vertical-align:middle;}
.share .fa	{margin:0;}
.share span.ico_blog	{display:block;width:20px;height:20px;background-image:url(../img/ico_blog.png);background-repeat:no-repeat;background-position:50% 50%;background-size:12px 12px;}

/* calendar */
input.ui-calendar{width:100px;background:#fff url('../img/calendar-icon.gif') no-repeat 89px center;vertical-align:middle;cursor:pointer}

.select_bx		{margin:0 0 20px 0;}
.select_bx a	{display:block;}
.year			{position:relative;height:50px;line-height:50px;background:#f5f5f5;text-align:center;}
.year .active	{font-size:20px;font-weight:bold;color:#222}
.year a.prev	{position:absolute;left:0;top:0px;}
.year a.next	{position:absolute;right:0;top:0px;}
.year .fa		{margin:0 10px;}
.month			{border-bottom:1px dashed #dadada;height:40px;line-height:40px;text-align:center;}
.month a		{float:left;width:8.333%;color:#768395;}
.sat			{color:#1875D1}
.sun			{color:#EF593A}

.t_schedule table			{border-top:2px solid #768395;border-bottom:1px solid #768395;} 
.t_schedule table thead th	{padding:4px 8px;background:#D8DDE0;color:#768395;}
.t_schedule table tbody tr		{border-top:1px solid #ddd;}
.t_schedule table tbody tr:first-child	{border-top:none;}
.t_schedule table tbody th		{padding:8px;width:100px;}
.t_schedule table tbody td		{padding:8px;border-left:1px dotted #ddd;text-align:left;vertical-align:top;}
.t_schedule ul li:before		{content:" · ";color:#768395;}
.t_schedule ul li .date			{display:inline-block;width:140px;color:#768395;font-size:12px;}
.t_schedule table.t_calendar thead th	{background:#E1E4E8;border:1px solid #E1E4E8;color:#768395;}
.t_schedule table.t_calendar th, 
.t_schedule table.t_calendar td	{padding:2px;font-size:11px;text-align:center;height:auto} 

table.t_calendar 			{border-top:none} 
table.t_calendar tbody tr, table.t_calendar tbody tr:first-child td	{border-top:none;}
table.t_calendar thead th	{width:14.2857%;padding:8px 0;border:none;background:#768395;border:1px solid #768395;color:#fff;text-align:center;}
table.t_calendar tbody th,
table.t_calendar tbody td	{padding:8px;border:1px solid #ddd;height:100px;vertical-align:top;}
table.t_calendar ul li		{font-size:12px;}

/* board_link */
.board_link				{}
.board_link	li			{clear:both;padding:20px 0;border-top:1px solid #dadada;}
.board_link li:first-child	{border-top:none;}
.board_link	li:after	{content:"";display:block;float:none;clear:both;}
.board_link	a.link		{float:right;display:inline-block;background:#D9DCDF;color:#5A6378;font-size:11px;width:25px;height:25px;line-height:25px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;text-align:center !important;}

.board_link2 li			{position:relative;border:1px solid #dadada;margin:0 0 10px 0;}
.board_link2 a.link		{position:absolute;right:15px;top:15px;display:inline-block;background:#D9DCDF;color:#5A6378;font-size:11px;width:25px;height:25px;line-height:25px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;text-align:center !important;}
.board_link2 .tit		{padding:15px;background:#fff;}
.board_link2 .txt		{padding:15px;background:#f5f5f5;}

/* faq */
.board_faq			{}
.board_faq li				{border-top:1px solid #dadada;padding:20px 0;padding-left:35px;}
.board_faq li:first-child	{border-top:none;}
.board_faq p:before			{display:inline-block;margin:0 10px 0 -35px;width:25px;height:25px;line-height:25px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;text-align:center !important;}
.board_faq .question:before	{content:"Q";background:#5A6378;color:#fff}
.board_faq .answer:before	{content:"A";background:#D9DCDF;color:#5A6378;}
.board_faq .question 		{margin:0 0 5px 0;}
.board_faq .question a		{color:#222}

/* graph */
.bar_process:after	{content:"";display:block;float:none;clear:both;}/* 진행률 */
.bar_process		{display:inline-block;width:50px;height:12px !important;padding:0;margin:0;vertical-align:middle;background:url(../img/buildware/bar_process_bg.gif) repeat-x 0 0;}
.bar_process .bar	{display:inline-block;float:left;height:12px !important;padding:0;margin:0;font-size:0 !important;line-height:0 !important;background-image:url(../img/buildware/bar_process_bg.gif);background-repeat:repeat-x;background-position:0 -12px;}
.bar_process_num	{display:inline-block;color:#4CF0B1;font-family:verdana;font-size:10px;line-height:12px;vertical-align:middle;}
.bar_process .bar.color2	{background-position:0 -24px;}
.bar_process_num.color2		{color:#35A6B5}

.bar_graph:after	{content:"";display:block;float:none;clear:both;}/* 막대그래프-가로 */
.bar_graph		{display:block;width:100%;height:12px !important;padding:0;margin:0;vertical-align:middle;}
.bar_graph .bar	{display:inline-block;height:12px !important;padding:0;margin:0;font-size:0 !important;line-height:0 !important;background:#3E78C1;vertical-align:top;}
.bar_graph .num	{display:inline-block;width:60px;}

/* 막대그래프-세로 */
.bar_graph_v		{padding:0;margin:0;}
.bar_graph_v ul		{margin:0; padding:0; height:auto;}
.bar_graph_v ul:after	{content:""; display:block;float:none; clear:both;}
.bar_graph_v li			{float:left;display:inline;position:relative;height:100%;width:50%;margin:0 auto;text-align:center;white-space:nowrap;}
.bar_graph_v .tit_x		{position:relative;display:inline-block;width:100%;height:40px;margin:0 -88% -40px 0;padding:270px 0 0 0; vertical-align:bottom;color:#555;font-weight:bold;}
.bar_graph_v .bar		{position:absolute;width:50px;left:50%;bottom:0;margin:0 0 0 -25px;padding:0;vertical-align:bottom;background:#D89A54;}
.bar_graph_v .bar .tt	{position:absolute;width:100%;top:3px;left:0;color:#fff;font-size:11px;}
.bar_graph_v .desc		{display:inline-block;padding:2px 0;height:15px;line-height:15px;background:#333;color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} 

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

/* mobile calendar */
.sc-schedule-bx		{position:relative;text-align:center;background:#f6f6f6;padding:20px}
.sc-schedule-bx span{font-family:nsb;color:#333;font-size:24px;line-height:40px}
.sc-schedule-bx .prev .fa,
.sc-schedule-bx .next .fa	{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;background:#fff;border:1px solid #eaeaea;vertical-align:top;color:#0B3D91;font-size:18px;margin:0 20px;}
.sc-schedule-bx .month		{background:#f6f6f6;margin:20px 0 0 0;}
.sc-schedule-bx .month a	{display:block;float:left;width:8.3333%;padding:20px 0;}
.sc-schedule-bx .month .on	{background:url(../img/month_bg.png) no-repeat 100% 100%;color:#fff}
.sc-schedule-list			{margin-top:60px}
.sc-schedule-list .month	{float:left;width:80px;border-top:3px solid #0B3D91;font-family:Lato;color:#999;padding-top:20px;line-height:1;}
.sc-schedule-list .month .tit{font-size:40px;font-weight:700;color:#0B3D91;}
.sc-schedule-list .calendar	{float:left;width:320px;border-top:3px solid #0B3D91;margin:0 40px 0 0;padding-top:15px;}
.sc-schedule-list .calendar table	{}
.sc-schedule-list .calendar table th,
.sc-schedule-list .calendar table td	{width:14.2857%;text-align:center;}
.sc-schedule-list .calendar table td	{font-family:Lato;padding:5px 0;line-height:28px}
.sc-schedule-list .calendar table span	{display:inline-block;width:30px;height:30px;background:#BEAC83;color:#fff !important;border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;}
.sc-schedule-list .cont		{float:right;width:calc(100% - 440px);}
.sc-schedule-list .cont span.date{display:inline-block;width:200px;font-weight:500;color:#333}
.sc-schedule-list .cont ul{border-top:1px solid #ddd;}
.sc-schedule-list .cont li{border-bottom:1px solid #ddd;padding:10px 0;}

@media only screen and (max-width:1023px){ /* 720px */
	.sc-schedule-list .month	{width:50px;}
	.sc-schedule-list .month .tit{font-size:32px}
	.sc-schedule-list .calendar	{width:240px;}	
	.sc-schedule-list .cont		{width:calc(100% - 330px);}
}
@media only screen and (max-width:767px){ /* auto */
	.sc-schedule-bx				{padding:20px 10px;}
	.sc-schedule-bx span		{font-size:20px;}
	.sc-schedule-bx .prev .fa,
	.sc-schedule-bx .next .fa	{margin:0 10px}
	.sc-schedule-bx .month a	{width:16.6666%;padding:10px 0;}
	.sc-schedule-list			{margin:30px 0 60px}
	.sc-schedule-list .calendar	{width:calc(100% - 50px);margin:0 0 20px 0;}
	.sc-schedule-list .cont:before{content:"";clear:both;display:block;float:none}
	.sc-schedule-list .cont		{clear:both;float:none;width:auto;}
}

/* 카테고리 badge */
.badge		{text-transform: uppercase;font-size:.725rem;font-weight:500;line-height: 1;display: inline-block;padding: .35rem .375rem;text-align: center; vertical-align: baseline; white-space: nowrap;border-radius: .25rem;}
.badge-basic {color:#2643e9;background-color: #E6E7F9;}
.badge-pink {color:#fff;background-color: #ff6666;}
.badge-blue {color:#fff;background-color: #0D0B5D;}

.badge.category	{border:1px solid #768395;color:#768395;border-radius:1rem;padding: .35rem .5rem;}
.badge.category.red	{border-color:#f5365c;color:#f5365c}
.badge.category.yellow{border-color:#FAAD4D;color:#FAAD4D}
.badge.category.green{border-color:#2dce89;color:#2dce89}
.badge.category.sky	{border-color:#11cdef;color:#11cdef}
.badge.category.blue{border-color:#3E78C1;color:#3E78C1}
.badge.category.navy{border-color:#172b4d;color:#172b4d}
.badge.category.purple{border-color:#5e72e4;color:#5e72e4}
.badge.category.teal{border-color:#35A6B5;color:#35A6B5}
.badge.category.brown{border-color:#C08143;color:#C08143}
.badge.category.pink	{border-color:#f06595;color:#f06595}
.badge.category.orange	{border-color:orange;color:orange}
.badge.category.tomato	{border-color:tomato;color:tomato}