/* laptopL */
@media (min-width: 1921px) {

}


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

  .room .desc { line-height: 1.6; }
  .room .swiper-slide .text p { line-height: 1.6; }

  #index .intro .text p { line-height: 1.6; }
}
@media (max-width: 1000px) {
.header .accomo .lnb span{float: none; width: 100%;}
.header .accomo .lnb span a{padding: 3% 0;}

}

/* mobileL */
@media (max-width: 767px) {

  body { font-size: 11px; }
#travel .groub div{width: 100%; margin-bottom: 5%;  margin-top: 6%; }
#travel .groub div:first-child{ margin-bottom: 5%;   }
#travel .visual .title { font-size: 7vw; font-family: Philosopher; font-weight: normal; color: var(--text-title); z-index: 1; }
#travel .visual .desc{margin-top: 50px;}


  /* header ---------------------------------------------------------------- */
  .header .h_fix-item .logo { left: 4vw; top: 4vw; }
  .header .h_fix-item .logo img { width: 70px !important; }
  .header .h_fix-item .burger { top: 5vw; }
  .header .h_fix-item .page-name { top: 5vw; right: 18vw; width: 50vw; height: auto; text-align: right; }
  .header .h_fix-item .page-name p { writing-mode: horizontal-tb; text-decoration: none; }
  .header .h_menu .photo { display: none; }
  .header .h_menu .gnb { width: 90vw; height: fit-content; }
  .header .h_menu .gnb > li { text-align: center; }
  .header .h_menu .gnb > li > a { font-size: 2rem; }

  .header .accomo .lnb span{float: left; width: 50%;}
  .header .accomo .lnb span a{padding: 5% 0;}
  /* footer ---------------------------------------------------------------- */
  footer .logo { width: 60px; margin-bottom: 20vw; }
  footer .info { flex-direction: column; }
  footer .info div:nth-child(1),
  footer .info div:nth-child(2),
  footer .info div:nth-child(3) { text-align: center; }
  footer .info div span { font-size: 13px; display: block; }
  footer .info div:nth-child(3) { margin-top: 20px; }
  footer .info div:nth-child(3) a { font-size: 13px; }
  .footer-bg { height: 100vw; }
  .footerlogo2 > img{width:4rem}

  /* common ---------------------------------------------------------------- */
  section:not(.visual-video) { padding-top: 40vw; } 
  .room .title { font-size: 13vw; margin-left: 5vw; margin-right: auto; }
  #index .reserve .btn-more a { width: 35vw; }


  /* room component ---------------------------------------------------------------- */
  .room .title { font-size: 13vw; }
  .room .desc { margin-left: 2vw; margin-right: 2vw; }
  .room .inner { margin-left: 5vw; margin-right: 5vw; }
  .room .swiper-slide { width: fit-content; }
  .room .swiper-slide .photo { width: 50vw; height: 72vw; }
  .room .swiper-slide .text { width: 60vw; padding: 0 4%; }
  .room .swiper-slide .text h2 {font-size: 4vw; margin-top: 0; margin-bottom: 7vw; }
  .room .swiper-slide .text p { line-height: 1.4; font-size: 13px; }
  .room .swiper .btn-wrapper { bottom: -6.5vw; }
  .room .swiper .swiper-scrollbar { left: 50%; bottom: -7vw; transform: translateX(-50%); }

  /* index ---------------------------------------------------------------- */
  #index .visual #progress-bar { margin-left: 180px; }
  #index .visual-heading .heading .logo.ko { margin-bottom: 10vw; }
  #index .visual-heading .btn-scroll { right: 10vw; display: none; }
  #index .visual-heading .btn-scroll .line { height: 30vw; }
  #index .visual-heading .modal-video .iframe-wrapper2 { width: 100%; }

  #index .visual-video .iframe-wrapper iframe { background: none; }

  #index .intro .photo-wrap { width: 52vw; }
  #index .intro .title { font-size: 9vw; left: 65%; }
  #index .intro .text { position: relative; left: auto; bottom: auto; }

  #index .food { padding-top: 40vw; }
  #index .food .btn-more{bottom: -25px;}
  #index .food .photo-wrap { width: 100vw; }
  #index .food .mini-photo { width: 40vw; }
  #index .food .text { position: relative; left: auto; bottom: auto; margin-top: 5vw; margin-left: 3vw; }
  #index .food.food2 {
    padding-top: 35vw;
}
  #index .food.food2 .photo-wrap{float: none; margin-left: 10vw;}
  #index .food.food2 .inner {height: auto;}
  #index .food.food2 .text {
    left: auto;
    right: unset;
    margin-left: 21vw;
}

  #index .special .desc { margin-left: 5vw; margin-right: 5vw; }
  #index .special .inner { margin-left: 15vw; margin-right: 5vw; }
  #index .special .desc p { line-height: 1.6; }
  #index .special .swiper .swiper-slide { height: 70vw; }
  #index .special .swiper .swiper-slide .photo { width: 50vw; height: 70vw; }
  #index .special .swiper .swiper-slide .text { position: relative; left: auto; top: auto; transform: none; opacity: 1; }
  #index .special .swiper .swiper-slide .text h2 { display: none; }
  #index .special .swiper .swiper-slide:hover::after { opacity: 0; }
  

  #index .reserve { padding-top: 30vw; margin-bottom: 30vw; }
  #index .reserve .btn-more { bottom: -7vw; }
  #index .reserve .text { width: 90vw; margin-bottom: 20vw; }


  /* about ---------------------------------------------------------------- */
  #welcome .visual .title { font-size: 13vw; top:65%; left: 5%; }
  #welcome .visual .desc { position: relative; left: auto; top: auto; width: 90%; margin: 0 auto; margin-top: 40%; }
  #welcome .visual .photo-wrap { width: 70vw; margin-left: 30vw; }

  #welcome .images .photo-wrap { width: 90vw; margin-left: auto; margin-right: auto; margin-bottom: 5vw; }
  #welcome .images .photo-wrap:nth-of-type(1),
  #welcome .images .photo-wrap:nth-of-type(2),
  #welcome .images .photo-wrap:nth-of-type(3),
  #welcome .images .photo-wrap:nth-of-type(4),
  #welcome .images .photo-wrap:nth-of-type(5),
  #welcome .images .photo-wrap:nth-of-type(6),
  #welcome .images .photo-wrap:nth-of-type(7),
  #welcome .images .photo-wrap:nth-of-type(8),
  #welcome .images .photo-wrap:nth-of-type(9),
  #welcome .images .photo-wrap:nth-of-type(10),
  #welcome .images .photo-wrap:nth-of-type(11),
  #welcome .images .photo-wrap:nth-of-type(12),
  #welcome .images .photo-wrap:nth-of-type(13) { width: 90vw; margin-left: auto; margin-right: auto; margin-bottom: 7vw; }

  #welcome .video { height: 100vw; }
  #welcome .video .video-btn { width: 100px; }

  #welcome .location .text { flex-direction: column; width: 85%; }
  #welcome .location .text h1 { font-size: 13vw; }
  #welcome .location .text p span { display: flex; }
  #welcome .location .root_daum_roughmap .wrap_map { height: 300px !important; }


  /* Special Preview ---------------------------------------------------------------- */
  #special_pv .visual { padding-top: 30vw; }
  #special_pv .visual .title { font-size: 13vw; margin-left: auto; margin-right: auto; text-align: center; }
  #special_pv .visual .desc { margin-left: 5vw; margin-right: 5vw; }
  #special_pv .list .items { width: 90vw; }
  #special_pv .list .items .item { width: 90vw; margin-bottom: 20vw; }
  #special_pv .list .items .item .photo { height: 120vw; }
  #special_pv .list .items .item .special-name { font-size: 18px;}
  #special_pv .list .items .item:hover::after { opacity: 0; }
  #special_pv .list .items .item:hover .text { opacity: 0; }
  #special_pv .desc p br{display: block;}


  /* Special ---------------------------------------------------------------- */
  #special .fixed-side { position: relative; left: auto; top: 0; width: 90%; height: auto; min-height: auto; margin: 0 auto; padding-top: 30vw; padding-right: 0; }
  #special .fixed-side .inner { border-right: none; padding-right: 0; }
  #special .fixed-side .btns { display: none;  }
  #special .images+.btns { display: flex; margin-bottom: 35vw; }
  #special .images { margin-left: auto; margin-right: auto; padding-bottom: 0; }
  #special .images .photo { width: 90vw; margin-left: auto; margin-right: auto; }
  /* RoomPreview ---------------------------------------------------------------- */
  #roomPreview .pv_list ul li.pv_lt > .img{float: none;}
  #roomPreview .pv_list ul li.pv_rt > .img{float: none;}
  #roomPreview .pv_list ul li > div{width: 100%;}
  #roomPreview .pv_list ul li > div:first-child{height: 60vw;}
  #roomPreview .pv_list ul li .txt > div{position: static; transform: translate(0,0); height: auto; padding: 5% 4% 8%;}
  #roomPreview .pv_list ul li{ height:  auto;}
  #roomPreview .pv_list ul li .txt > div h3 {font-size: 25px;}
  #roomPreview .pv_list ul li .txt > div p{font-size: 11px;     margin: 15px 0 17px;}
  #roomPreview .pv_list ul li a{font-size: 16px;}
  /* Room ---------------------------------------------------------------- */
  #room .visual .desc { margin-left: 10vw; margin-right: 10vw; }
  #room .room-info {  }
  #room .room-info .inner { margin-left: 10vw; margin-right: 10vw; }
  #room .room-info .inner h2 { margin-left: 5vw; }
  #room .room-info .ul-wrapper { flex-direction: column; width: 90%; overflow: hidden; }
  #room .room-info .ul-wrapper>div:nth-child(1) ul:nth-child(3),
  #room .room-info .ul-wrapper>div:nth-child(1) ul:nth-child(4) { margin-bottom: 0; }
  #room .room-info ul.basic { width: 48%; float: left; }
  #room .room-info ul.circle li { margin-left: 10px; }
  #room .room-info .btn { display: block; }
#room .room-info ul.amenity li { width: 45%; float: left; }

  #room .btn-more a{width: 30vw;}


  /* Reserve ---------------------------------------------------------------- */
  #reserve .visual .title { font-size: 13vw; }
  #reserve .content .frame { padding: 10vw 5vw; }
  #reserve .content .frame .title { font-size: 25px !important; margin-bottom: 15vw; }
  #reserve .content .frame.guide * { font-size: 14px; }
  #reserve .content .frame.guide .g-section { margin-bottom: 13vw; }
  #reserve .content .frame.guide .g-section .sub-title { margin-bottom: 3vw; font-size: 20px !important; }
  #reserve .content .frame.guide .g-section ul li { line-height: 1.6; }
  #reserve .content .frame.guide .g-section table { table-layout: auto; }
  #reserve .content .frame.guide table td,
  #reserve .content .frame.guide table th { font-size: 12px; }
  #reserve .content .frame.guide .g-section .table-wrapper { overflow-x: scroll; }
  #reserve .content .frame.guide .g-section .table-wrapper table#REFU_PRCE { width: 600px; }
}
@media (max-width: 600px) {
}


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

}