@charset "UTF-8";

@media ( max-width: 1010px ) {
    input[type='text'].date{font-size: 14px;width: 160px;}

    .mainWrap .reservationWrap{height:205px;}
    .mainWrap .reservationWrap .inputBox{width: calc(100% - 16px);}
    .mainWrap .reservationWrap .inputBox .title{font-size: 16px;}
    .mainWrap .reservationWrap .inputBox .title em{font-size: 15px;}
    .mainWrap .reservationWrap .inputBox .inputWrap{height:160px;}
    .mainWrap .reservationWrap .inputBox .inputWrap div{display:inline-block;border-right:none;padding: 14px 38px 14px 40px;}
    .mainWrap .reservationWrap .inputBox .inputWrap div.reserTxt{border-right: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;clear: both;font-size: 14px;}
    .mainWrap .reservationWrap .inputBox .inputWrap div.reserTxt.first{border-bottom-left-radius: 0px;border-top-left-radius: inherit;}
    .mainWrap .reservationWrap .inputBox .inputWrap div.reserSearch{padding: 9px 10px 8px 10px;width: calc(100% - 135px);border-bottom: 1px solid #d3d3d3;}
    .mainWrap .reservationWrap .inputBox .inputWrap div.reserSearch .time{font-size:14px;width: 81px;}
    .mainWrap .reservationWrap .inputBox .inputWrap div.reserBtn{float: none;display: block;clear: both;text-align: center;padding: 10px 10px;}
    .mainWrap .reservationWrap .inputBox .inputWrap div.reserBtn .searchBtn{padding: 11px 38px 11px 42px;font-size: 14px;border-radius: 26px;}

    .mainWrap .infoWrap .topWrap .imgWrap{width: 100%;margin: initial;}
    .mainWrap .infoWrap .topWrap .imgWrap .imgList{width: 300px;margin: 5px 0px;}
    .mainWrap .infoWrap .topWrap .imgWrap .imgList.first{margin: 5px 5px;}
    .mainWrap .infoWrap .topWrap .imgWrap .imgList:last-child{margin: 5px 0px;}
    .mainWrap .infoWrap .topWrap .imgWrap .more{margin: 0 10px 7px 0;}

    .mainWrap .infoWrap .bottomWrap .listWrap{width: initial;}
    .mainWrap .infoWrap .bottomWrap .listWrap .leftWrap{width: 100%;}
    .mainWrap .infoWrap .bottomWrap .listWrap .leftWrap .telList li{width: 100%;}

    .mainWrap .infoWrap .bottomWrap{min-height: 500px;}
    .mainWrap .infoWrap .bottomWrap .listWrap .rightWrap{clear: both;margin: 40px 0 0 0;width: 100%;}
}

@media ( max-width: 830px ) {
    .menuWrap{height: 59px;}
    .menuWrap .logo .logImg{width: 173px;}
    .menuWrap .menu{display:inline-block;right: 0;margin: 16px 10px;position: fixed;}
    .menuWrap .menu .menuImg{width: 27px;z-index: 9999;}
    .menuWrap li a{display: none;}

    .introduceWrap .writeWrap .topWrap .leftWrap{float: none;margin: 0 auto;width: 100%;}
    .introduceWrap .writeWrap .topWrap .rightWrap{float: none;margin: 0 auto;width: 100%;}
    .introduceWrap .writeWrap .topWrap .rightWrap h3{font-size: 26px;}
    .introduceWrap .writeWrap .bottomWrap{margin: 20px 0;}
    .introduceWrap .writeWrap .bottomWrap h4{font-size: 16px;}
    .introduceWrap .writeWrap .bottomWrap .mapWrap .table .styleLi > b{font-size: 14px;}
    .introduceWrap .writeWrap .bottomWrap .mapWrap .table .styleLi > span{font-size: 14px;padding-left: 5px;}

    .reservationWrap .writeWrap h4{font-size: 16px;}
    .reservationWrap .writeWrap  .payInfoWrap .noticePayTbl th{height: 37px;font-size: 13px;}
    .reservationWrap .writeWrap  .payInfoWrap .noticePayTbl td{height: 37px;font-size: 13px;}
    .reservationWrap .writeWrap .topWrap .reserOkTbl th{font-size: 13px;}
    .reservationWrap .writeWrap .topWrap .reserOkTbl td{font-size: 12px;}

    .noticeWrap .writeWrap .listWrap .noticeTbl th{font-size: 13px;}
    .noticeWrap .writeWrap .listWrap .noticeTbl td{font-size: 12px;}

    .photoWrap .writeWrap .listWrap .imgList{width: 300px;}
}

@media ( max-width: 630px ) {
    .reservationWrap .listWrap .reserOkTbl th, .reservationWrap .writeWrap .topWrap .reserOkTbl td{padding: 3px 4px;}
    .reservationWrap .listWrap .reserOkTbl th{font-size: 13px;height: 44px;}
    .reservationWrap .listWrap .reserOkTbl td{font-size: 13px;height: 43px;min-width: 89px;}
    .reservationWrap .listWrap .reserOkTbl td .celBtn{padding: 2px 5px;font-size: 11px;}

    .noticeWrap .writeWrap .listWrap .noticeTbl th, .noticeWrap .writeWrap .listWrap .noticeTbl td{padding: 3px 4px;}
    .noticeWrap .writeWrap .listWrap .noticeTbl th{font-size: 13px;height: 44px;}
    .noticeWrap .writeWrap .listWrap .noticeTbl td{font-size: 13px;height: 43px;min-width: 89px;}
    .noticeWrap .writeWrap .listWrap .noticeTbl td .celBtn{padding: 2px 5px;font-size: 11px;}

    .noticeWrap .writeWrap .listWrap li{padding:13px 15px 12px 39px;margin:4px 0 0 0;font-size: 15px;}
    .noticeWrap .writeWrap .listWrap li .title{width: calc(100% - 74px);}
    .noticeWrap .writeWrap .listWrap li .date{font-size: 13px;top: -21px;}
    .noticeWrap .writeWrap .listWrap li .red{height: 49px;}
    .noticeWrap .writeWrap .listWrap li .blue{height: 49px;}

}