/* Blog listing */

.blog-index {
  display: flex;
  flex-wrap: wrap;
}

.blog-index__post {
  flex: 0 0 100%;
  padding: 1.4rem 1rem;
}

@media screen and (min-width: 768px) {
  .blog-index__post--small {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-index__post--small {
    flex: 0 0 calc(100% / 3);
  }
}

@media screen and (min-width: 768px) {
  .blog-index__post--large {
    display: flex;
    flex: 1 0 100%;
  }
}

.blog-index__post-image {
  height: auto;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .blog-index__post-image-wrapper--large {
    flex: 1 1 48%;
  }

  .blog-index__post-content--large {
    flex: 1 1 48%;
    padding-left: 2rem;
  }

  .blog-index__post-content--full-width {
    flex: 1 1 100%;
    padding-left: 0;
  }
}

.blog-index__post-title {
  font-size: 1.25rem;
}

.blog-index__post-timestamp {
  display: block;
}

.blog-index__post-author {
  align-items: center;
  display: flex;
}

.blog-index__post-author-image {
  border-radius: 50%;
  height: auto;
  margin-right: 0.35rem;
  width: 30px;
}

.blog-index__post-tags,
.blog-index__post-title,
.blog-index__post-timestamp,
.blog-index__post-author,
.blog-index__post-image--small {
  margin: 0 0 0.7rem;
}

/* Blog pagination */

.blog-pagination {
  display: flex;
  justify-content: center;
}

.blog-pagination__link {
  border: 2px solid transparent;
  border-radius: 7px;
  line-height: 1;
  margin: 0 0.1rem;
  padding: 0.25rem 0.4rem;
  text-decoration: none;
}

.blog-pagination__link--active {
  border-color: #B0C1D4;
}

.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}

.blog-pagination__prev-link {
  margin-right: 0.25rem;
}

.blog-pagination__next-link {
  margin-left: 0.25rem;
}

.blog-pagination__link.blog-pagination__prev-link--disabled,
.blog-pagination__link.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  cursor: default;
  pointer-events: none;
}

.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  margin: 0 0.3rem;
}

.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #B0C1D4;
}

.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #B0C1D4;
}

@media (max-width: 767px) {
  .blog-pagination__number-link {
    display: none;
  }
}

/* Blog post */

.blog-post {
  margin: 0 auto;
  max-width: 960px;
}

.blog-post__meta {
  margin-bottom: 1.4rem;
}

.blog-post__meta a {
  text-decoration: underline;
}

.blog-post__timestamp {
  display: block;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 10px;
  width: 15px;
}

.blog-post__tag-link {
  font-size: 0.875rem;
}

/* Blog related posts */

.blog-related-posts {
  background-color: #F8FAFC;
}

.blog-related-posts h2 {
  text-align: center;
}

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.blog-related-posts__post {
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}


/* ============== */

/* ******************************************************************************
*********************************************************************************
This file contains all the neccessary styles for your blog. The styles included
are for the listing and post templates, featured images and pagination.
Also for the post meta infromation like tags, author and published date
*********************************************************************************
****************************************************************************** */

/* TODO: Find a better place for this */
.title {
  display: block;
  width: 100%;
  line-height: 215px;
  height: 250px;
  text-align: center;
  position: relative;
  margin: 0 0 50px 0;
  background-color: #9ac0c5;
}

.title h1 {
  display: inline-block;
  color: #fff;
  position: absolute;
  bottom: 20%;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(6,6,6,0.55);
  margin: 0;
}

.blog_holder {
  padding: 0 50px;
}

.blog_holder_inner {
  list-style-type: none;
  text-align: justify;
}

.blog_holder_inner:after, .blog_holder_inner:before {
  content: "";
  display: inline-block;
  width: 100%;
}

.post-item {
  background-color: #f5f1e8;
  position: relative;
  vertical-align: top;
  width: 23.5%;
  overflow: hidden;
  text-align: left;
  margin: 0 0 2%;
  display: inline-block;
}

.blog_text_holder {
  padding: 28px;
}

.blog_text_holder h4 {
  text-transform: uppercase;
  margin: 0 0 18px 0;
}

.blog_text_holder h4 a {
  font-weight: 500;
}

.blog_text_holder .text {
  margin: 0 0 33px 0;
}

.blog_text_holder .text .text_inner>span {
  padding: 0 0 20px 0;
  margin: 0 0 24px 0;
  border-bottom: 1px solid #ddd;
  display: block;
  text-align: left;
  border-color: #9ac0c5;
  line-height: normal;
  font-family: "Open Sans";
  font-weight: 400;
}

.blog_text_holder .text .text_inner>span span,.blog_text_holder .text .text_inner>span a {
  font-size: 13px;
  color: #247c7d;
  font-family: Nunito, sans-serif;
  font-style: normal;
  font-weight: 300;
}

.post-item:hover {
  background-color: #EDE6D5;
}

.post-item img {
  width: 100%;
}

.blog_holder_inner .filler {
  display: inline-block;
  height: 0;
  width: 23%;
}

.blog-pagination {
  display: flex;
  margin: 0 0 50px 0;
  flex-wrap: wrap;
  justify-content: center;
}

.blog-pagination a {
  padding: 0 5px 0 0;
  font-family: "Oswald",sans-serif;
  font-size: 19px;
  line-height: 40px;
  font-weight: 300;
  text-decoration: none;
  width: 45px;
  height: 40px;
  text-align: center;
  color: #474231;
  display: inline-block;
}

.blog-pagination a.active {
  color: #000;
}

a.next-link {
  background-image: url();
  background-position: center;
  background-repeat: no-repeat;
}

a.prev-link {
  background-image: url();
  background-position: center;
  background-repeat: no-repeat;
}

.blog-post-wrap {
  padding: 0 15px;
}

.container_inner.clearfix {
  max-width: 1000px;
  margin: 0 auto;
}

.two_columns_75_25 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.two_columns_75_25>.column1 {
  width: 75%;
  float: left;
}

.two_columns_75_25.grid2>.column1 {
  width: 73%;
}

.two_columns_75_25>.column2 {
  width: 25%;
  float: left;
  box-sizing: content-box;
}

.two_columns_75_25.grid2>.column2 {
  width: 26.8%;
  border-left: 1px solid #ddd;
}

.two_columns_75_25.background_color_sidebar>.column2 {
  padding: 50px 1000px 0 0;
  margin: -50px -1000px 0 0;
  background-color: #ede6d5;
}

.two_columns_75_25.grid2>.column2>.column_inner {
  padding: 0 0 0 40px;
}

.blog_title_holder>span {
  padding: 0 0 32px 0;
  margin: 0 0 45px 0;
  border-bottom: 1px solid #ddd;
  display: block;
  border-color: #9ac0c5;
  font-family: "Open Sans";
  font-weight: normal;
}

.blog_title_holder h2 {
  margin: 0 0 20px 0;
  text-transform: uppercase;
}

.blog_title_holder>span span,.blog_title_holder>span a {
  font-size: 13px;
  color: #000;
  font-family: Nunito, sans-serif;
  font-style: normal;
  font-weight: 300;
}

.blog_title_holder>span a {
  color: #247c7d;
}

.hs-blog-post .image {
  margin: 0 0 35px 0;
}

aside .widget {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.widget.widget_search form {
  display: inline-block;
  width: 100%;
  padding-bottom: 7px;
}

.widget.widget_search form input[type="text"] {
  display: inline-block;
  font-family: 'Oswald',sans-serif;
  font-size: 14px;
  line-height: 14px;
  color: #949494;
  letter-spacing: 1px;
  text-decoration: none;
  background-color: #fff;
  border: 0;
  outline: 0;
  margin: 0 3% 0 0;
  padding: 5px 4%;
  width: 57%;
  height: 20px;
  float: left;
  box-sizing: content-box;
}

.widget.widget_search form button {
  display: inline-block;
  margin: 0;
  padding: 0 4%;
  font-family: 'Oswald',sans-serif;
  font-size: 14px;
  line-height: 29px;
  font-weight: 300;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  text-decoration: none;
  background-color: #009cff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  white-space: nowrap;
  width: 30%;
  height: 30px;
  float: left;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  background-color: #247c7d;
  border: none;
}

aside .widget h5,aside .widget h3 {
  font-size: 19px;
  line-height: 19px;
  margin: 0 0 18px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #247c7d;
}

.column2 ul {
  padding: 0;
  margin: 10px 0;
  list-style: none;
}

.column2 ul li {
  margin: 0 0 15px 0;
}

.column2 ul li a {
  color: #247c7d;
  font-weight: 500;
}

.widget.widget_search form button:hover {
  background-image: url();
  background-position: 0 0;
  background-repeat: repeat;
}

.two_columns_75_25.grid2>.column1>.column_inner {
  padding: 0 40px 0 0;
}

.column2 ul li a span.filter-link-count {
  display: none;
}

.widget.widget_search form button svg {
  display: none;
}

.widget.widget_search form button:after {
  content: 'Search';
}

.column2 .hs-search-field ul {
  display: none;
}

.social-share {
  display: inline-block;
  margin: 25px 0 48px 0;
  width: 100%;
}

.social-share ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.social-share ul li {
  float: left;
  padding: 0 3px 3px 0;
  margin: 0;
}

.social-share ul li a {
  font-weight: 500;
  display: inline-block;
  padding: 10px 15px 10px 10px;
}

.social-share ul li a img {
  width: auto;
  float: left;
  margin: 0;
}

.social-share ul li a span {
  display: inline-block;
  padding: 0 0 0 10px;
  color: #262626;
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
  font-family: "Oswald",sans-serif;
  vertical-align: middle;
}

.social-share ul li a:hover span {
  color: #009cff;
}

.info {
  display: inline-block;
  width: 100%;
  font-family: "Oswald",sans-serif;
  font-weight: 300;
  padding: 16px 0 0 0;
  border-top: 1px solid #ddd;
  border-color: #9ac0c5;
}


@media only screen and (max-width: 1466px) {
  .post-item{
    margin: 0 0 2.8%;
    width: 31.5%;
  }
}

@media only screen and (max-width: 1120px) {
  .post-item {
    margin: 0 0 4%;
    width: 48%;
  }
}

@media only screen and (max-width: 990px) and (min-width: 768px) {
  .container_inner.clearfix {
    max-width: 768px;
  }
  .widget.widget_search form button {
    padding: 0 1px;
  }
}

@media only screen and (max-width: 768px) {
  .container_inner.clearfix {
    width: 420px;
  }
  .two_columns_75_25.grid2>.column1,.two_columns_75_25.grid2>.column2 {
    border: none;
    width: 100%;
  }

  .two_columns_75_25.grid2>.column1>.column_inner,.two_columns_75_25.grid2>.column2>.column_inner {
    padding: 0;
  }

  .two_columns_75_25.background_color_sidebar>.column2 {
    min-height: 1px!important;
    padding: 50px 1500px 0;
    margin: 0 -1500px 0;
  }
}

@media only screen and (max-width: 480px) {
  .post-item {
    margin: 0 0 9%;
    width: 100%;
  }
  .container_inner.clearfix {
    width: 300px!important;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.kr-blog-listing .posts-wrapper .row-fluid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  width: auto;
}
.kr-blog-listing .posts-wrapper .post {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  margin-bottom: 20px;
}
.kr-blog-listing .post-item__img, 
.kr-blog-listing .post-item__img img {
  border-radius: 5px;
}
.kr-blog-listing .post-item__img {
  margin-bottom: 0;
  overflow: hidden;
}
.kr-blog-listing .post-item__img img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}
.kr-blog-listing .post-item__img:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 195ms cubic-bezier(0,0,.2,1);
  transition: -webkit-transform 195ms cubic-bezier(0,0,.2,1);
  transition: transform 195ms cubic-bezier(0,0,.2,1);
  transition: transform 195ms cubic-bezier(0,0,.2,1),-webkit-transform 195ms cubic-bezier(0,0,.2,1);
}
.kr-blog-listing .post-item__content {
  padding-top: 1rem;
  font-size: 16px;
}
.kr-blog-listing .post-item__content > a,
.kr-blog-listing .post-item__content > a:hover{
  text-decoration: none;
}
.kr-blog-listing .post-item__content h6 {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  text-transform: none;
  color: #115e67;
  letter-spacing: normal;
}
.kr-blog-listing .post-item__content h5 {
  text-transform: none;
  font-weight: 400;
  text-align: left;
  margin: 5px 0;
  font-size: 14px;
  color: #474231;
}
.kr-blog-listing .post-item__content p {
  color: #1a1b1c;
  text-align: left;
}
.kr-blog-listing .blog-pagination{
  margin: 30px 0 0;
}
.kr-blog-listing .blog-pagination a{
  font-family: 'Nunito Sans',sans-serif;
  height: auto;
  width: auto;
  margin: 0 10px;
  line-height: 25px;
}
.kr-blog-listing .blog-pagination a:hover{
  text-decoration: none;
}
.kr-blog-listing .blog-pagination a.next-link,
.kr-blog-listing .blog-pagination a.prev-link{
  background-image: none;
}
@media screen and (min-width: 768px){
  .kr-blog-listing .posts-wrapper .post{
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
.s-kr-blog-post .main-content{
  padding-top: 40px;
  padding-bottom: 30px;
}
.s-kr-blog-post .share-post-row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 15px;
}
.s-kr-blog-post .share-post-socials{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.s-kr-blog-post .share-post-lbl{
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.s-kr-blog-post .share-post-row a{
  width: 43px;
  height: 43px;
  border-radius: 50%;
  border: 1px solid #153f69;
  background: #f1f7f8;
  color: #153f69;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 225ms cubic-bezier(.4,0,.2,1);
  transition: -webkit-transform 225ms cubic-bezier(.4,0,.2,1);
  -o-transition: transform 225ms cubic-bezier(.4,0,.2,1);
  transition: transform 225ms cubic-bezier(.4,0,.2,1);
  transition: transform 225ms cubic-bezier(.4,0,.2,1), -webkit-transform 225ms cubic-bezier(.4,0,.2,1);
  transition: transform 225ms cubic-bezier(.4,0,.2,1),-webkit-transform 225ms cubic-bezier(.4,0,.2,1);
}
.s-kr-blog-post .share-post-row a:hover{
  -webkit-transform: scale(1.075);
  -ms-transform: scale(1.075);
  transform: scale(1.075);
  -webkit-transition: -webkit-transform 195ms cubic-bezier(0,0,.2,1);
  transition: -webkit-transform 195ms cubic-bezier(0,0,.2,1);
  -o-transition: transform 195ms cubic-bezier(0,0,.2,1);
  transition: transform 195ms cubic-bezier(0,0,.2,1);
  transition: transform 195ms cubic-bezier(0,0,.2,1), -webkit-transform 195ms cubic-bezier(0,0,.2,1);
  transition: transform 195ms cubic-bezier(0,0,.2,1),-webkit-transform 195ms cubic-bezier(0,0,.2,1);
}
.s-kr-blog-post .share-post-row a + a{
  margin-left: 10px;
}
.s-kr-blog-template .kore-module .page-width{
  width: 100%;
  max-width: 1140px;
  padding-left: 20px;
  padding-right: 20px;
}
/* @media screen and (min-width: 768px){
  .s-kr-blog-template .kore-module .page-width{  
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1200px){
  .s-kr-blog-template .kore-module .page-width{    
    padding-right: 100px;
    padding-left: 100px;
  }
} */
.s-kr-blog-post .blog-post__tags{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;  
  font-size: 16px;
  color: #153f69;
  clear: both;
}
.s-kr-blog-post .blog-post__tag-icon {
  margin-right: 5px;
}
.s-kr-blog-post .blog-post__buttons{
  overflow: hidden;
}

.s-kr-blog-post .blog-post__buttons,
.s-kr-blog-post .blog-post__related{
  margin-top: 50px;
}
.s-kr-blog-post .btn-arrow{
  -webkit-transition-duration: 155ms;
  -o-transition-duration: 155ms;
  transition-duration: 155ms;
  -webkit-transition-property: color,border,background;
  -o-transition-property: color,border,background;
  transition-property: color,border,background;
  -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
  -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  padding: 15px 20px;
  background-color: #177e8a;
  border: 0;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  width: 40%;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.s-kr-blog-post .btn-arrow:hover{
  color: #FFFFFF !important;
  text-decoration: none;
}
.s-kr-blog-post .btn-arrow--next{
  padding-right: 80px;
  float: right;
}
.s-kr-blog-post .btn-arrow--prev{
  padding-left: 80px;
  text-align: right
}
.s-kr-blog-post .btn-arrow--next:before,
.s-kr-blog-post .btn-arrow--prev:before{
  content: '';
  position: absolute;
  top: -2px;
  width: 65px;
  bottom: 0;
  background-color: #115e67;
  border-radius: 0 5px 5px 0;
  background-position: 0 0;
  background-size: auto calc(100% + 12px);
  background-image: url(https://7758022.fs1.hubspotusercontent-na1.net/hubfs/7758022/button-squiggle.svg);
  background-repeat: no-repeat;
  -webkit-transition: background-color 225ms cubic-bezier(.4,0,.2,1);
  -o-transition: background-color 225ms cubic-bezier(.4,0,.2,1);
  transition: background-color 225ms cubic-bezier(.4,0,.2,1);
  right: 0;
}
.s-kr-blog-post .btn-arrow--prev:before{
  top: 0;
  bottom: -2px;
  right: auto;
  left: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.s-kr-blog-post .btn-arrow--next:after,
.s-kr-blog-post .btn-arrow--prev:after{
  content: '';
  top: 50%;
  width: 30px;
  height: 20px;
  background-position: 50%;
  background-size: 30px 20px;
  background-image: url(https://7758022.fs1.hubspotusercontent-na1.net/hubfs/7758022/arrow-right-white.svg);
  background-repeat: no-repeat;
  -webkit-transform: translate(-.9375rem,-50%);
  -ms-transform: translate(-.9375rem,-50%);
  transform: translate(-.9375rem,-50%);
  -webkit-transition: -webkit-transform 225ms cubic-bezier(.4,0,.2,1);
  transition: -webkit-transform 225ms cubic-bezier(.4,0,.2,1);
  -o-transition: transform 225ms cubic-bezier(.4,0,.2,1);
  transition: transform 225ms cubic-bezier(.4,0,.2,1);
  transition: transform 225ms cubic-bezier(.4,0,.2,1), -webkit-transform 225ms cubic-bezier(.4,0,.2,1);
  transition: transform 225ms cubic-bezier(.4,0,.2,1),-webkit-transform 225ms cubic-bezier(.4,0,.2,1);
  position: absolute;
  right: -4px;
}
.s-kr-blog-post .btn-arrow--prev:after{
  right: auto;
  left: -4px;
  -webkit-transform: translate(.9375rem,-50%) rotate(180deg);
  -ms-transform: translate(.9375rem,-50%) rotate(180deg);
  transform: translate(.9375rem,-50%) rotate(180deg);
}
.s-kr-blog-post .btn-arrow:focus:before, .s-kr-blog-post .btn-arrow:hover:before {
  background-color: #0b3e44;
  -webkit-transition: background-color 195ms cubic-bezier(0,0,.2,1);
  -o-transition: background-color 195ms cubic-bezier(0,0,.2,1);
  transition: background-color 195ms cubic-bezier(0,0,.2,1);
}
.s-kr-blog-post .btn-arrow--next:focus:after, .s-kr-blog-post .btn-arrow--next:hover:after {
  -webkit-transform: translate(-.6875rem,-50%);
  -ms-transform: translate(-.6875rem,-50%);
  transform: translate(-.6875rem,-50%);
  -webkit-transition: -webkit-transform 195ms cubic-bezier(0,0,.2,1);
  transition: -webkit-transform 195ms cubic-bezier(0,0,.2,1);
  -o-transition: transform 195ms cubic-bezier(0,0,.2,1);
  transition: transform 195ms cubic-bezier(0,0,.2,1);
  transition: transform 195ms cubic-bezier(0,0,.2,1), -webkit-transform 195ms cubic-bezier(0,0,.2,1);
  transition: transform 195ms cubic-bezier(0,0,.2,1),-webkit-transform 195ms cubic-bezier(0,0,.2,1);
}
.s-kr-blog-post .btn-arrow--prev:focus:after, .s-kr-blog-post .btn-arrow--prev:hover:after {
  -webkit-transform: translate(.6875rem,-50%) rotate(180deg);
  -ms-transform: translate(.6875rem,-50%) rotate(180deg);
  transform: translate(.6875rem,-50%) rotate(180deg);
  -webkit-transition: -webkit-transform 195ms cubic-bezier(0,0,.2,1);
  transition: -webkit-transform 195ms cubic-bezier(0,0,.2,1);
  -o-transition: transform 195ms cubic-bezier(0,0,.2,1);
  transition: transform 195ms cubic-bezier(0,0,.2,1);
  transition: transform 195ms cubic-bezier(0,0,.2,1), -webkit-transform 195ms cubic-bezier(0,0,.2,1);
  transition: transform 195ms cubic-bezier(0,0,.2,1),-webkit-transform 195ms cubic-bezier(0,0,.2,1);
}
.s-kr-blog-post .blog-post__related--row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.s-kr-blog-post .blog-post__related--col{
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
}
.s-kr-blog-post .blog-post__related--img{
  overflow: hidden;
  border-radius: 5px;
}
.s-kr-blog-post .blog-post__related--img img{
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}
.s-kr-blog-post .blog-post__related--img:hover img{
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 195ms cubic-bezier(0,0,.2,1);
  transition: -webkit-transform 195ms cubic-bezier(0,0,.2,1);
  -o-transition: transform 195ms cubic-bezier(0,0,.2,1);
  transition: transform 195ms cubic-bezier(0,0,.2,1);
  transition: transform 195ms cubic-bezier(0,0,.2,1), -webkit-transform 195ms cubic-bezier(0,0,.2,1);
  transition: transform 195ms cubic-bezier(0,0,.2,1),-webkit-transform 195ms cubic-bezier(0,0,.2,1);
}
.s-kr-blog-post .blog-post__related--content{
  padding-top: 1rem;
}
.s-kr-blog-post .blog-post__related--content h6 {
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  text-transform: none;
  color: #115e67;
  letter-spacing: normal;
}
.s-kr-blog-post .blog-post__related--content  a: hover{
  text-decoration: none;
}
.s-kr-blog-post .blog-post__related--content h6:hover {
  color: #90c0c5;
}
.s-kr-blog-post .blog-post__related--desc{
  font-size: 16px;
  color: #1a1b1c;
}

.blog-post__body img.p-right{
  padding: 15px 0 10px 15px;
}
.blog-post__body img.p-left{
  padding: 15px 15px 10px 0;
}

@media screen and (min-width: 768px){
  .s-kr-blog-post .blog-post__related--col{
    max-width: 33.333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
  }
  .s-kr-blog-post .blog-post__tags{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 579px){
  .s-kr-blog-post .btn-arrow{
    width: 100%;
  }
  .s-kr-blog-post .btn-arrow--next{
    float: none;
  }
}
.s-kr-blog-post .blog-post__tag-list a,
.s-kr-blog-post .blog-post__tag-list a:hover{
  color: #153f69!important;
  text-decoration: none;
}