/*============================
      메인 섹션
============================*/

/* 공통 css */
.section {
  position: relative;
  display: flex;
}

.right_inner {
  padding: 20px 25px 25px 440px;
  width: 100%;
  transition: padding .5s;
}
.in_right_inner {
  padding-bottom: 10px;
}


/* 메인 이미지 wrap */

.main_inner ul {
  column-count: 2;
  column-gap: 20px;
}

.main_inner ul li {
  display: inline-block;          /* 핵심 */
  width: 100%;                    /* 핵심 */
  vertical-align: top;

  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.main_inner ul li.is-wide {
  column-span: all;
  width: 100%;
  height: 400px;
}

.main_inner ul li img{
  width: 100%;
  height: 100%;
  display: block;
  object-position: center;
  object-fit: cover;
}

@media screen and (max-width:1440px) {
  .right_inner  {
    padding-left: 370px;
  }
}
@media screen and (max-width:1280px) {
  .right_inner  {
    padding-left: 320px;
  }
}

@media screen and (max-width:1024px) {
  
}

@media screen and (max-width:768px) {
  .main_inner ul li.is-wide {
    height: 200px;
  }
  .right_inner  {
    padding-top: 75px;
    padding-left: 20px;
  }
}

@media screen and (max-width:500px) {
  .main_inner {
    padding-left: 0px;
  }
  .main_inner ul {
    column-gap: 10px;
  }
  .main_inner ul li {
    margin-bottom: 10px;
  }
  .right_inner {
    padding: 67px 20px 10px;
  }
}
@media screen and (max-width:430px) {
  
  .right_inner {
    padding-top: 63px;
  }
}