.blog_section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 -12px; }
  .blog_section_img {
    width: 100%;
    position: relative;
    height: 313px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-bottom: 20px;
    background-color: #EFF0F1; }
    .blog_section_img .overlay {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.2);
      transition: 0.3s;
      z-index: 1;
      opacity: 0; }
  .blog_section_item {
    position: relative;
    text-decoration: none;
    color: #2F2F2F;
    margin: 0 12px 56px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-bottom: 30px;
    max-width: calc(33.333% - 24px);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%; }
    .blog_section_item:hover {
      color: #454545; }
      .blog_section_item:hover .overlay {
        opacity: 1; }
    .blog_section_item span {
      font-size: 16px;
      font-weight: 400;
      line-height: 1;
      color: #A3A3A3;
      position: absolute;
      bottom: 0; }
  .blog_section_header {
    width: 100%;
    margin: 44px 0 48px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    cursor: pointer;
    text-decoration: none;
    color: #2F2F2F; }
    .blog_section_header h3 {
      margin: 0;
      font-size: 32px;
      font-weight: 600;
      line-height: 120%;
      letter-spacing: -0.96px; }
    .blog_section_header .blog_section_link {
      text-decoration: underline;
      font-size: 18px;
      font-weight: 400;
      line-height: 38px;
      white-space: nowrap;
      padding-left: 24px;
      color: #2F2F2F;
      position: relative; }
      .blog_section_header .blog_section_link:after {
        content: '';
        display: block;
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7L15 13L9 19' stroke='url(%23paint0_linear_832_13069)' stroke-width='1.5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_832_13069' x1='9' y1='13.0583' x2='15' y2='13.0583' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2303AED3'/%3E%3Cstop offset='0.346875' stop-color='%2325D1E6'/%3E%3Cstop offset='0.654167' stop-color='%2303AED3'/%3E%3Cstop offset='1' stop-color='%2325D2E7'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
        width: 24px;
        height: 25px;
        top: 7px;
        right: -18px;
        opacity: 0;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
      .blog_section_header .blog_section_link:hover {
        color: #03AED3;
        background: linear-gradient(90deg, #03AED3 0%, #25D1E6 34.69%, #03AED3 65.42%, #25D2E7 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
        .blog_section_header .blog_section_link:hover:after {
          right: -28px;
          opacity: 1; }
      @media (max-width: 1023px) {
        .blog_section_header .blog_section_link:hover {
          color: #2F2F2F;
          background: none;
          background-clip: unset;
          -webkit-background-clip: unset;
          -webkit-text-fill-color: #2F2F2F; }
        .blog_section_header .blog_section_link:after {
          display: none; } }
  .blog_section--fixed .blog_section_item {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    color: #FFFFFF;
    height: 229px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    font-size: 24px;
    font-weight: 600;
    line-height: 120%;
    padding: 16px 20px;
    overflow: hidden;
    max-width: none; }
    .blog_section--fixed .blog_section_item .overlay {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.2);
      transition: 0.3s;
      z-index: 1; }
    .blog_section--fixed .blog_section_item .text-wrap {
      position: relative;
      z-index: 2; }
    .blog_section--fixed .blog_section_item span {
      font-size: 16px;
      font-weight: 400;
      line-height: 1;
      padding-top: 10px;
      color: #FFFFFF;
      position: relative;
      display: block; }
    .blog_section--fixed .blog_section_item:hover .overlay {
      background: rgba(0, 0, 0, 0.3); }
  .blog_section--limit7 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .blog_section--limit7 .blog_section_item:not(:nth-child(-n+3)) {
      width: calc(25% - 24px);
      min-width: calc(25% - 24px); }
      .blog_section--limit7 .blog_section_item:not(:nth-child(-n+3)) .blog_section_img {
        height: 230px; }
  .blog_section--limit4 .blog_section_img {
    height: 230px; }
.blog_list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -12px; }
  .blog_list_item {
    position: relative;
    text-decoration: none;
    color: #2F2F2F;
    margin: 0 12px 56px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-bottom: 30px;
    max-width: calc(25% - 24px);
    font-size: 18px;
    font-weight: 500;
    line-height: 140%; }
    .blog_list_item span {
      font-size: 16px;
      font-weight: 400;
      line-height: 1;
      color: #A3A3A3;
      position: absolute;
      bottom: 0; }
  .blog_list_img {
    width: 100%;
    position: relative;
    height: 230px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    margin-bottom: 20px;
    background-color: #EFF0F1; }
    .blog_list_img .overlay {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.2);
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
      z-index: 1;
      opacity: 0; }
    .blog_list_img:hover {
      color: #454545; }
      .blog_list_img:hover .overlay {
        opacity: 1; }
.blog_recomended_title {
  margin: 100px 0 32px; }
.blog_detail {
  max-width: 1116px;
  margin: 0 auto;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%; }
  .blog_detail img {
    margin-bottom: 36px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden; }
    .blog_detail img.blog_detail_img--sm {
      display: none; }
  .blog_detail_date {
    color: #A3A3A3;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    margin-top: 26px;
    display: block; }

@media (max-width: 1439px) {
  .blog_section_img {
    height: 264px; }

  .blog_section--limit7 .blog_section_item:not(:nth-child(-n+3)) .blog_section_img,
  .blog_section--limit4 .blog_section_img,
  .blog_list_img {
    height: 193px; } }
@media (max-width: 1199px) {
  .blog_section_item {
    font-size: 16px; }

  .blog_section--fixed .blog_section_item {
    font-size: 20px; }

  .blog_section_img {
    height: 216px; }

  .blog_section--limit7 .blog_section_item:not(:nth-child(-n+3)) .blog_section_img,
  .blog_section--limit4 .blog_section_img {
    height: 158px; }

  .blog_list_item {
    max-width: calc(50% - 24px); }

  .blog_list_img {
    height: 248px; } }
@media (max-width: 991px) {
  .blog_section_item,
  .blog_section--limit7 .blog_section_item:not(:nth-child(-n+3)) {
    width: calc(50% - 24px);
    max-width: calc(50% - 24px); }

  .blog_section_img,
  .blog_section--limit7 .blog_section_item:not(:nth-child(-n+3)) .blog_section_img, .blog_section--limit4 .blog_section_img,
  .blog_section--fixed .blog_section_item {
    height: 248px; }

  .blog_section--limit7 .blog_section_item:nth-child(7) {
    display: none; }

  .blog_section--limit4 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

  .blog_detail img.blog_detail_img--sm {
    display: block; }

  .blog_detail img.blog_detail_img--lg {
    display: none; } }
@media (max-width: 659px) {
  .blog_section {
    display: block;
    margin: 0; }

  .blog_section_item,
  .blog_section--limit7 .blog_section_item:not(:nth-child(-n+3)) {
    width: 100%;
    max-width: 100%; }

  .blog_section_img,
  .blog_section--limit7 .blog_section_item:not(:nth-child(-n+3)) .blog_section_img,
  .blog_section--limit4 .blog_section_img, .blog_section--fixed .blog_section_item {
    height: 354px;
    margin-bottom: 18px; }

  .blog_section--fixed .blog_section_item span {
    padding-top: 6px; }

  .blog_section--fixed .blog_section_item {
    height: 354px;
    padding: 15px;
    margin-bottom: 15px; }

  .blog_section_header {
    margin: 48px 0 24px; }

  .blog_section_header h3 {
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.72px; }

  .blog_section_item {
    font-size: 18px;
    padding-bottom: 26px;
    margin: 0 0 36px; }

  .blog_section_header .blog_section_link {
    line-height: 26px; }

  .blog_list {
    display: block;
    margin: 0; }

  .blog_list_item {
    max-width: 100%;
    padding-bottom: 26px;
    margin: 0 0 36px; }

  .blog_list_img {
    height: 354px;
    margin-bottom: 18px; }

  .blog_detail img {
    margin-bottom: 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }

  .blog_recomended_title {
    margin: 48px 0 32px;
    font-size: 24px; } }
@media (max-width: 519px) {
  .blog_section_img,
  .blog_section--limit7 .blog_section_item:not(:nth-child(-n+3)) .blog_section_img,
  .blog_section--limit4 .blog_section_img, .blog_section--fixed .blog_section_item,
  .blog_list_img {
    height: 220px; }

  .blog_section--fixed .blog_section_item {
    height: 240px; } }

/*# sourceMappingURL=blog.css.map */