/* laptopL */
@media (min-width: 1921px) {
  .menu .menu-logo { left: 10%; }
  .menu .icons { right: 10%; }

  #index .intro,
  #index .room,
  #index .facility,
  #index .gallery,
  #about .intro,
  #about .gallery,
  #about .location,
  #room .room,
  #room .type { padding-top: 250px; padding-bottom: 300px; }
  #index .facility .swiper-slide .thum { height: 350px; }

  #room .room .wrapper { height: 900px; }
  #room .room .wrapper .right { max-width: 550px; }
  #room .type>h1 { font-size: 50px; margin-bottom: 100px; }

  #facility .special { padding-top: 200px; padding-bottom: 400px; }
  #facility .special .text-title  { margin: 0 250px; margin-bottom: 20px; }
  #facility .special .text-desc { margin: 0 250px; margin-bottom: 50px; }
  #facility .special .mini-photo { left: 250px; }
  #facility .special .Swiper { margin-right: 250px; }
  #facility .special:nth-of-type(odd) .mini-photo { right: 250px; }
  #facility .special:nth-of-type(odd) .Swiper { margin-left: 250px; }
}


/* laptopS */
@media (max-width: 1400px) {
  .menu .gnb {top: 45%;}
  .menu .gnb>li>a { font-size: 38px; height: 60px; line-height: 60px; }
  .menu .lnb { margin-top: 10px; }
  .menu .lnb a { margin-bottom: 0; }

  #about .gallery .swiper-slide-active { transform: scale(1.5) !important; }
  #about .gallery .swiper-pagination { bottom: -55px; }
  #about .gallery .swiper-button-prev { left: 150px; }
  #about .gallery .swiper-button-next { right: 150px; }
  #about .location .inner { width: 90vw; }
  #about .location .root_daum_roughmap { width: 90vw !important; }

  #room .room .wrapper { gap: 40px; }
  #room .room .room-info { width: 900px; }
}


/* mobileL */
@media (max-width: 767px) {
  #top-logo { width: 120px; }
	#top-logo.loading { width: 200px !important; } 
#top-logo+.small-logo { width: 180px; top: 26px; }
	
  #scroll-btn { display: none; }

  .menu .menu-logo { width: 200px; display: none; }
  .menu .gnb { width: 100%; }
  .menu .gnb>li>a { font-size: 35px; }
  .menu .gnb>li>a::after { bottom: -15px; }
  .menu .lnb { margin-bottom: 20px; }
  .menu .lnb a { opacity: 1; padding: 10px 0; font-size: 22px; }
  .menu .icons { right: auto; left: 50%; top: 90%; transform: translate(-50%, -50%); display: flex; gap: 20px; }
  .menu .icons a { text-align: center; display: flex; }
  .menu .icons a span { transform: translateY(4px); }

  footer .inner p:not(.copyright),
  footer .inner p span { font-size: 16px; }
  footer .inner>img { width: 150px; }
  footer .inner .infos { margin: 0 10%; }
  footer .inner .infos span { margin: 5px 20px; }
  footer .inner .infos span:nth-child(2)::after,
  footer .inner .infos span:nth-child(3)::after { display: none; }

  .visual .heading { font-size: 40px; }

  #index .visual, #index .visual .swiper,
  #about .visual,
  #room .visual, #room .visual .swiper, #room .visual,
  #facility .visual,
  #notice .visual,
  #reserve .visual { /*height: 60vh;*/ height: 500px; }

  #index .visual .swiper-pagination { top: 93%; }
  #index .intro,
  #about .intro { padding-top: 100px; padding-bottom: 100px; }
  #index .intro img.logo, #about .intro img.logo { width: 150px !important; }
  #index .intro h1, #about .intro h1 { font-size: 18px; }
  #index .room>h1, #index .facility>h1, #index .gallery>h1, 
  #about .gallery>h1, #about .fullvideo>h1, #about .location>h1,
  #facility .intro h1 { font-size: 40px; }
	
#index_heading { visibility: hidden; } 
  #index .visual #progress-bar { margin-left: 180px; }
  #index .room { padding-bottom: 100px; }
  #index .room>p {font-size: 11px;}
  #index .room .swiper-slide, #room .type .swiper-slide { padding: 20px; }
  #index .room .swiper-slide .room-name, #room .type .swiper-slide .room-name { font-size: 37px; margin-bottom: 15px; }
  #index .room .swiper-slide:hover .room-name, #room .type .swiper-slide:hover .room-name { transform: translateY(135px); }
  #index .room .swiper-slide .desc { font-size: 12px; }
  #index .room .swiper-slide .feature, #room .type .swiper-slide .feature { font-size: 12px; display: none; }
  #index .facility .swiper { width: 85%; }
  #index .facility .swiper-pagination-bullet { margin-bottom: 10px; }
  #index .facility .swiper-pagination-bullet::after { display: none; } 
  #index .facility .swiper-button-prev { left: -60px; margin-top: 240px;}
  #index .facility .swiper-button-next { right: -60px; margin-top: 240px;}
  #index .video { height: 60vh; position: relative; margin-top: 0; margin-bottom: 0; }
  #index .video video { height: 60vh; }
  #index .gallery .slide-container .slide-img { margin-right: 10px; }
	
  #about .intro,
  #facility .intro { padding-left: 5%; padding-right: 5%; }
  #about .intro p,
  #facility .intro p { font-size: 14px; }
  #about .gallery,
  #about .fullvideo { padding-top: 100px; padding-bottom: 70px; }
  #about .gallery .inner { width: 95%; }
  #about .gallery .swiper { margin-top: 0; margin-bottom: 0; }
  #about .gallery .swiper-slide { width: 100% !important; pointer-events: all; }
  #about .gallery .swiper-slide-active { transform: scale(1) !important; }
  #about .gallery .swiper-pagination { bottom: 5%; }
  #about .gallery .swiper-button-prev { left: 3%; }
  #about .gallery .swiper-button-next { right: 3%; }
  #about .fullvideo .iframe-wrapper { width: 100%; padding-bottom: 56%; }
  #about .location { padding-top: 100px; }
  #about .location>h1 { margin-bottom: 40px; }
  #about .location .text { flex-direction: column; font-size: 14px; }
  #about .location .text p span { font-size: 14px; }
  #about .location .root_daum_roughmap { height: 433px !important; }
  #about .location .root_daum_roughmap .wrap_map,
  #about .location .root_daum_roughmap .map { height: 400px !important; }

  #room .room { padding-top: 100px; padding-bottom: 100px; }
  #room .visual .swiper-button-prev,
  #index .visual .swiper-button-prev { left: -3%; }
  #room .visual .swiper-button-next,
  #index .visual .swiper-button-next { right: -3%; }
  #room .room .wrapper { flex-direction: column; width: 90vw; height: 1200px; margin: 0 auto; gap: 30px; }
  #room .room .wrapper .left, #room .room .wrapper .right { width: 100%; max-width: none; }
  #room .room .wrapper .right img {width: 80%;height: auto;}
  #room .room .wrapper .video { height: 65vw; }
  #room .room .wrapper .video video { height: 65vw !important; }
  #room .room .wrapper .right p { font-size: 11px; }
  #room .room .room-info { width: 90%; }
  #room .room .room-info h1 { text-align: center; }
  #room .room .room-info .ul-wrapper { flex-direction: column; width: 90%; overflow: hidden; }
  #room .room .room-info ul.basic { width: 48%; float: left; }
  #room .room .room-info ul.circle li { margin-left: 10px; }
  #room .type { padding-bottom: 150px; }
  #room .type .swiper-button-prev,
  #room .type .swiper-button-next { display: block; }

  #facility .special { padding-top: 80px; padding-bottom: 100px; }
  #facility .special:last-of-type { padding-bottom: 150px; }
  #facility .special .inner { min-width: auto; }
  #facility .special .Swiper, #facility .special:nth-of-type(odd) .Swiper, #facility .special:nth-of-type(even) .Swiper { margin-left: 0; margin-right: 0; width: 95%; margin: 0 auto; }
  #facility .special .Swiper .swiper-pagination { top: 90%; }
  #facility .special .mini-photo { display: none; }

  #notice .contents .InBox { width: 100%; }
}

@media (max-width: 767px) {
	 .contents .reserve_tab{display:flex; width:100%;}
	 .contents .reserve_tab li{padding:0; width:calc(100% / 3); background:url(../images/pv_b.gif) no-repeat right center;}
	 .contents .reserve_tab li a{display:block; padding:15px 0; text-align:center; font-size:15px;}


}
@media (max-width: 600px) {
  #room .room .wrapper { height: 990px; }
}


/* mobileS */
@media (max-width: 450px) {
  body {
    font-size: 11px;
  }

  /* remove hover effect */
  #index .room .swiper-slide:hover .large-img, #room .type .swiper-slide:hover .large-img { opacity: 0; }
  #index .room .swiper-slide:hover .large-img img, #room .type .swiper-slide:hover .large-img img { opacity: 0; }
  #index .room .swiper-slide:hover .room-name, #room .type .swiper-slide:hover .room-name { color: #222; -webkit-transform: translateY(0);  transform: translateY(0); }
  #index .room .swiper-slide:hover .thum,
  #index .room .swiper-slide:hover .feature,
  #index .room .swiper-slide:hover .desc,
  #room .type .swiper-slide:hover .thum,
  #room .type .swiper-slide:hover .feature,
  #room .type .swiper-slide:hover .desc { opacity: 1; visibility: visible; }
  #index .room .swiper-slide .link-arrow,
  #room .type .swiper-slide .link-arrow { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  #index .room .swiper-slide .link-arrow span,
  #room .type .swiper-slide .link-arrow span { color: #222;  }
  .link-arrow:hover svg { left: 0; }
  .link-arrow:hover .link-arrow__text { -webkit-transform: translateY(0); transform: translateY(0); }
  #index .facility .swiper-slide:hover .large-img { opacity: 0; }
  #index .facility .swiper-slide:hover .large-img img { opacity: 0; }
  #index .facility .swiper-slide:hover .facility-name { color: #222; -webkit-transform: translateY(0);  transform: translateY(0); }
  #index .facility .swiper-slide:hover .thum,
  #index .facility .swiper-slide:hover .feature,
  #index .facility .swiper-slide:hover .desc { opacity: 1; visibility: visible; }
  #index .facility .swiper-slide:hover .link-arrow { -webkit-transform: translateY(100%);  transform: translateY(100%); opacity: 0; }


  .menu .gnb>li>a { font-size: 30px; height: 50px; line-height: 100px; }
  .menu .lnb a { font-size: 18px; margin-bottom: 0; padding: 10px 0; }
  .menu .icons a img { width: 20px !important; }
  .menu .icons a span { font-size: 13px; }

  footer { padding: 25px 0; }
  footer .bg { background: url(http://gonylab11.speedgabia.com/intaglio/m/main/bottom.jpg) no-repeat center center / cover; filter: opacity(0.5);}
	
  footer .inner>img { width: 150px; margin-bottom: 90px; }
  footer .inner p:not(.copyright),
  footer .inner p span { font-size: 14px; }
  footer .inner .infos { padding-top: 15px; }
  footer .inner .infos span { font-size: 12px; }
  footer .inner .copyright { font-size: 11px; }

  .visual .heading { font-size: 52px; }

  #index .visual, #index .visual .swiper,
  #about .visual, 
  #room .visual, #room .visual .swiper, #room .visual,
  #facility .visual,
  #notice .visual,
  #reserve .visual { /*height: 60vh;*/ height: 400px; }

  #index .room>h1, #index .facility>h1, #index .gallery>h1,
  #about .gallery>h1, #about .location>h1,
  #facility .intro h1,
  #facility .special .text-title,
  #room .room>h1, #room .room .room-info h1, #room .type>h1 { font-size: 32px; }
  #room .room>p {font-size: 10px;}
	
  #index .intro, #about .intro { padding-top: 140px; padding-bottom: 70px; }
  #index .intro img.logo, #about .intro img.logo { width: 150px !important;  margin-bottom: 40px;}
  #index .intro h1, #about .intro h1 { font-size: 13px; }
  #index .intro h1 p { font-size: 22px; }
	
  #index .visual #progress-bar { display: none; }
  #room .visual .swiper-button-prev,
  #index .visual .swiper-button-prev { left: -5%; }
  #room .visual .swiper-button-next,
  #index .visual .swiper-button-next { right: -5%; }
  #index .video { height: 350px; }
  #index .video video { height: 350px; }
  #index .video .video-btn { width: 110px; font-size: 14px; }
  #index .room .swiper-slide .thum,
  #room .type .swiper-slide .thum { height: 200px; }
  #index .room .swiper-slide .room-name,
  #room .type .swiper-slide .room-name { font-size: 22px; }
  #index .room .swiper-slide p,
  #room .type .swiper-slide p,
  
  #index .room>h1 { margin-bottom: 22px; font-size: 26px;letter-spacing: 1px; }
  #index .facility>h1 { margin-bottom: 25px; }
  #index .facility .swiper-slide .desc{ margin-bottom: 22px; font-size: 13px;letter-spacing: 1px; }
  #index .facility .swiper { margin-top: 0; }
  #index .facility .swiper-slide .thum { height: 200px; }
  #index .facility .swiper-slide .facility-name { font-size: 27px; }
  #index .facility .swiper-pagination { display: none; }
  #index .gallery { padding-top: 100px; padding-bottom: 100px; }
  #index .gallery>h1 { margin-bottom: 30px; }
  #index .gallery .slide-container .slide-img { max-width: 300px; max-height: 346px; min-width: 300px; min-height: 346px; }

  #about .intro p { font-size: 12px; }
  #about .location .text { flex-direction: column; font-size: 13px; }
  #about .location .text p span { font-size: 13px; }

  #room .visual .swiper-pagination { top: 93%; }
  #room .room .wrapper { height: 790px; }
  #room .room .room-info .ul-wrapper { gap: 30px; }
  #room .room .room-info ul b { font-size: 15px; }
  #room .room .room-info ul li { font-size: 14px; }

  #facility .special { padding-bottom: 60px; }
  #facility .special:last-of-type { padding-bottom: 100px; }
  #facility .special .text-desc { margin-bottom: 20px; font-family:'NanumG'; }
  #facility .special .Swiper .swiper-button-prev { left: 10px; }
  #facility .special .Swiper .swiper-button-next { right: 10px; }
  #facility .special .Swiper .swiper-pagination { top: 87%; }
  /* remove hover effect */
  #facility .special .mini-photo:hover img,
  #facility .special .Swiper:hover .swiper-slide>img { -webkit-transform: scale(1);  transform: scale(1); }

  #reserve .visual { background: url('http://gonylab11.speedgabia.com/intaglio/m/banner/2.jpg') no-repeat center center / cover; }
  #reserve .contents { padding: 0; margin-top: 100px; }
  #reserve .frame_02 { padding: 0 5%; }
  #reserve .frame_02 .r_info_04 .table-wrapper { overflow-x: scroll; }
  #reserve .frame_02 table tr th,
  #reserve .frame_02 table tr td { font-size: 10px; }

  #notice .visual { background: url('http://gonylab11.speedgabia.com/intaglio/m/banner/4.jpg') no-repeat center center / cover; }
}