/* header */
.l_header {
  padding: 10px 40px;
  background: #fff;
}
/* content */
.l_content {
  width: 1080px;
  margin: 80px auto 0;
  position: relative;
}
.l_content_body {
  margin-top: 40px;
}
/* footer */
.l_footer {
  margin-top: 80px;
}
/* layout utility */
.l_flex_wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.l_justify_between {
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.l_col2 {
  width: 45%;
}

@media screen and (min-width:769px) {

  /* main slider */
  .l_main_slider {
    height: calc(100vh - 177px);
  }
  
}

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

  /* header */
  .l_header {
    width: 100%;
    padding: 0;
    position: fixed;
    top: 0;
    background: #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
    z-index: 99;
  }
  /* content */
  .l_content {
    width: calc(100vw - 20px);
    margin: 40px auto 0;
  }
  .l_content_body {
    margin-top: 32px;
  }
  /* footer */
  .l_footer {
    margin-top: 40px;
  }
  /* layout utility */
  .l_col2 {
    width: 100%;
  }

}