.post-slide .post-content {padding:25px; display:inline-block}
 
 .post-slide .post-title  a { height:auto; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
	margin-bottom:10px;
}



.post-slide .post-description {
   height:auto; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
	margin-bottom:20px;

}


footer .flex {display:flex; align-items:flex-start; gap:20px}
footer .flex .which_tit {white-space:nowrap}

 

 @-webkit-keyframes bargrowth {
	0% {
		max-width: 0%;
	}

	100% {
		max-widt: 100%;
	}
}

@keyframes bargrowth {
	0% {
		max-width: 0%;
	}

	100% {
		max-width: 100%;
	}
}

.pipeline  .chart {
	width: 100%;
	float: left;
}

.pipeline  .chart .bar-container {
	position: relative;
	width: 100%;
}

.pipeline  .chart .bar-container .label {
	display: inline-block;
	margin-right: 10px;
	padding: 5px;
}


.pipeline  .chart .bar-container .bar {
	position: relative;
	height: 20px;
	display: inline-block;
	display: inline-block;
	vertical-align: middle;
	width: 1%;
	margin-left: -10px;
	z-index: 99999;
	-webkit-animation: bargrowth 5s ease-in;
	animation: bargrowth 5s ease-in;
}

/* 바 애니메이션 속도 */
.pipeline  .bar_ani01 {
	-webkit-animation: bargrowth 3s ease-in;
	animation: bargrowth 3s ease-in;
}

.pipeline  .bar_ani02 {
	-webkit-animation: bargrowth 4s ease-in;
	animation: bargrowth 4s ease-in;
}

.pipeline  .bar_ani03 {
	-webkit-animation: bargrowth 5s ease-in;
	animation: bargrowth 5s ease-in;
}


.pipeline  .bar_arrow1 {
	position: absolute;
	top: -10px;
	margin-left: -3px;
	width: 50px;
	height: 40px;
	background: url('/common/img/sub/arrow_bar1.png') no-repeat center right;
}

.pipeline  .bar_arrow2 {
	position: absolute;
	top: -10px;
	margin-left: -3px;
	width: 50px;
	height: 40px;
	background: url('/common/img/sub/arrow_bar2.png') no-repeat center right;
}

.pipeline  .bar_arrow3 {
	position: absolute;
	top: -10px;
	margin-left: -3px;
	width: 50px;
	height: 40px;
	background: url('/common/img/sub/arrow_bar3.png') no-repeat center right;
}

.pipeline  .chart .one_1 .bar {
	width: 40%;
	background: #026596;
}

.pipeline  .chart .one_2 .bar {
	width: 37%;
	background: #026596;
}

.pipeline  .chart .one_3 .bar {
	width: 17%;
	background: #026596;
}

.pipeline  .chart .one_4 .bar {
	width: 14%;
	background: #e77800;
}
.pipeline  .chart .one_5 .bar {
	width:4%;
	background: #e77800;
}
.pipeline  .chart .one_6 .bar {
	width:24%;
	background: #299dbd;
}

.pipeline  .chart .one_7 .bar {
	width:13%;
	background: #299dbd;
}
.pipeline  table td {
	border-bottom: 1px solid #ddd;
	border-right:1px solid #ddd; text-align:center;
	 
}
.pipeline  table td:last-child {text-align:left; border-right:none }
 
.pipeline  table th {font-weight:400 !important;  padding:15px 0}
 
.pipeline .line1 { left: 97px }
.pipeline .line2 { left: calc(97px * 2); }
.pipeline .line3 { left: calc(97px * 3); }
.pipeline .line4 { left: calc(97px * 4); }
.pipeline .line5 { left: calc(97px * 5); }
.pipeline .line6 { left: calc(97px * 6); }

.pipeline .bg1 { background-color:#e77800; color:#fff}

.pipeline .border_bt div:nth-child(n + 2) {height:67px; }

.pipeline .border_bt div.t {position:absolute; right:0; top:0; height:68px;  width:282px; border:none; background-color:#fff;  display:flex; flex-direction:column; justify-content:center; align-items:center}
.pipeline .border_bt div.t p {  margin-bottom:0}
.pipeline  table td b {display:inline-block; font-weight:500; color:#1271b9 }
.pipeline  table th:nth-child(n+4) { }

.leadership ul {display:flex; gap:20px} 
.leadership ul li {width:24%; box-sizing:border-box; padding:30px 20px; background-color:#f4f6f8; border-top:3px solid #1271b9}
.leadership ul li p  {margin-bottom:0; color:#333;  border-top:1px solid #ddd; margin-top:10px; padding-top:15px; }


.history h5 {color:#000; font-weight:800; font-size:27px}
.history ul + h5 {margin-top:30px;}
.history ul {position:relative;  padding:20px 0}
.history ul li { margin-bottom:10px; font-weight:400; display:flex; align-items:center; gap:10px;  }
.history ul li b {color:#000; width:60px}
 
.history ul:before {content:'';  position:absolute;  width:1px; left:6px; top:0; height:100%; background-color:#1271b9;  box-sizing:border-box;  }
.history ul li:before {content:'';  margin-top:0; width:16px; border-radius:50%;  height:16px; border:3px solid #1271b9; background-color:#fff; z-index:99; box-sizing:border-box;  }