/* header */
header{ z-index: 1000; transition: .3s; background:#fff; box-shadow: 2px 0 6px rgba(0,0,0,.2); height: 80px; border-bottom: 1px solid #ddd;}
header h1.logo img{opacity: 0;}
header h1.logo img.scroll{ opacity: 1;}
header .wrap1740 a p{ color: #333;}
header .wrap1740 #reser-btn{ border: 1px solid #333; transition: .3s; color: #333;}
/* =================== 1460px =================== */
@media (max-width: 1460px) {
    header{ height: 130px;}
    header .wrap1740 .flex-wrap{ padding-top: 10px;}
    header.scrolldown{ top: -130px;}
    header.scroll{ height: 130px;}
    header h1.logo{ order: 0;}
    header .gnb{ order: 2; width: 100%; text-align: center;}
    header #reser-btn{ order: 1; }
    header .subnavbg.active{ top: 130px; opacity: 1;}
}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    header{height: 50px; transition: .3s;}
    header .wrap1740 .flex-wrap{ padding-top:0;}
    header.scrolldown{ top: -50px;}
    header.scroll{ height: 50px;}
    header #panelbtn span{background-color: #333;} 
    header #m-reser-btn{ color: #333;}
    header:hover{ box-shadow: 2px 0 6px rgba(0,0,0,.2); border-bottom: 1px solid #ddd; background:#fff; }
    header:hover h1.logo img{opacity: 0;}
    header:hover h1.logo img.scroll{ opacity: 1;}
    header:hover .wrap1740 a p{ color: #333;}
    header:hover .wrap1740 #reser-btn{ border: 1px solid #333; transition: .3s; color: #333;}
}

#section01{ padding: 180px 0 20px;}
#section01 .wrap1740 > h3{ width: 100%; font-size: 24px; padding-bottom: 40px; text-align: center;}
#section01 .content{ padding-bottom: 180px;}
#section01 .content > .bgi{ width: 100%; height: 600px; margin-bottom: 40px;}
#section01 .content > .flex-wrap > div{ width: cal(50% - 12px);}
#section01 .content > .flex-wrap .bgi{ width: calc(50% - 12px); height: 344px;}
#section01 .content .text-wrap{ padding: 35px 0 0 75px; text-align: left;}
#section01 .content .text-wrap h3{ font-size: 40px; padding-bottom: 20px;}
#section01 .content .text-wrap p{ font-size: 16px; padding-bottom: 40px;}
#section01 .content .text-wrap ul{ padding-bottom: 40px;}
#section01 .content .text-wrap ul li{ text-align: center; display: inline-block; padding-right: 30px;}
#section01 .content .text-wrap ul li img{ padding-bottom: 20px; display: inline-block;}
#section01 .content .text-wrap ul li p.upp{ font-size: 14px; padding-bottom: 10px;}
#section01 .content .text-wrap ul li p.re{ font-size: 12px; padding-bottom: 0;}
#section01 .content .btn-wrap{ font-size: 20px; display: flex; justify-content: flex-start; flex-wrap: wrap; font-size: 0;}
#section01 .content .btn-wrap p{ padding-bottom: 0; padding-right: 8px;}
#section01 .content .btn-wrap a{ transition: .3s; padding: 0 8px; font-size: 16px; padding-bottom: 3px; position: relative;}
#section01 .content .btn-wrap a:after{ content: ''; display: block; position: absolute; width: calc(100% - 16px); height: 1px; background-color: #F29600; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: .5s; transform: scaleX(0); transform-origin: left;}
#section01 .content .btn-wrap a:hover:after{ transform: scaleX(1);}
#section01 .content .btn-wrap a:hover{ color: #F29600;}
/* =================== 1780px =================== */
@media (max-width: 1780px) {
    #section01 .content .bgi{ width: 100%; height: 33.71vw;}
}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section01{ padding: 40px 0 100px;}
    #section01 .content{ padding-bottom: 100px;}
    #section01 .content .bgi{ width: 100%; height: 68.53vw; margin-bottom: 0;}
    #section01 .content .img-wrap{ display: none;}
    #section01 .content .text-wrap{ padding: 30px 0 0 0; text-align: left;}
    #section01 .content .text-wrap h3{ font-size: 24px; padding-bottom: 20px; color: #333;}
    #section01 .content .text-wrap > p{ font-size: 14px; line-height: 24px; padding-bottom: 30px;}
    #section01 .content .text-wrap ul{ width: 100%; padding-bottom: 30px; display: flex; justify-content: space-between;}
    #section01 .content .text-wrap ul li{ padding-right: 0;}
    #section01 .content .text-wrap ul li img{ padding-bottom: 10px; height: 31px; object-fit: cover; }
    #section01 .content .text-wrap ul li p.upp{ font-size: 10px; padding-bottom: 5px; line-height: 1px;}
    #section01 .content .text-wrap ul li p.re{ font-size: 8px; line-height: 16px;}
    #section01 .content .btn-wrap{ font-size: 14px; display: block; }
    #section01 .content .btn-wrap p{ padding-bottom: 0; padding-right: 8px; display: block; padding-bottom: 10px; font-size: 14px;}
    #section01 .content .btn-wrap a{ padding: 0 7px 3px 0; font-size: 14px; display: inline-block; margin-bottom: 5px;}
    #section01 .content .btn-wrap a:after{ width: calc(100% - 7px); left: 0; right: unset;}

}

 /* ==========================================================================
#FULL-SWIPER
========================================================================== */
.rooms-full-swiper{ width: 100%; position: relative; overflow: hidden; padding-bottom: 40px;}
.rooms-full-swiper .swiper-slide{ height: 68.53vw;}
.rooms-full-pag{ top: unset!important; bottom: 20px;}
.rooms-full-btn{ background-color: unset; width: 34px; height: 10px; bottom: 0; opacity: 1; top: unset;}
.rooms-full-swiper .swiper-button-next.swiper-button-disabled, .rooms-full-swiper .swiper-button-prev.swiper-button-disabled{ opacity: .4;}
.rooms-full-next{ right:0;}
.rooms-full-prev{ left: unset; right:90px;}