@charset "utf-8";

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');

.basic-post-timeline { 
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-variant: normal;
	color: #7a878e;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased !important;
}
.basic-post-timeline p{ margin:0px; }
.basic-post-timeline .post-subject { overflow:hidden; line-height:18px; letter-spacing:-1px; padding-right:1px; margin-top:-10px;}
.basic-post-timeline .timeline-info { font-size: 12px;padding-top:5px;padding-bottom:15px; }
.basic-post-timeline .timeline-icon img, .basic-post-timeline .timeline-icon i { border-color: transparent !important;}

/* TEXTS ------------------------------------------------------ */
.ellipsis { 
	display:block; 
	text-overflow:ellipsis; 
	white-space:nowrap; 
	word-wrap:normal; 
	overflow:hidden; 
}
.text-muted {
  color: #777;
}
.text-main,
a.text-main:hover,
a.text-main:focus {
  color: #4d627b;
  font-size: 15px; 
  padding-bottom:5px;
}

/* TEXT ------------------------------------------------------ */
.text-thin {
  font-weight: 300;
}
.text-normal {
  font-weight: normal;
}
.text-semibold {
  font-weight: 600;
}
.text-bold {
  font-weight: 700;
}

/* Color ------------------------------------------------------ */
/*.red, i.red { 
	color: rgb(233, 27, 35);
}
.darkred, i.darkred { 
	color: rgb(170, 60, 63);
}
.crimson, i.crimson { 
	color: rgb(220, 20, 60); 
}
.orangered, i.orangered { 
	color: orangered; 
}
.orange, i.orange { 
	color: rgb(240, 150, 20);
}
.green, i.green { 
	color: rgb(140, 195, 70); 
}
.lightgreen, i.lightgreen { 
	color: rgb(160, 200, 80); 
}
.deepblue, i.deepblue { 
	color: rgb(0, 125, 180); 
}
.skyblue, i.skyblue { 
	color: rgb(100, 195, 245); 
}
.blue, i.blue { 
	color: rgb(52, 152, 219); 
}
.navy, i.navy { 
	color: rgb(50, 60, 70); 
}
.violet, i.violet { 
	color: rgb(85, 60, 125); 
}
.yellow, i.yellow { 
	color: rgb(241, 196, 15); 
}
.darkgray, i.darkgray { 
	color: #666; 
}
.gray, i.gray { 
	color: #888; 
}
.lightgray, i.lightgray { 
	color: #ddd; 
}
.white, i.white { 
	color: #fff; 
}
.light, i.light {
	color: #f5f5f5; 
}
.black, i.black { 
	color: #333; 
}
.color, i.color { 
	color: rgb(233, 27, 35);
}
*/
/* Background Color ------------------------------------------------------ */
.bg-red, i.bg-red, .badge.bg-red { 
	background-color: rgb(233, 27, 35);
	color: #fff; 
}
.bg-darkred, i.bg-darkred, .badge.bg-darkred { 
	background-color: rgb(170, 60, 63);
	color: #fff; 
}
.bg-crimson, i.bg-crimson, .badge.bg-crimson { 
	background-color: rgb(220, 20, 60); 
	color: #fff; 
}
.bg-orangered, i.bg-orangered, .badge.bg-orangered { 
	background-color: orangered; 
	color: #fff; 
}
.bg-orange, i.bg-orange, .badge.bg-orange { 
	background-color: rgb(240, 150, 20);
	color: #fff; 
}
.bg-green, i.bg-green, .badge.bg-green { 
	background-color: rgb(140, 195, 70); 
	color: #fff; 
}
.bg-lightgreen, i.bg-lightgreen, .badge.bg-lightgreen { 
	background-color: rgb(160, 200, 80); 
	color: #fff; 
}
.bg-deepblue, i.bg-deepblue, .badge.bg-deepblue { 
	background-color: rgb(0, 125, 180); 
	color: #fff; 
}
.bg-skyblue, i.bg-skyblue, .badge.bg-skyblue { 
	background-color: rgb(100, 195, 245); 
	color: #fff; 
}
.bg-blue, i.bg-blue, .badge.bg-blue { 
	background-color: rgb(52, 152, 219); 
	color: #fff; 
}
.bg-navy, i.bg-navy, .badge.bg-navy { 
	background-color: rgb(50, 60, 70); 
	color: #fff; 
}
.bg-violet, i.bg-violet, .badge.bg-violet { 
	background-color: rgb(85, 60, 125); 
	color: #fff; 
}
.bg-yellow, i.bg-yellow, .badge.bg-yellow { 
	background-color: rgb(241, 196, 15); 
	color: #fff; 
}
.bg-darkgray, i.bg-darkgray, .badge.bg-darkgray { 
	background-color: #666; 
	color: #fff; 
}
.bg-gray, i.bg-gray, .badge.bg-gray { 
	background-color: #888; 
	color: #fff; 
}
.bg-lightgray, i.bg-lightgray, .badge.bg-lightgray { 
	background-color: #ddd; 
	color: #fff; 
}
.bg-white, i.bg-white, .badge.bg-white { 
	background-color: #fff; 
	color: #333; 
}
.bg-light, i.bg-light, .badge.bg-light {
	color: #333; 
	background-color: #f5f5f5; 
}
.bg-light-border, i.bg-light-border, .badge.bg-light-border {
	color: #333; 
	background-color: #fafafa; 
	border-bottom:1px solid #ddd; 
}
.bg-black, i.bg-black, .badge.bg-black {
	background-color: #333; 
	color: #fff; 
}
.bg-color, i.bg-color, .badge.bg-color { 
	background-color: rgb(233, 27, 35);
	color: #fff; 
}

/* TIMELINE ------------------------------------------------------ */
.timeline {
  position: relative;
 
  color: #7a878e;
  overflow:hidden
}

.timeline:before {
  left: 49px;
  top: 20px;
  width: 1px;
}
.timeline:after {
  left: 46px;
  width: 7px;
  height: 7px;
  border-radius: 50%;

}
.timeline-header {
  border-radius: 3px;
  clear: both;
  margin-bottom: 50px;
  margin-top: 50px;
  position: relative;
}
.timeline-header .timeline-header-title {
  display:none;
  text-align: center;
  padding: 7px 15px;
  min-width: 100px;

}
.timeline .timeline-header:first-child {
  margin-bottom: 30px;
  margin-top: 15px;
}
.timeline-stat {
  width: 100px;
  float: left;
  text-align: center;
  padding-bottom: 15px;
}
.timeline-entry {
  width:49.7%;
  display:inline-block;
  margin-bottom: 2px;
  margin-top: 2px;
  position: relative;
}
.timeline-entry-inner {
  position: relative;
}
.timeline-time {
  display: inline-block;
  padding: 2px 3px;
  background-color: #ecf0f5;
  color: #7a878e;
  font-size: .85em;
  max-width: 70px;
}
.timeline-icon {
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  margin-top: 5px;
  background-color: #ecf0f5;
}
.timeline-icon > i {
  line-height: 40px;
  vertical-align: 0.1em;
}
.timeline-icon img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  vertical-align: top;
}
.timeline-icon:empty {
  height: 12px;
  width: 12px;
  margin-top: 20px;
  border: 2px solid #a3acb1;
}
.timeline-label {
  background-color: #f4f4f4;
  border-radius: 3px;
  margin-left: 10px;
  padding: 7px 10px;
  position: relative;
  min-height: 50px;
}
.timeline-label:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 9px solid #f4f4f4;
  margin: 15px 0 0 -9px;
}
.latest_wr .timeline,
.latest_wr .timeline:after,
.latest_wr .timeline-time,
.latest_wr .timeline-label,
.latest_wr .timeline-icon:not([class^="bg-"]):not([class*=" bg-"]) {
  background-color: #fff;
}
.latest_wr .timeline-label {
  box-shadow: none;
  border: 0;
  background-color: #f3f5f9;
  margin-left: 100px;
}
.latest_wr .timeline-label:after {
  border-right-color: #f3f5f9;
}