/* mobileL */
@media (max-width: 767px) {
  body { font-size: 15px; }

  header { height: 110px; position: relative; border-bottom: none; }
  header .logo { left: 10%;  }
  header .gnb { top: 65px; width: 100%; border-top: 1px solid rgba(128, 128, 128, 0.281); }
  header .gnb > li > a {padding:15px 0; }

  footer .in .made { float: none; padding: 0; text-align: center; }
  footer .in .address { float: none; padding: 0; text-align: center; }

  .ttl { padding-top: 50px; font-size: 25px;  }

  #index .visual {  margin-top: 0; height: 400px ;  }
  #index .visual #mov { height: 400px; min-height: auto; }

  #index .preview,
  #index .room,
  #index .location,
  #index .reserve { margin-top: 60px; }

  /* 객실이 하나일 경우 */
  /* #index .room .items .item { width: 90%; } */

  #index .root_daum_roughmap .wrap_map { height: 300px !important; }

  #room .photo { margin-top: 0; }
  #room .info { width: 90vw; margin-top: 50px; }
  #room .info ul li .info-section { width: 20%; }
  #room .info ul li .info-content { width: 80%; }

  footer .in address{flex-direction:column-reverse;}
  div.footer_logo2{margin-left:0; margin-top:10px;}
  div.footer_logo2 img{width:50px;}

  /* 모바일에서는 메인 객실 상세정보 숨김 */
  #index .room .room-detail {
    display: none;
  }

  /* 객실 목록 한 줄 배치 */
  #index .room .items {
    display: block;
  }

  #index .room .room-list {
    width: 90%;
    margin: 0 auto;
  }

  #index .room .room-list-item {
    width: 100%;
    margin-bottom: 30px;
    opacity: 1;
    transform: none;
  }

  #index .room .room-list-item.active {
    transform: none;
  }

  #index .room .room-list-item p {
    padding-left: 0;
    margin-top: 10px;
    font-size: 15px;
    text-align: center;
  }

  #index .room .room-list-item p::before {
    display: none;
  }

  #index .room .room-list-item:hover p,
  #index .room .room-list-item.active p {
    padding-left: 0;
  }

  @media (max-width:767px){

    #room .info{
        width:90%;
        margin:50px auto 70px;
        padding:30px 20px;
    }

    #room .info h3{
        font-size:24px;
        margin-bottom:30px;
        padding-bottom:18px;
    }

    #room .info h3::after{
        width:30px;
    }

    #room .info ul{
        width:100%;
    }

    #room .info ul li{
        display:block;
        padding:15px 0;
    }

    #room .info ul li .info-section{
        display:block;
        width:100%;
        margin-bottom:6px;
        font-size:13px;
        font-weight:600;
        color:#111;
    }

    #room .info ul li .info-content{
        display:block;
        width:100%;
        font-size:13px;
        font-weight:400;
        line-height:1.8;
        color:#222;
        word-break:keep-all;
    }

    #room .info ul li.delt{
        padding:18px;
        margin-top:10px;
        border-radius:4px;
    }

    #room .info ul li.delt .info-detail{
        line-height:1.9 !important;
    }

    #room .reserve-guide-btn{
        margin-top:30px;
    }

    #room .reserve-guide-btn a{
        display:block;
        width:100%;
        padding:14px 0;
        font-size:14px;
    }

    
    header{
        position:relative;
        height:110px;
        background:#fff;
    }

    /* 로고 */
    header .logo{
        position:absolute;
        top:12px;
        left:20px;
        transform:none;
    }

    header .logo img{
        max-height:38px;
    }

    /* 인스타 */
    header .sns{
        display:block;
        position:absolute;
        top:16px;
        right:20px;
        transform:none;
    }

    header .sns a{
        display:flex;
        align-items:center;
        justify-content:center;
        width:30px;
        height:30px;
    }

    header .sns img{
        width:20px;
        height:20px;
        opacity:.9;
    }

    /* 메뉴 */
    header .gnb{
        position:absolute;
        top:64px;
        left:0;
        width:100%;
        height:46px;
        display:flex;
        background:#fff;
        align-items:center;
        justify-content:center;
        gap:0;
        transform:none;
        border-top:1px solid #eee;
        border-bottom:1px solid #eee;
    }

    header .gnb > li{
        flex:1;
    }

    header .gnb > li > a{
        padding:15px 0;
        font-size:12px;
    }

    /* 객실정보 테이블 가로 스크롤 */
    #index .reserve .r_info_01 {
        width:100%;
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
    }

    /* 테이블을 화면 폭으로 축소하지 않음 */
    #index .reserve .r_info_01 table#ROOM_CODE {
        width:800px !important;
        min-width:800px !important;
        max-width:none !important;
        table-layout:auto !important;
    }

    /* 글자가 세로로 쪼개지지 않도록 */
    #index .reserve .r_info_01 table#ROOM_CODE th,
    #index .reserve .r_info_01 table#ROOM_CODE td {
        white-space:nowrap !important;
        word-break:keep-all !important;
        overflow-wrap:normal !important;
    }

}

/* mobileS */
@media (max-width: 450px) {

}