@media screen and (min-width: 701px) and ( max-width: 1209px) { 


#wrap_all { overflow: hidden;  }
.main_slide {  position:relative; z-index: -1; background: #000;  }
.ms_li { width: 100%; height: 500px; }
.ms_li > img { width: 100%;  height: 100%; }

.main_section { width: 100%; height: 100%; display: block; }


.go_detail { display: none; }
.room_info {  display: block; font-size: 30px; color: #fff; cursor: pointer;  position: absolute; top: 50px;  left: 300px;   }
.room_name {  position: absolute; font-size: 46px; width: 200px; height: 50px; }
.room_close {  position: absolute; width: 80px; height: 80px; border-radius: 100%; border: 3px solid #fff; text-align: center; line-height: 80px; font-size: 36px;  }
.room_close > a  { color: #fff; width: 100%; height: 100%; display: block;  }

.sub_section { width: 100%; overflow: hidden;   background: #fff; cursor:pointer;  }
.sub_section > section { width: 100%; padding-top: 50px; padding-bottom: 90px;  overflow: hidden; }
.sub_section_img { width: 100%;  margin: 0 auto;   display: block; position: relative; z-index: 1; }

.main_section > section { width: 100%;  overflow: hidden;  }
#main_section { overflow: hidden;  }
.reservation_header { width: 100%; margin-top: 70px; height: 200px; display: block; background: url("/community/images/reservation_header.png") no-repeat center; background-size: cover;  }

.rh_btns { width: 100%; display: block;  height: 50px; background: url("/images/reservation/devide_line.png") repeat-y center #000;  overflow: hidden; clear: both;  position: relative; z-index: 9; }
.rh_btns > a { display: block; width: 50%; float: left; height: 50px; text-align: center; line-height: 50px;  color: #fff;  font-size: 14px; cursor: pointer;   }
.rh_btns > a:hover { text-decoration: underline; }


.naver_btn { width: 200px; display: block; margin: 0 auto; margin-top:70px; margin-bottom: 80px;   }
.naver_btn > img { width: 100%;  }
.explanation { color: #ccc; font-size:  14px; width: 80%; margin: 0 auto;   text-align: center;  line-height: 20px; margin-top: 30px; margin-bottom: 100px;  }

.reservation_body2 { width: 100%; display: block; margin-top: 30px; margin-bottom: 50px;  }
.reservation_body2 img { width: 98%; display: block;  }



.slide_direction { display: none; }


}