/* ������ */
@media screen and (max-width:1200px) {

}

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

}

@media only screen and (max-width: 860px){
  .reserv_view_wrap .reserv_card .reserv_box{width: 33.3333%;}
}

@media only screen and (max-width: 768px){
  /* ���� */
  .pcOnly{display: none;}
  .mobileOnly{display: block;}
  .roundBox{padding: 28px 20px;border-radius: 0;}
  #container{padding-top: 0;}
  #container .inner_wrap{max-width: 1000px;padding: 0;}
  .view_type{top: -5px;}
  .view_type button{width: 30px;height: 30px;}
  .bottom_fix button{border-radius: 0;}
  /* header */
  #gnb{top: 12px;}
  #pageTitle{height: 64px;padding-left: 22px;font-size: 12px;}
  #headTitle .backPage{width: 9px;height: 18px;}
  header{height: 64px;}
  header .head_inner{height: 64px;}
  #gnb .header_member{display:none;}
  #gnb li.logout{display:block;}
  #gnb > li > a{padding: 0;border:none;font-size: 11px;}
  #gnb > li i{display: block;float: none;top:0;width: 100%;height: 18px; margin: 4px auto 7px;}
  #gnb > li.logout i, #gnb > li.login i{margin-bottom: 7.5px;}
  /* footer */
  footer{margin-top: 16px;}
  select {background:url("/images/front/arrow_select_2x.png") no-repeat right 16px center;background-size:15px 10px;}
  
  .member_login{width: 100%;padding: 28px 0;}

  /* ���� �ý��� */
  .company_info.company_info_half, .company_img{float: none;width: 100%;max-width: none;padding: 0 25px;}
  .company_img .slick-slider{border-radius: 12px;overflow: hidden;}
  .company_info{padding: 0 10px;}
  .company_img{margin: 28px auto 0;padding: 0;}
  .company_info .company_name{margin-top: 20px;}
  .reserv_info .title{font-size: 14px;}
  .reserv_view_wrap .reserv_card .reserv_box{width: 50%;height:334px;margin-bottom: 16px;}
  .reserv_view_wrap .reserv_card.reserv_img .reserv_box{height: auto;}
  .reserv_view_wrap .reserv_card .reserv_box .reserv_info{/*position: relative;*/padding: 20px;}
  .reserv_view_wrap .reserv_card .reserv_box .reserv_info .price{left: 20px;bottom: 20px;}
  .reserv_view_wrap .reserv_card .reserv_box .reserv_img.defaultImg{    background: url(/images/front/no_img_reservation_2x.png) no-repeat center;background-size:95px 91px;}
  .reserv_view_wrap .reserv_list .reserv_box .reserv_cont{padding: 16px;border: 1px solid #eee;box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07);}
  .reserv_view_wrap .reserv_list li{height: 103px;}
  .reserv_view_wrap .reserv_list.reserv_img li{height: auto;}
  .reserv_view_wrap .reserv_list.reserv_noimg li{height: auto;}
  .reserv_view_wrap .reserv_list .reserv_box .reserv_img{top: 16px;width: 100px;height: 55px;min-height: 55px;}
  .reserv_view_wrap .reserv_list .reserv_box .reserv_img img {min-height: 55px;}
  .reserv_view_wrap .reserv_list .reserv_box .reserv_img .d-day{top: 8px;left: 8px;}
  .reserv_view_wrap .reserv_list.reserv_img .reserv_box .reserv_info{position: relative;left: inherit;top: inherit;transform: inherit;height: 100%;padding:0 0 0 116px;}
  .reserv_view_wrap .reserv_list .reserv_box .reserv_info{padding: 0 16px 0 132px;}
  .reserv_view_wrap .reserv_list .reserv_box .reserv_info .price{position: initial;transform: initial;margin-top: 4px;}
  .reserv_view_wrap .reserv_list .reserv_box .reserv_info .hashTag{margin-top: 4px;}
  .reserv_view_wrap .reserv_list .reserv_info .price span.free{font-size:14px;}
  .reserv_view_wrap .reserv_list.reserv_noimg .reserv_box .reserv_info{position: inherit;left: inherit;top: inherit;transform: inherit;padding: 20px;}
  
  .contents_wrap .half_wrap{float: none;width: 100%;}
  .time_box{padding: 0;}
  .reserv_select{margin-bottom: 0;}
  .roundBox{border: none;}
  .roundBox.reserv_box{margin-top: 8px;}
  .roundBox.reserv_box.reserv_dateBox, .roundBox.reserv_box.reserv_userInfo{margin-top: 8px !important;}
  .roundBox.reserv_box.reserv_select{margin-top: 0px !important;}
  .bottom_fix{position: fixed;left:0;bottom: 0;box-shadow: 0px 0px 10px rgb(0, 0, 0, 0.07);width: 100%;z-index: 99;}
  .bottom_fix.off{position:relative;margin-top:8px !important;box-shadow:none;}
  .seat_select_wrap > div{float: none;}
  .seat_select_wrap .seats_content{width: 100%;margin-bottom: 20px;padding-right: 0;border-bottom: 1px solid #ddd;}
  .seat_select_wrap .my_select_seat{width: 100%;border-top: 1px solid #ddd;}
  .my_sel_wrap{/*padding-bottom: 0;*/}
  /* .reserv_infomation .reserv_item, .reserv_infomation .reserv_summary, .reserv_infomation .reserv_detail, .reserv_inputcontent .reserv_item, .reserv_inputcontent .reserv_summary, .reserv_inputcontent .reserv_detail{display: none;}*/
  .reserv_inputcontent .reserv_item, .reserv_inputcontent .reserv_summary, .reserv_inputcontent .reserv_detail{display: none;}
  .modal_content{width: 90%;max-width: inherit;}
  #modal_cancel .modal_content, #modal_qrCode .modal_content{max-height: inherit;}
  #modal_cancel table colgroup col:first-child{width: 75px !important;}
  .reserv_myList .qr_btn{position: initial;width: auto;transform: translateX(0);margin-top: 4px;letter-spacing: -1px;font-size: 14px;color: rgba(0, 0, 0, 0.78);padding: 0;border: none;border-bottom: 1px solid #000;border-radius: 0;}
  .reserv_view_wrap .reserv_view .reserv_box .reserv_img .img_d-day{bottom: 16px;left: 12px;}
  .reserv_view_wrap .reserv_list .reserv_box .reserv_img .img_d-day{bottom: 8px;left: 8px;}
  .select_list_wrap{height: 125px;}
  .reserv_wrap:first-child{margin-top: 0;}
  .reserv_myList .status{padding: 1px 6px 1px 4px;line-height: 20px;font-size: 11px;vertical-align: bottom;}
  .my_sel_wrap .bottom_fix button{height:60px;}
  .reserv_view_wrap .reserv_myList .reserv_info .title .soldout{vertical-align: bottom;}
  .reserv_view_wrap .reserv_myList .reserv_info .title .new{vertical-align: bottom;}
  
  .theme-qr {display:none !important;}
}

@media only screen and (max-width: 479px){
  .btn_more{width: 100%;}
  .reserv_view_wrap .reserv_card .reserv_box{width: 100%;margin: 0 auto 20px;}
  .reserv_view_wrap .reserv_card.reserv_noimg .reserv_box{height: auto;}
  .modal_wrap .btn_wrap button{width: 100%;margin-right: 0;margin-bottom: 14px;}
  .modal_wrap .btn_wrap button:last-of-type{margin-bottom: 0;}
  .reserv_view_wrap .reserv_myList .reserv_box .reserv_img {width: 100px;top: 16px;transform: inherit;}
  .pignose-calendar{width: 100% !important;}
  #logo img{max-width: 130px;}
  #logo .campus span{max-width: 75px;margin-left: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  #gnb > li{margin-left: 16px;}
  
  /* 230530 btn_flex */
  .btn_flex {display:block;}
}

@media only screen and (max-width: 375px){
  .reserv_input table colgroup col:first-child{width: 70px !important;}
  #logo img{max-width: 110px;}
}

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

}