@media screen and (min-width: 701px) and ( max-width: 1209px) { 
#wrap_all { overflow: hidden;   }
body {  overflow-y: scroll;  }
.main_section {  }
.main_section > section { width: 100%; height: 100%; display: block;  }
.part1 { width: 100%; height: 100%;  display: block; overflow: hidden; margin: 0 auto;  padding-top: 50px;}
.part1 > img { width: 100%; display: block ; margin: 0 auto;  }
.part2 { width: 100%; height: 100%;  display: block; margin: 0 auto; }
.part2 > img { width: 100%;  display: block ; margin: 0 auto;   }

.slide_direction { display: none;  }








}