@charset "utf-8";
/*
* KSODESIGN TIMELINE ARTICLE PAGE
* www.ksodesign.com
* ksjade@ksodesign.com
*/
@font-face {
  font-family: ng;
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
.article-title {margin-top:0;font-size:22px;font-weight:500;letter-spacing:-1px;color:#ad955e}
.title-line{margin:20px 0;width:50px;height:2px;background-color:#333}
.section-block {margin-bottom:50px;overflow: hidden}

.ico-block {padding:20px;background-color:#f8f8f8;-webkit-transition: background-color .3s, -webkit-transform .3s;
transition: background-color .3s, transform .3s;}
.ico-block:hover {background-color:#eee}
.ico-block i {margin-bottom:15px;color:#ccc}
.ico-block p {color:#777}
.ico-block .title-line-b {margin: 20px 0;width: 30px;height: 1px;background-color: #bbb}

.team-infoBlock {position: relative;margin: 50px 0 20px;background: #f1f1f1;padding: 20px;z-index: 2}
.team-infoBlock h3 {margin-top:0;margin-bottom:20px;color:#ad955e}
.team-infoBlock .team-infoImg {position: absolute;background: #f1f1f1;border-radius: 50%;top: -50px;width: 120px;height: 120px;z-index: 2}
.team-infoBlock.left .team-infoImg {left:20px;}
.team-infoBlock.left h3,.team-infoBlock.left p {text-align:right}
.team-infoBlock.right .team-infoImg {right:20px;}
.team-infoImg img {width: 100px;height: 100px;display: block;border-radius: 50%;margin-top: 10px;margin-left: 10px}

.thumbnail.article {border-radius:0}
.thumbnail.article .caption h4 {margin-bottom:20px;color:#666}
.thumbnail.article .caption p {color:#777}

@media (max-width: 767px) {
	.ico-block {margin-bottom:20px}
}
@media (max-width: 480px) {
	.team-infoBlock h3 {margin-top:50px}
}