/* 아이패드 768 ~ 1500 */
@media all and (min-width: 769px) and (max-width: 1279px) {

      .address {
        display: none;
      }
      .address_m {
        display: block;
      }
      .footer_channel {
        display: block;
        width: 100%;
      }
      .footer_icon {
        display: block;
        width: 100%;
      }



}


/*스마트폰  ~ 767px */
@media all and (max-width: 768px) {

  .menu_modal {
    height: 100%;
    width: 100%;
    position: fixed;
    top:0;
    z-index: 2;
  background: black;
  display: none;
  opacity: 0.8;
  }

html {
  font-size: 1px;
}

  .titleName {
    display: none;
  }

  nav li {
    display: block;
    padding: 0;
    line-height: 60rem;
    border-bottom :1px solid #c5c5c5;
    text-align: left;
  }

  nav li:hover {
    background: #bfbfbf;
    margin-right: -10px;
  }

  nav li a {
    padding-left : 30rem;
    display: block;
  }

  .background {
    padding-top:58%;
  }

  /* intro */

  .intro h1 {
    font-size: 20rem !important;
  }

  .intro  {
    font-size: 16rem !important;
  }

  .intro p {
    line-height: normal !important;
  }

  .bbsNameA {
    font-size: 16rem;
    padding: 5rem 10rem;
  }


.imagement {
  display: none;
}

.hide {
  display: none;
}

.header {
  top: 20rem;
}

.logo {
  font-size: 20rem;
}

.nav {
    position: fixed;
    top: 0;
    left: -700px;
    transition: 0.5s;
    background: rgb(255,255,255, 0.8);
    height: 100%;
    width: 65%;
    z-index: 10; /* z-index 필수 */
}

.mobileNav {
      position: fixed;
      top: 0;
      left: 0;
      background: rgb(255,255,255, 0.8);
      color: black;
      transition: 0.5s;
      height: 100%;
      width: 65%;
      z-index: 10; /* z-index 필수 */
    display: block;
}


td {
    display: block;
    padding: 0 !important;
    border-bottom: none !important;
}

td:last-child {
  border-bottom : 1px gray solid !important;
}


  .m_menu_button {
    color:white;
    position: fixed;
    right: 15rem;
    font-size: 20rem;
    display: inline-block;
    padding: 0 5%;
    line-height: 60rem;
    text-align: right;
    z-index: 90;
  }

  .m_menu span {
   width: 20px;
      background-color: yellow;
   color:transparent;
   font-size: 1px;
     }

  .m_menu:hover span {
    color:transparent;
  }


  .vod {
  display: block;
  }

  .card {
    width: 90%;
    margin: 5rem auto;
  }

  .slide {
    margin: auto;
  }

  .slideWrap {
    padding-bottom: 75%;
  }


/* footer mobile*/

footer {
  padding: 30rem 0 60rem;
}

.footer_title {
  font-size: 20rem;
  line-height: 25rem;
}

.footer_channel {
font-size: 15rem;
}

.footer h1 {
  font-size: 16rem;
}

.address {
  display: none;
}

.address_m {
    clear:both;
    display: block;
    font-size: 12rem;
    line-height: 16rem;
}

.footer_icon img {
      width: 25%;
}


#youtube {
  display: inline-block;
  margin-left: 0;

}

#facebook {
margin-left:16rem;
}

.footer_logo {
  top:20rem;
  right: 5rem;
}

.img_wrap {
  background-size: cover !important;
  background-position: 55% 0 !important;
  padding-top: 35% !important;
}


}