@media screen and (max-width: 1199px){
#pc_header, #reservation {
    display: none;
}
#m_header {
    display: block;}
aside {right:20px; bottom:20px;} 
#slide .swiper-slide a {padding-left:0;}


}

@media screen and (min-width: 1200px){
#m_header, #side, .bgBk {
    display: none !important;}
}

@media screen and (max-width: 767px){
#contents {padding-top:35px; padding-bottom:60px;} 
#contents1 .con01 {
    margin-right: 2%;}
#contents1 .con01, #contents1 .con02 {
    width: 49%;
    margin-bottom: 2%;}
#contents1 a {
    width: 50%;
    margin-right: 0;}
 
#contents2 {margin-top:45px;}
.banner {
    clear: both;
    width: 100%;
    margin-right: 0;}
.con567 {
    width: 100%;
    margin-top: 2%;}
.con567 a:nth-child(1) {
    width: 49%;}
.con567 a:nth-child(2) {
    margin-left: 2%;
    width: 49%;}
.con567 a:nth-child(3) {
    margin-top: 2%;}

}

@media (max-width: 1300px) and (min-width: 950px){
footer #copy ul li:nth-child(1) {
    margin-right: 5%;}
}

@media screen and (min-width: 949px){
footer #copy ul .p_copy {
    display: block;}
footer #copy ul .m_copy {
    display: none;}
}

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

footer #foot_menu{
height:100px;}

footer #foot_menu ul {
    width:100%;
    max-width: 100%;
    overflow: hidden;
    padding:0}
footer #foot_menu ul a {
    width: 50%;
    margin: 0;}
footer #foot_menu ul a:first-child {
    margin: 0;}
footer #foot_menu ul a:nth-child(1),
footer #foot_menu ul a:nth-child(3){
    border-bottom: 1px solid #dddddd;}
footer #foot_menu ul a:nth-child(1), 
footer #foot_menu ul a:nth-child(5){
    border-right: 1px solid #dddddd;

 box-sizing: border-box; }

footer #foot_menu ul a:nth-child(2),
footer #foot_menu ul a:nth-child(4),
footer #foot_menu ul a:nth-child(6){
display:none}

footer #copy ul {
    width: 100%;}
footer #copy ul .p_copy {
    display: none;}
footer #copy ul li:nth-child(1) {
    margin-right: 5%;}
footer #copy ul .m_copy {
    display: block;
    width: 50%;
    padding: 7% 0;}
footer #copy ul li:nth-child(3) {
    box-sizing: border-box;
    border-right: 1px solid #dddddd;}
footer #copy ul li:last-child {
    clear: both;
    width: 100%;
    margin: 0 auto;}
footer #copy ul li:nth-child(3) img,
footer #copy ul li:nth-child(4) img {
    max-width: 212px;}
footer #copy ul .m_copy img, footer #copy ul li:last-child img {
    width: 92%;
    display: block;
    margin: 0px auto;
    padding: 0px 4%;}
footer #copy ul li:last-child img {
 max-width: 430px;
    padding: 8% 0px 5%;
   }

}


@media screen and (max-width: 410px){
footer #foot_menu ul a {
    font-size: 10px !important;}
}



@media (min-width: 950px)  and (max-width: 1199px){
 #slide .slide1,
 #slide .slide2,
 #slide .slide3,
 #slide .slide4 {background-position:-400px;}
}

@media (min-width: 700px)  and (max-width: 949px){
 #slide .slide1,
 #slide .slide2,
 #slide .slide3,
 #slide .slide4 {background-position:-300px;}
}

@media (min-width: 499px)  and (max-width: 699px){
 #slide .slide1,
 #slide .slide2,
 #slide .slide3,
 #slide .slide4 {background-position:-239px;}
}

@media screen  and (max-width: 500px){
 #slide .slide1,
 #slide .slide2,
 #slide .slide3,
 #slide .slide4 {background-position:-180px;}
}


@media screen and (max-width:767px){
#dp_page {margin-bottom:70px; }
#dp_page #title {margin-top: 70px;}
#dp_page #title h1 {font-size:30px}
#dp_page #title p:nth-child(2) span {font-size:12px;}
}